@mobilon-dev/chotto 0.3.40 → 0.3.42
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/LICENSE +21 -21
- package/README.md +392 -392
- package/dist/chotto.css +1 -1
- package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js +1 -1
- package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue.js +2 -2
- package/dist/components/1_atoms/ContextMenu/ContextMenu.vue.js +1 -1
- package/dist/components/1_atoms/EmbedPreview/EmbedPreview.vue.js +4 -4
- package/dist/components/1_atoms/LinkPreview/LinkPreview.vue.js +3 -3
- package/dist/components/1_atoms/LoadingIndicator/LoadingIndicator.vue.js +8 -8
- package/dist/components/1_atoms/Tooltip/Tooltip.vue.js +2 -2
- package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +60 -52
- package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js +14 -14
- package/dist/components/2_blocks/FeedFoundItem/FeedFoundItem.vue.js +1 -1
- package/dist/components/2_blocks/FeedFoundObjects/FeedFoundObjects.vue.js +1 -1
- package/dist/components/2_blocks/FeedSearch/FeedSearch.vue.js +4 -4
- package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue.js +1 -1
- package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js +2 -2
- package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue.js +2 -2
- package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js +1 -1
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue.js +2 -2
- package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue.js +1 -1
- package/dist/components/2_chatinput_elements/PlaceholderComponent/PlaceholderComponent.vue.js +11 -11
- package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue.js +2 -2
- package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js +1 -1
- package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js +2 -2
- package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue2.js +5 -5
- package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue.js +2 -2
- package/dist/components/2_chatinput_elements/WABAQuickReplyButtons/WABAQuickReplyButtons.vue.js +2 -2
- package/dist/components/2_chatinput_elements/WABASeparatedQuickButtons/WABASeparatedQuickButtons.vue.js +2 -2
- package/dist/components/2_chatinput_elements/WABATemplateSelector/WABATemplateSelector.vue.js +1 -1
- package/dist/components/2_chatlist_elements/ChatFilter/ChatFilter.vue.js +1 -1
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js +2 -2
- package/dist/components/2_chatlist_elements/ChatTabs/ChatTabs.vue.js +3 -3
- package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js +2 -2
- package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js +1 -1
- package/dist/components/2_elements/ChatInfo/ChatInfo.vue.js +9 -9
- package/dist/components/2_elements/ChatPanel/ChatPanel.vue.js +1 -1
- package/dist/components/2_elements/ContactInfo/ContactInfo.vue.js +1 -1
- package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js +2 -2
- package/dist/components/2_elements/UserProfile/UserProfile.vue.js +4 -4
- package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/DateMessage/DateMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js +1 -1
- package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js +1 -1
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js +2 -2
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
- package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.js +7 -0
- package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +109 -0
- package/dist/components/2_feed_elements/MissedCallMessage/icons/MissedCallIcon.vue.js +34 -0
- package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue.js +4 -4
- package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue.js +4 -4
- package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/SplashScreen/SplashScreen.vue.js +2 -2
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/SystemMessage/SystemMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/TypingMessage/TypingMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +2 -2
- package/dist/components/2_modals/CreateChat/CreateChat.vue.js +6 -6
- package/dist/components/2_modals/CreateChat2/CreateChat2.vue.js +1 -1
- package/dist/components/2_modals/CreateDialog/CreateDialog.vue.js +10 -10
- package/dist/components/2_modals/Modal/Modal.vue.js +1 -1
- package/dist/components/2_modals/ModalFullscreen/ModalFullscreen.vue.js +1 -1
- package/dist/components/2_modals/ModalNoFooter/ModalNoFooter.vue.js +1 -1
- package/dist/components/2_modals/ModalVideoRecorder/ModalVideoRecorder.vue.js +1 -1
- package/dist/components/2_modals/SelectUser/SelectUser.vue.js +1 -1
- package/dist/components/2_modals/SelectUser2/SelectUser2.vue.js +11 -11
- package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +1 -1
- package/dist/components/3_compounds/ChatList/ChatList.vue.js +5 -5
- package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js +43 -10
- package/dist/components/3_compounds/ChatList/icons/LogoIcon.vue.js +19 -0
- package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
- package/dist/components/3_compounds/Feed/Feed.vue2.js +82 -81
- package/dist/components/3_compounds/Feed/assets/chat-background.svg.js +3 -3
- package/dist/components/3_compounds/Feed/composables/useFeedComponents.js +10 -8
- package/dist/components/3_compounds/SideBar/SideBar.vue.js +1 -1
- package/dist/components/4_layouts/AdaptiveExtendedLayout/AdaptiveExtendedLayout.vue.js +2 -2
- package/dist/components/4_layouts/BaseLayout/BaseLayout.vue.js +1 -1
- package/dist/components/4_layouts/ChatWrapper/ChatWrapper.vue.js +2 -2
- package/dist/components/4_layouts/ExtendedLayout/ExtendedLayout.vue.js +1 -1
- package/dist/components/4_layouts/FeedLayout/FeedLayout.vue.js +5 -5
- package/dist/components/5_containers/BaseContainer/BaseContainer.vue.js +3 -3
- package/dist/components/5_containers/FloatContainer/FloatContainer.vue.js +1 -1
- package/dist/index.js +147 -145
- 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 +31 -0
- package/dist/types/components/1_atoms/Tooltip/Tooltip.vue.d.ts +9 -0
- package/dist/types/components/1_atoms/Tooltip/styles/types.d.ts +2 -0
- package/dist/types/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.d.ts +40 -0
- package/dist/types/components/2_feed_elements/MissedCallMessage/icons/MissedCallIcon.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/MissedCallMessage/stories/MissedCallMessage.stories.d.ts +12 -0
- package/dist/types/components/2_feed_elements/types/messages.d.ts +10 -0
- package/dist/types/components/3_compounds/ChatList/ChatListHeader.vue.d.ts +6 -0
- package/dist/types/components/3_compounds/ChatList/icons/LogoIcon.vue.d.ts +2 -0
- package/dist/types/components/3_compounds/ChatList/styles/types.d.ts +44 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/main.d.ts +3 -0
- package/package.json +72 -72
|
@@ -43,7 +43,7 @@ const C = { class: "chat-filter__container" }, k = { class: "chat-filter__icon"
|
|
|
43
43
|
])) : f("", !0)
|
|
44
44
|
]));
|
|
45
45
|
}
|
|
46
|
-
}, q = /* @__PURE__ */ I(y, [["__scopeId", "data-v-
|
|
46
|
+
}, q = /* @__PURE__ */ I(y, [["__scopeId", "data-v-21a6c84e"]]);
|
|
47
47
|
export {
|
|
48
48
|
q as default
|
|
49
49
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./ChatItem.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-64cee51b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -15,7 +15,7 @@ const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
|
|
|
15
15
|
},
|
|
16
16
|
emits: ["tab-click"],
|
|
17
17
|
setup(c) {
|
|
18
|
-
return (r,
|
|
18
|
+
return (r, k) => (a(), t("ul", u, [
|
|
19
19
|
(a(!0), t(o, null, i(c.tabs, (e) => (a(), t("li", {
|
|
20
20
|
key: e.id,
|
|
21
21
|
class: n(["chat-tabs__item", { "chat-tabs__item--active": e.active }])
|
|
@@ -23,7 +23,7 @@ const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
|
|
|
23
23
|
_("button", {
|
|
24
24
|
class: "chat-tabs__button",
|
|
25
25
|
"aria-pressed": e.active,
|
|
26
|
-
onClick: (
|
|
26
|
+
onClick: (f) => r.$emit("tab-click", e.id)
|
|
27
27
|
}, [
|
|
28
28
|
l(s(e.label) + " ", 1),
|
|
29
29
|
e.count !== void 0 ? (a(), t("span", h, s(e.count), 1)) : d("", !0)
|
|
@@ -31,7 +31,7 @@ const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
|
|
|
31
31
|
], 2))), 128))
|
|
32
32
|
]));
|
|
33
33
|
}
|
|
34
|
-
}, g = /* @__PURE__ */ m(b, [["__scopeId", "data-v-
|
|
34
|
+
}, g = /* @__PURE__ */ m(b, [["__scopeId", "data-v-08e917d3"]]);
|
|
35
35
|
export {
|
|
36
36
|
g as default
|
|
37
37
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./AudioRecorder.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dd12b32c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|
|
@@ -8,13 +8,13 @@ const g = {
|
|
|
8
8
|
}, A = { class: "chat-info__base-line" }, B = { class: "chat-info__avatar-container" }, C = ["src"], I = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: ""
|
|
11
|
-
}, q = { class: "chat-info__info-container" },
|
|
11
|
+
}, q = { class: "chat-info__info-container" }, w = { class: "chat-info__title" }, N = {
|
|
12
12
|
key: 0,
|
|
13
13
|
class: "chat-info__additional-title"
|
|
14
|
-
},
|
|
14
|
+
}, S = {
|
|
15
15
|
key: 0,
|
|
16
16
|
class: "chat-info__time"
|
|
17
|
-
},
|
|
17
|
+
}, V = { class: "chat-info__actions" }, $ = ["id"], b = {
|
|
18
18
|
__name: "ChatInfo",
|
|
19
19
|
props: {
|
|
20
20
|
chat: {
|
|
@@ -66,16 +66,16 @@ const g = {
|
|
|
66
66
|
]))
|
|
67
67
|
]),
|
|
68
68
|
n("div", q, [
|
|
69
|
-
n("span",
|
|
69
|
+
n("span", w, [
|
|
70
70
|
u(c(e.chat.name) + " ", 1),
|
|
71
|
-
e.additionalTitle ? (a(), i("span",
|
|
71
|
+
e.additionalTitle ? (a(), i("span", N, c(e.additionalTitle), 1)) : o("", !0)
|
|
72
72
|
]),
|
|
73
|
-
d.value ? (a(), i("p",
|
|
73
|
+
d.value ? (a(), i("p", S, [
|
|
74
74
|
r(s.$slots, "img-description", {}, void 0, !0),
|
|
75
75
|
u(" " + c(d.value), 1)
|
|
76
76
|
])) : o("", !0)
|
|
77
77
|
]),
|
|
78
|
-
n("div",
|
|
78
|
+
n("div", V, [
|
|
79
79
|
r(s.$slots, "actions", {}, void 0, !0)
|
|
80
80
|
])
|
|
81
81
|
]),
|
|
@@ -84,10 +84,10 @@ const g = {
|
|
|
84
84
|
class: "chat-info__search-panel"
|
|
85
85
|
}, [
|
|
86
86
|
r(s.$slots, "search", {}, void 0, !0)
|
|
87
|
-
], 8,
|
|
87
|
+
], 8, $)
|
|
88
88
|
])) : o("", !0);
|
|
89
89
|
}
|
|
90
|
-
}, x = /* @__PURE__ */ T(
|
|
90
|
+
}, x = /* @__PURE__ */ T(b, [["__scopeId", "data-v-7364088e"]]);
|
|
91
91
|
export {
|
|
92
92
|
x as default
|
|
93
93
|
};
|
|
@@ -41,7 +41,7 @@ const p = { class: "chat-panel" }, m = { class: "chat-panel__header" }, u = { cl
|
|
|
41
41
|
])
|
|
42
42
|
]));
|
|
43
43
|
}
|
|
44
|
-
}, N = /* @__PURE__ */ d(v, [["__scopeId", "data-v-
|
|
44
|
+
}, N = /* @__PURE__ */ d(v, [["__scopeId", "data-v-aa67f69c"]]);
|
|
45
45
|
export {
|
|
46
46
|
N as default
|
|
47
47
|
};
|
|
@@ -152,7 +152,7 @@ const Q = { class: "contact-info" }, X = { class: "contact-info__attribute-list"
|
|
|
152
152
|
]);
|
|
153
153
|
};
|
|
154
154
|
}
|
|
155
|
-
}, gt = /* @__PURE__ */ K(_t, [["__scopeId", "data-v-
|
|
155
|
+
}, gt = /* @__PURE__ */ K(_t, [["__scopeId", "data-v-42660d89"]]);
|
|
156
156
|
export {
|
|
157
157
|
gt as default
|
|
158
158
|
};
|
|
@@ -43,7 +43,7 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
|
|
|
43
43
|
], 32)
|
|
44
44
|
])) : _("", !0);
|
|
45
45
|
}
|
|
46
|
-
},
|
|
46
|
+
}, S = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
|
|
47
47
|
export {
|
|
48
|
-
|
|
48
|
+
S as default
|
|
49
49
|
};
|
|
@@ -7,7 +7,7 @@ const l = {
|
|
|
7
7
|
}, n = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "profile__avatar-container"
|
|
10
|
-
}, _ = ["src"], u = { class: "profile__name" },
|
|
10
|
+
}, _ = ["src"], u = { class: "profile__name" }, d = { class: "profile__email" }, m = { class: "profile__phone" }, f = {
|
|
11
11
|
__name: "UserProfile",
|
|
12
12
|
props: {
|
|
13
13
|
user: {
|
|
@@ -29,11 +29,11 @@ const l = {
|
|
|
29
29
|
}, null, 8, _)
|
|
30
30
|
])) : o("", !0),
|
|
31
31
|
t("h2", u, s(e.user.name), 1),
|
|
32
|
-
t("p",
|
|
33
|
-
t("p",
|
|
32
|
+
t("p", d, s(e.user.email), 1),
|
|
33
|
+
t("p", m, s(e.user.phone), 1)
|
|
34
34
|
])) : o("", !0);
|
|
35
35
|
}
|
|
36
|
-
}, g = /* @__PURE__ */ i(f, [["__scopeId", "data-v-
|
|
36
|
+
}, g = /* @__PURE__ */ i(f, [["__scopeId", "data-v-8ff961d8"]]);
|
|
37
37
|
export {
|
|
38
38
|
g as default
|
|
39
39
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./VideoRecorder.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-
|
|
4
|
+
const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-93c4aad3"]]);
|
|
5
5
|
export {
|
|
6
6
|
c as default
|
|
7
7
|
};
|
|
@@ -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
|
|
4
|
+
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-21f09e5a"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import o from "./BaseReplyMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const f = /* @__PURE__ */ o
|
|
3
|
+
import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const f = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2c3ff643"]]);
|
|
5
5
|
export {
|
|
6
6
|
f as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./CallMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1df0ddd1"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DateMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0369ddcb"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./DateMessageSticky.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-
|
|
4
|
+
const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b651f78e"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DelimiterMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ac955b7"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./FeedKeyboard.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-
|
|
4
|
+
const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-af2fc142"]]);
|
|
5
5
|
export {
|
|
6
6
|
f as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import a from "./FileMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const s = /* @__PURE__ */
|
|
3
|
+
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const s = /* @__PURE__ */ o(a, [["__scopeId", "data-v-aad85a6d"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ImageMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6b1b745c"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./MessageKeyboard.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const s = /* @__PURE__ */
|
|
3
|
+
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-973cd877"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./MessageReactions.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const r = /* @__PURE__ */
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-350f4d0b"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -0,0 +1,109 @@
|
|
|
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 u, withCtx as x, createTextVNode as h, toDisplayString as p, Transition as w, createBlock as S } from "vue";
|
|
2
|
+
import { useMessageActions as V } from "../../../hooks/messages/useMessageActions.js";
|
|
3
|
+
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
4
|
+
import "../../../functions/parseMarkdown.js";
|
|
5
|
+
import { getMessageClass as I } from "../../../functions/getMessageClass.js";
|
|
6
|
+
import { useSubtextTooltip as N } from "../../../hooks/messages/useSubtextTooltip.js";
|
|
7
|
+
import B from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
8
|
+
import D from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
9
|
+
import O from "./icons/MissedCallIcon.vue.js";
|
|
10
|
+
const j = ["messageId"], q = ["src"], z = {
|
|
11
|
+
key: 1,
|
|
12
|
+
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" }, W = /* @__PURE__ */ T({
|
|
14
|
+
__name: "MissedCallMessage",
|
|
15
|
+
props: {
|
|
16
|
+
message: {
|
|
17
|
+
type: Object,
|
|
18
|
+
required: !0
|
|
19
|
+
},
|
|
20
|
+
applyStyle: {
|
|
21
|
+
type: Function,
|
|
22
|
+
default: () => null
|
|
23
|
+
},
|
|
24
|
+
subtextTooltipData: {
|
|
25
|
+
type: Object,
|
|
26
|
+
required: !1,
|
|
27
|
+
default: () => ({})
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
emits: ["action", "reply"],
|
|
31
|
+
setup(e, { emit: y }) {
|
|
32
|
+
const b = y, m = e, {
|
|
33
|
+
isOpenMenu: c,
|
|
34
|
+
buttonMenuVisible: C,
|
|
35
|
+
showMenu: r,
|
|
36
|
+
hideMenu: d,
|
|
37
|
+
clickAction: M
|
|
38
|
+
} = V(m.message, b), k = N(() => m.message, () => m.subtextTooltipData);
|
|
39
|
+
function v(g) {
|
|
40
|
+
return I(g.position, "missed-call-message");
|
|
41
|
+
}
|
|
42
|
+
return (g, s) => (i(), o("div", {
|
|
43
|
+
class: f([
|
|
44
|
+
v(e.message),
|
|
45
|
+
e.applyStyle(e.message)
|
|
46
|
+
]),
|
|
47
|
+
messageId: e.message.messageId,
|
|
48
|
+
onMouseenter: s[1] || (s[1] = //@ts-ignore
|
|
49
|
+
(...l) => t(r) && t(r)(...l)),
|
|
50
|
+
onMouseleave: s[2] || (s[2] = //@ts-ignore
|
|
51
|
+
(...l) => t(d) && t(d)(...l))
|
|
52
|
+
}, [
|
|
53
|
+
e.message.avatar ? (i(), o("img", {
|
|
54
|
+
key: 0,
|
|
55
|
+
class: "missed-call-message__avatar",
|
|
56
|
+
src: e.message.avatar,
|
|
57
|
+
height: "32",
|
|
58
|
+
width: "32",
|
|
59
|
+
style: _({ gridRow: e.message.subText ? "2" : "1" })
|
|
60
|
+
}, null, 12, q)) : n("", !0),
|
|
61
|
+
e.message.subText ? (i(), o("p", z, [
|
|
62
|
+
u(D, {
|
|
63
|
+
text: t(k),
|
|
64
|
+
position: "right",
|
|
65
|
+
offset: 8
|
|
66
|
+
}, {
|
|
67
|
+
default: x(() => [
|
|
68
|
+
h(p(e.message.subText), 1)
|
|
69
|
+
]),
|
|
70
|
+
_: 1
|
|
71
|
+
}, 8, ["text"])
|
|
72
|
+
])) : n("", !0),
|
|
73
|
+
a("div", {
|
|
74
|
+
class: f(["missed-call-message__content", { "is-first": !0 }])
|
|
75
|
+
}, [
|
|
76
|
+
a("div", A, [
|
|
77
|
+
a("div", E, [
|
|
78
|
+
u(O, { class: "missed-call-message__icon" })
|
|
79
|
+
]),
|
|
80
|
+
s[3] || (s[3] = a("p", { class: "missed-call-message__text" }, " Пропущенный звонок ", -1))
|
|
81
|
+
]),
|
|
82
|
+
a("div", F, [
|
|
83
|
+
a("span", R, p(e.message.time), 1)
|
|
84
|
+
]),
|
|
85
|
+
t(C) && e.message.actions ? (i(), o("button", {
|
|
86
|
+
key: 0,
|
|
87
|
+
class: "missed-call-message__menu-button",
|
|
88
|
+
onClick: s[0] || (s[0] = (l) => c.value = !t(c))
|
|
89
|
+
}, [...s[4] || (s[4] = [
|
|
90
|
+
a("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
|
91
|
+
])])) : n("", !0),
|
|
92
|
+
u(w, null, {
|
|
93
|
+
default: x(() => [
|
|
94
|
+
t(c) && e.message.actions ? (i(), S(B, {
|
|
95
|
+
key: 0,
|
|
96
|
+
class: "missed-call-message__context-menu",
|
|
97
|
+
actions: e.message.actions,
|
|
98
|
+
onClick: t(M)
|
|
99
|
+
}, null, 8, ["actions", "onClick"])) : n("", !0)
|
|
100
|
+
]),
|
|
101
|
+
_: 1
|
|
102
|
+
})
|
|
103
|
+
])
|
|
104
|
+
], 42, j));
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
export {
|
|
108
|
+
W as default
|
|
109
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { createElementBlock as t, openBlock as l, createElementVNode as C } from "vue";
|
|
2
|
+
import i from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
const o = {}, n = {
|
|
4
|
+
width: "20",
|
|
5
|
+
height: "20",
|
|
6
|
+
viewBox: "0 0 20 20",
|
|
7
|
+
fill: "none",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
};
|
|
10
|
+
function r(c, e) {
|
|
11
|
+
return l(), t("svg", n, [...e[0] || (e[0] = [
|
|
12
|
+
C("g", { "clip-path": "url(#clip0_8206_19)" }, [
|
|
13
|
+
C("path", {
|
|
14
|
+
"fill-rule": "evenodd",
|
|
15
|
+
"clip-rule": "evenodd",
|
|
16
|
+
d: "M2.35684 0.639867C2.57556 0.421478 2.83819 0.252065 3.12733 0.142855C3.41648 0.0336443 3.72553 -0.0128694 4.03401 0.00639586C4.34249 0.0256611 4.64336 0.110265 4.91667 0.254602C5.18998 0.398939 5.42949 0.599712 5.61934 0.843617L7.86309 3.72612C8.27434 4.25487 8.41934 4.94362 8.25684 5.59362L7.57309 8.33112C7.53774 8.4729 7.53965 8.62142 7.57863 8.76225C7.61762 8.90309 7.69236 9.03144 7.79559 9.13487L10.8668 12.2061C10.9704 12.3096 11.099 12.3844 11.24 12.4234C11.3811 12.4624 11.5299 12.4642 11.6718 12.4286L14.4081 11.7449C14.7289 11.6647 15.0637 11.6584 15.3872 11.7267C15.7107 11.7949 16.0145 11.9357 16.2756 12.1386L19.1581 14.3811C20.1943 15.1874 20.2893 16.7186 19.3618 17.6449L18.0693 18.9374C17.1443 19.8624 15.7618 20.2686 14.4731 19.8149C11.1746 18.6543 8.17968 16.7659 5.71059 14.2899C3.2347 11.8211 1.34635 8.82669 0.185589 5.52862C-0.266911 4.24112 0.139339 2.85737 1.06434 1.93237L2.35684 0.639867ZM19.8181 0.183617C19.8763 0.241674 19.9225 0.310644 19.954 0.386575C19.9855 0.462507 20.0017 0.543908 20.0017 0.626117C20.0017 0.708326 19.9855 0.789728 19.954 0.865659C19.9225 0.941591 19.8763 1.01056 19.8181 1.06862L14.6343 6.25112H18.1256C18.2913 6.25112 18.4503 6.31697 18.5675 6.43418C18.6847 6.55139 18.7506 6.71036 18.7506 6.87612C18.7506 7.04188 18.6847 7.20085 18.5675 7.31806C18.4503 7.43527 18.2913 7.50112 18.1256 7.50112H13.1256C12.9598 7.50112 12.8009 7.43527 12.6836 7.31806C12.5664 7.20085 12.5006 7.04188 12.5006 6.87612V1.87612C12.5006 1.71036 12.5664 1.55139 12.6836 1.43418C12.8009 1.31697 12.9598 1.25112 13.1256 1.25112C13.2913 1.25112 13.4503 1.31697 13.5675 1.43418C13.6847 1.55139 13.7506 1.71036 13.7506 1.87612V5.36737L18.9331 0.183617C18.9911 0.125413 19.0601 0.0792346 19.136 0.0477266C19.212 0.0162185 19.2934 0 19.3756 0C19.4578 0 19.5392 0.0162185 19.6151 0.0477266C19.6911 0.0792346 19.76 0.125413 19.8181 0.183617Z",
|
|
17
|
+
fill: "#F84932"
|
|
18
|
+
})
|
|
19
|
+
], -1),
|
|
20
|
+
C("defs", null, [
|
|
21
|
+
C("clipPath", { id: "clip0_8206_19" }, [
|
|
22
|
+
C("rect", {
|
|
23
|
+
width: "20",
|
|
24
|
+
height: "20",
|
|
25
|
+
fill: "white"
|
|
26
|
+
})
|
|
27
|
+
])
|
|
28
|
+
], -1)
|
|
29
|
+
])]);
|
|
30
|
+
}
|
|
31
|
+
const p = /* @__PURE__ */ i(o, [["render", r]]);
|
|
32
|
+
export {
|
|
33
|
+
p as default
|
|
34
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ReplyAudioMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4e068bf"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ReplyCallMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const r = /* @__PURE__ */
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2672cf43"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "./ReplyFileMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4ef84522"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ReplyImageMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const p = /* @__PURE__ */
|
|
3
|
+
import a from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-cfdab218"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./ReplyStickerMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b5c0318e"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import o from "./ReplyTextMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72692532"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ReplyVideoMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5b6ef470"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./SplashScreen.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f0afe642"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
f as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./StickerMessage.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-09c8d724"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./SystemMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2333b3c7"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./TextMessage.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-b39b6898"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./TypingMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-58b238c0"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./VideoMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e357b0de"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|