@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.
Files changed (142) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue2.js +15 -13
  3. package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js +4 -2
  4. package/dist/components/1_atoms/ContextMenu/ContextMenu.vue.js +43 -39
  5. package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.js +7 -5
  6. package/dist/components/1_atoms/LoadingIndicator/LoadingIndicator.vue.js +19 -18
  7. package/dist/components/1_atoms/Tooltip/Tooltip.vue.js +2 -2
  8. package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +83 -72
  9. package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js +11 -10
  10. package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js +4 -2
  11. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +18 -16
  12. package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js +16 -14
  13. package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js +4 -2
  14. package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +4 -2
  15. package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +4 -2
  16. package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js +4 -2
  17. package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js +4 -2
  18. package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue2.js +4 -3
  19. package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js +4 -2
  20. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +3 -2
  21. package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +4 -2
  22. package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js +3 -2
  23. package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js +7 -5
  24. package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +4 -2
  25. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +1 -1
  26. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +387 -340
  27. package/dist/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js +7 -0
  28. package/dist/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue2.js +34 -0
  29. package/dist/components/2_feed_elements/CallMessage/CallMessage.vue.js +2 -2
  30. package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +388 -352
  31. package/dist/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue.js +7 -0
  32. package/dist/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue2.js +63 -0
  33. package/dist/components/2_feed_elements/DeletedMessageContent/icons/DeletedMessageIcon.vue.js +21 -0
  34. package/dist/components/2_feed_elements/EditTextMessage/EditTextMessage.vue.js +7 -0
  35. package/dist/components/2_feed_elements/EditTextMessage/EditTextMessage.vue2.js +35 -0
  36. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +2 -2
  37. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +204 -157
  38. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +3 -3
  39. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +273 -226
  40. package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js +9 -7
  41. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
  42. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +141 -117
  43. package/dist/components/2_feed_elements/MessageReactions/icons/DeleteIcon.vue.js +32 -0
  44. package/dist/components/2_feed_elements/MessageReactions/icons/EditIcon.vue.js +32 -0
  45. package/dist/components/2_feed_elements/MessageReactions/icons/MessageActionsIcon.vue.js +21 -0
  46. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.js +4 -4
  47. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +102 -66
  48. package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue2.js +11 -9
  49. package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue2.js +14 -12
  50. package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue2.js +11 -9
  51. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +13 -11
  52. package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue2.js +11 -9
  53. package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue2.js +4 -2
  54. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +2 -2
  55. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +255 -210
  56. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
  57. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +241 -140
  58. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
  59. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +245 -200
  60. package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.js +7 -0
  61. package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue3.js +58 -0
  62. package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +2 -2
  63. package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +5 -4
  64. package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js +8 -8
  65. package/dist/components/3_compounds/ChatList/icons/LogoIcon.vue.js +12 -13
  66. package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
  67. package/dist/components/3_compounds/Feed/Feed.vue2.js +187 -163
  68. package/dist/components/3_compounds/Feed/composables/useFeedComponents.js +41 -26
  69. package/dist/components/3_compounds/Feed/composables/useFeedReply.js +16 -11
  70. package/dist/components/3_compounds/Feed/utils/getDefaultMessageMenuActions.js +31 -0
  71. package/dist/hooks/messages/buildEditPayload.js +10 -0
  72. package/dist/hooks/messages/calculateMessageMenuPosition.js +70 -0
  73. package/dist/hooks/messages/getDeletedOriginalText.js +26 -0
  74. package/dist/hooks/messages/getEditTooltipLines.js +28 -0
  75. package/dist/hooks/messages/useMessageActions.js +94 -19
  76. package/dist/hooks/messages/useMessageMenuActions.js +18 -0
  77. package/dist/hooks/messages/useStartEdit.js +30 -0
  78. package/dist/hooks/messages/useStartReply.js +16 -14
  79. package/dist/hooks/modals/useConfirmDeleteMessage.js +24 -0
  80. package/dist/hooks/useMessageDraft.js +46 -66
  81. package/dist/hooks/validators/messages/messageValidator.js +29 -35
  82. package/dist/index.js +220 -194
  83. package/dist/locale/en.js +6 -1
  84. package/dist/locale/ru.js +6 -1
  85. package/dist/themes/dark.css +1 -1
  86. package/dist/themes/default.css +1 -1
  87. package/dist/themes/glass.css +1 -1
  88. package/dist/themes/green.css +1 -1
  89. package/dist/themes/mobilon1.css +1 -1
  90. package/dist/types/apps/data/messages.d.ts +0 -321
  91. package/dist/types/components/1_atoms/ContextMenu/ContextMenu.vue.d.ts +0 -2
  92. package/dist/types/components/1_atoms/ContextMenu/stories/ContextMenu.stories.d.ts +1 -0
  93. package/dist/types/components/1_atoms/ContextMenu/styles/types.d.ts +18 -0
  94. package/dist/types/components/1_atoms/LoadingIndicator/styles/types.d.ts +0 -2
  95. package/dist/types/components/1_atoms/Tooltip/Tooltip.vue.d.ts +12 -1
  96. package/dist/types/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue.d.ts +23 -0
  97. package/dist/types/components/2_feed_elements/BaseEditMessage/stories/BaseEditMessage.stories.d.ts +6 -0
  98. package/dist/types/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue.d.ts +31 -0
  99. package/dist/types/components/2_feed_elements/DeletedMessageContent/icons/DeletedMessageIcon.vue.d.ts +2 -0
  100. package/dist/types/components/2_feed_elements/DeletedMessageContent/styles/types.d.ts +35 -0
  101. package/dist/types/components/2_feed_elements/EditTextMessage/EditTextMessage.vue.d.ts +13 -0
  102. package/dist/types/components/2_feed_elements/EditTextMessage/stories/EditTextMessage.stories.d.ts +7 -0
  103. package/dist/types/components/2_feed_elements/FeedKeyboard/FeedKeyboard.vue.d.ts +1 -1
  104. package/dist/types/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.d.ts +1 -1
  105. package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +35 -0
  106. package/dist/types/components/2_feed_elements/MessageReactions/icons/DeleteIcon.vue.d.ts +2 -0
  107. package/dist/types/components/2_feed_elements/MessageReactions/icons/EditIcon.vue.d.ts +2 -0
  108. package/dist/types/components/2_feed_elements/MessageReactions/icons/MessageActionsIcon.vue.d.ts +2 -0
  109. package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +11 -3
  110. package/dist/types/components/2_feed_elements/TextMessage/stories/TextMessage.stories.d.ts +1 -0
  111. package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +22 -0
  112. package/dist/types/components/2_feed_elements/VideoMessage/stories/VideoMessage.stories.d.ts +2 -2
  113. package/dist/types/components/2_feed_elements/types/components.d.ts +1 -2
  114. package/dist/types/components/2_feed_elements/types/messages.d.ts +116 -9
  115. package/dist/types/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.d.ts +22 -0
  116. package/dist/types/components/2_modals/ConfirmDeleteMessage/stories/ConfirmDeleteMessage.stories.d.ts +37 -0
  117. package/dist/types/components/2_modals/ConfirmDeleteMessage/styles/types.d.ts +97 -0
  118. package/dist/types/components/3_compounds/ChatInput/types/IInputMessage.d.ts +2 -1
  119. package/dist/types/components/3_compounds/ChatList/styles/types.d.ts +2 -2
  120. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +20 -3
  121. package/dist/types/components/3_compounds/Feed/composables/useFeedComponents.d.ts +6 -2
  122. package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts +0 -1
  123. package/dist/types/components/3_compounds/Feed/composables/useFeedReply.d.ts +7 -1
  124. package/dist/types/components/3_compounds/Feed/utils/getDefaultMessageMenuActions.d.ts +3 -0
  125. package/dist/types/components/3_compounds/SideBar/SideBar.vue.d.ts +2 -2
  126. package/dist/types/components/index.d.ts +4 -0
  127. package/dist/types/hooks/messages/buildEditPayload.d.ts +7 -0
  128. package/dist/types/hooks/messages/calculateMessageMenuPosition.d.ts +16 -0
  129. package/dist/types/hooks/messages/getDeletedOriginalText.d.ts +28 -0
  130. package/dist/types/hooks/messages/getEditTooltipLines.d.ts +17 -0
  131. package/dist/types/hooks/messages/index.d.ts +6 -0
  132. package/dist/types/hooks/messages/useMessageActions.d.ts +33 -39
  133. package/dist/types/hooks/messages/useMessageMenuActions.d.ts +10 -0
  134. package/dist/types/hooks/messages/useStartEdit.d.ts +6 -0
  135. package/dist/types/hooks/modals/index.d.ts +1 -0
  136. package/dist/types/hooks/modals/useConfirmDeleteMessage.d.ts +2 -0
  137. package/dist/types/hooks/useMessageDraft.d.ts +10 -1
  138. package/dist/types/hooks/validators/messages/types.d.ts +0 -6
  139. package/dist/types/locale/en.d.ts +5 -0
  140. package/dist/types/locale/ru.d.ts +5 -0
  141. package/dist/types/main.d.ts +1 -0
  142. package/package.json +1 -1
@@ -5,10 +5,12 @@ 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
- const v = ["onClick"], j = /* @__PURE__ */ u({
13
+ const v = ["onClick"], w = /* @__PURE__ */ u({
12
14
  __name: "MessageKeyboard",
13
15
  props: {
14
16
  keyboard: {
@@ -22,11 +24,11 @@ const v = ["onClick"], j = /* @__PURE__ */ u({
22
24
  }
23
25
  },
24
26
  emits: ["action"],
25
- setup(t, { expose: a, emit: i }) {
26
- const s = f("keyboard"), c = i, l = x("chatAppId"), { setMessageText: p, setForceSendMessage: d } = C(l), m = (e) => {
27
- e.action && typeof e.action == "function" ? e.action() : e.action != null ? c("action", e.action) : (p(e.text), d(!0));
27
+ setup(t, { expose: i, emit: a }) {
28
+ const s = f("keyboard"), c = a, l = x("chatAppId"), { setMessageText: p, setForceSendMessage: m } = C(l), d = (e) => {
29
+ e.action && typeof e.action == "function" ? e.action() : e.action != null ? c("action", e.action) : (p(e.text), m(!0));
28
30
  };
29
- return a({
31
+ return i({
30
32
  refKeyboard: s
31
33
  }), (e, M) => (n(), r("div", {
32
34
  ref: "keyboard",
@@ -36,7 +38,7 @@ const v = ["onClick"], j = /* @__PURE__ */ u({
36
38
  key: o.text,
37
39
  class: "keyboard__key",
38
40
  style: b({ "box-shadow": "0px 0px 10px 5px " + o.color }),
39
- onClick: (S) => m(o)
41
+ onClick: (S) => d(o)
40
42
  }, [
41
43
  h("p", null, k(o.text), 1)
42
44
  ], 12, v))), 128))
@@ -44,5 +46,5 @@ const v = ["onClick"], j = /* @__PURE__ */ u({
44
46
  }
45
47
  });
46
48
  export {
47
- j as default
49
+ w as default
48
50
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./MessageReactions.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7ff9cca1"]]);
4
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44eccc7b"]]);
5
5
  export {
6
- e as default
6
+ a as default
7
7
  };
@@ -1,29 +1,32 @@
1
- import { defineComponent as Ee, inject as M, ref as b, computed as a, unref as s, onMounted as Ce, onUnmounted as _e, watch as Ne, createElementBlock as d, openBlock as l, normalizeClass as w, createBlock as K, Fragment as Q, renderList as A, withCtx as E, createElementVNode as f, createCommentVNode as F, createVNode as c, toDisplayString as Se, Teleport as Ue, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as C, vShow as z } from "vue";
2
- import je from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
1
+ import { defineComponent as Ce, inject as E, ref as M, computed as c, unref as i, onMounted as _e, onUnmounted as Ne, watch as Se, createElementBlock as d, openBlock as l, normalizeClass as K, createBlock as Q, Fragment as A, renderList as F, withCtx as C, createElementVNode as g, createCommentVNode as _, createVNode as u, toDisplayString as Ue, Teleport as je, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as y, vShow as z } from "vue";
2
+ import Pe from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
3
3
  /* empty css */
4
4
  import "../../../hooks/useMessageDraft.js";
5
5
  import "../../../hooks/useSearchModel.js";
6
6
  import "../../../hooks/useTheme.js";
7
- import { useEmojiNative as Pe } from "../../../hooks/useEmojiNative.js";
7
+ import { useEmojiNative as Le } from "../../../hooks/useEmojiNative.js";
8
8
  /* empty css */
9
9
  /* empty css */
10
+ import "../../../locale/useLocale.js";
11
+ /* empty css */
12
+ import { isRightMessage as Te, findMessageContent as qe } from "./composables/usePositioning.js";
13
+ import xe from "./icons/ReplyIcon.vue.js";
10
14
  import "../../../node_modules/linkifyjs/dist/linkify.js";
11
15
  import "../../../node_modules/linkify-string/dist/linkify-string.js";
12
16
  import "../../../functions/parseMarkdown.js";
13
- import { useStartReply as Le } from "../../../hooks/messages/useStartReply.js";
14
- import J from "../../1_atoms/EmojiGlyph/EmojiGlyph.vue.js";
15
- import xe from "../../1_atoms/Tooltip/Tooltip.vue.js";
16
- import qe from "./icons/ExpandReactionsIcon.vue.js";
17
- import Te from "./icons/ReplyIcon.vue.js";
18
- import { QUICK_REACTION_EMOJIS as Be } from "./utils/quickReactions.js";
19
- import { buildReactionTooltipText as Oe } from "./utils/reactionTooltip.js";
20
- import { isRightMessage as we, findMessageContent as Ke } from "./composables/usePositioning.js";
21
- import { useReactionsState as Qe } from "./composables/useReactionsState.js";
22
- import { useReactionsPanel as Ae } from "./composables/useReactionsPanel.js";
23
- const Fe = ["onClick"], De = { class: "message-reactions__emoji" }, Ve = {
17
+ import { useStartReply as Be } from "../../../hooks/messages/useStartReply.js";
18
+ import H from "../../1_atoms/EmojiGlyph/EmojiGlyph.vue.js";
19
+ import we from "../../1_atoms/Tooltip/Tooltip.vue.js";
20
+ import Oe from "./icons/ExpandReactionsIcon.vue.js";
21
+ import Ke from "./icons/MessageActionsIcon.vue.js";
22
+ import { QUICK_REACTION_EMOJIS as Qe } from "./utils/quickReactions.js";
23
+ import { buildReactionTooltipText as Ae } from "./utils/reactionTooltip.js";
24
+ import { useReactionsState as Fe } from "./composables/useReactionsState.js";
25
+ import { useReactionsPanel as De } from "./composables/useReactionsPanel.js";
26
+ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
24
27
  key: 0,
25
28
  class: "message-reactions__count"
26
- }, $e = ["title", "onClick"], pt = /* @__PURE__ */ Ee({
29
+ }, He = ["title", "onClick"], ht = /* @__PURE__ */ Ce({
27
30
  __name: "MessageReactions",
28
31
  props: {
29
32
  reactions: {
@@ -46,7 +49,7 @@ const Fe = ["onClick"], De = { class: "message-reactions__emoji" }, Ve = {
46
49
  mode: {
47
50
  type: String,
48
51
  default: "single",
49
- validator: (i) => ["single", "multi"].includes(i)
52
+ validator: (s) => ["single", "multi"].includes(s)
50
53
  },
51
54
  /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
52
55
  currentUserId: {
@@ -70,203 +73,224 @@ const Fe = ["onClick"], De = { class: "message-reactions__emoji" }, Ve = {
70
73
  replyEnabled: {
71
74
  type: Boolean,
72
75
  default: !0
76
+ },
77
+ /** Показывать кнопку меню действий сообщения в панели быстрых реакций */
78
+ menuEnabled: {
79
+ type: Boolean,
80
+ default: !0
73
81
  }
74
82
  },
75
- emits: ["toggle-reaction", "add-reaction", "remove-reaction"],
76
- setup(i, { emit: G }) {
77
- const n = i, r = G, p = M("chatAppId"), H = M("currentUserId", void 0), W = M("reactionUserNames", void 0), { startReply: X } = Le(p || ""), u = b(null), m = b(null), _ = b("light"), { isNative: Y } = Pe(p || ""), N = a(() => Be), Z = a(() => n.mode), y = a(() => n.currentUserId ?? s(H)), S = a(() => n.reactionUserNames ?? s(W)), ee = a(() => {
78
- var t, g;
83
+ emits: ["toggle-reaction", "add-reaction", "remove-reaction", "menu"],
84
+ setup(s, { emit: J }) {
85
+ const n = s, a = J, v = E("chatAppId"), G = E("currentUserId", void 0), W = E("reactionUserNames", void 0), { startReply: X } = Be(v || ""), m = M(null), f = M(null), N = M("light"), { isNative: Y } = Le(v || ""), S = c(() => Qe), Z = c(() => n.mode), k = c(() => n.currentUserId ?? i(G)), U = c(() => n.reactionUserNames ?? i(W)), ee = c(() => {
86
+ var t, r;
79
87
  const e = (t = n.currentUserName) == null ? void 0 : t.trim();
80
88
  if (e) return e;
81
- const o = y.value;
89
+ const o = k.value;
82
90
  if (o != null)
83
- return (g = S.value) == null ? void 0 : g[String(o)];
84
- }), te = a(() => n.mode === "multi"), U = Qe(
85
- a(() => n.reactions),
91
+ return (r = U.value) == null ? void 0 : r[String(o)];
92
+ }), te = c(() => n.mode === "multi"), j = Fe(
93
+ c(() => n.reactions),
86
94
  Z,
87
- y,
95
+ k,
88
96
  ee
89
- ), { displayedReactions: ne, hasReactions: oe, addReaction: k, removeReaction: j, toggleReaction: se, isMyReaction: P } = U;
90
- function ie(e) {
91
- return Oe(e.events, S.value);
97
+ ), { displayedReactions: ne, hasReactions: oe, addReaction: h, removeReaction: P, toggleReaction: ie, isMyReaction: L } = j;
98
+ function se(e) {
99
+ return Ae(e.events, U.value);
92
100
  }
93
- const re = Ae(N, u), {
101
+ const re = De(S, m), {
94
102
  isQuickReactionsOpen: ae,
95
103
  isFullPickerOpen: le,
96
104
  pickerRef: ce,
97
105
  quickReactionsRef: ue,
98
106
  quickPanelStyle: de,
99
107
  pickerStyle: me,
100
- closeQuickPanel: v,
108
+ closeQuickPanel: p,
101
109
  handleMessageMouseEnter: fe,
102
110
  handleMessageMouseLeave: pe,
103
- openFullPicker: ve,
104
- closeFullPicker: L,
105
- handleQuickPanelMouseEnter: x,
106
- handleQuickPanelMouseLeave: q,
107
- handlePickerMouseEnter: T,
108
- handlePickerMouseLeave: B,
111
+ openFullPicker: ge,
112
+ closeFullPicker: T,
113
+ handleQuickPanelMouseEnter: q,
114
+ handleQuickPanelMouseLeave: x,
115
+ handlePickerMouseEnter: B,
116
+ handlePickerMouseLeave: w,
109
117
  handleClickOutside: O
110
- } = re, ge = a(() => u.value ? we(u.value) : !1), ye = () => {
118
+ } = re, ve = c(() => m.value ? Te(m.value) : !1), ye = () => {
111
119
  var o;
112
- if (!p) return "light";
113
- const e = document.getElementById(p);
120
+ if (!v) return "light";
121
+ const e = document.getElementById(v);
114
122
  return (o = e == null ? void 0 : e.getAttribute("data-theme")) != null && o.includes("dark") ? "dark" : "light";
115
123
  };
116
124
  function I() {
117
- return !n.readonly && n.enabled && y.value != null;
125
+ return !n.readonly && n.enabled && k.value != null;
118
126
  }
119
127
  function ke(e) {
120
128
  if (I()) {
121
129
  if (n.mode === "single") {
122
- if (U.myReactionKey.value === e)
123
- j(e), r("remove-reaction", { messageId: n.messageId, key: e });
130
+ if (j.myReactionKey.value === e)
131
+ P(e), a("remove-reaction", { messageId: n.messageId, key: e });
124
132
  else {
125
- const t = k(e);
126
- t && r("remove-reaction", { messageId: n.messageId, key: t }), r("add-reaction", { messageId: n.messageId, key: e });
133
+ const t = h(e);
134
+ t && a("remove-reaction", { messageId: n.messageId, key: t }), a("add-reaction", { messageId: n.messageId, key: e });
127
135
  }
128
136
  return;
129
137
  }
130
- se(e), r("toggle-reaction", { messageId: n.messageId, key: e });
138
+ ie(e), a("toggle-reaction", { messageId: n.messageId, key: e });
131
139
  }
132
140
  }
133
- function Ie(e) {
141
+ function he(e) {
134
142
  var o, t;
135
- return e instanceof Node ? !!((o = m.value) != null && o.contains(e) || (t = u.value) != null && t.contains(e)) : !1;
143
+ return e instanceof Node ? !!((o = f.value) != null && o.contains(e) || (t = m.value) != null && t.contains(e)) : !1;
136
144
  }
137
- function R() {
145
+ function b() {
138
146
  n.readonly || !n.enabled || fe();
139
147
  }
140
- function h(e) {
141
- n.readonly || !n.enabled || Ie(e.relatedTarget) || pe();
148
+ function R(e) {
149
+ n.readonly || !n.enabled || he(e.relatedTarget) || pe();
142
150
  }
143
- function Re(e) {
151
+ function Ie(e) {
144
152
  if (I()) {
145
- if (P(e))
146
- j(e), r("remove-reaction", { messageId: n.messageId, key: e });
153
+ if (L(e))
154
+ P(e), a("remove-reaction", { messageId: n.messageId, key: e });
147
155
  else {
148
- const o = k(e);
149
- o && r("remove-reaction", { messageId: n.messageId, key: o }), r("add-reaction", { messageId: n.messageId, key: e });
156
+ const o = h(e);
157
+ o && a("remove-reaction", { messageId: n.messageId, key: o }), a("add-reaction", { messageId: n.messageId, key: e });
150
158
  }
151
- v();
159
+ p();
152
160
  }
153
161
  }
154
- function he() {
155
- n.readonly || !n.enabled || !n.reply || (X(n.reply), v());
162
+ function be() {
163
+ n.readonly || !n.enabled || !n.reply || (X(n.reply), p());
164
+ }
165
+ function Re(e) {
166
+ if (n.readonly || !n.enabled || !n.menuEnabled) return;
167
+ const o = e.currentTarget, t = o instanceof HTMLElement ? (() => {
168
+ const r = o.getBoundingClientRect();
169
+ return { top: r.top, right: r.right, bottom: r.bottom, left: r.left, width: r.width, height: r.height };
170
+ })() : void 0;
171
+ p(), a("menu", { messageId: n.messageId, triggerRect: t, event: e });
156
172
  }
157
- async function Me() {
158
- n.readonly || !n.enabled || (_.value = ye(), await ve());
173
+ async function Ee() {
174
+ n.readonly || !n.enabled || (N.value = ye(), await ge());
159
175
  }
160
- function be(e) {
161
- if (L(), v(), !I()) return;
176
+ function Me(e) {
177
+ if (T(), p(), !I()) return;
162
178
  const o = e.i;
163
- if (P(o))
179
+ if (L(o))
164
180
  return;
165
- const t = k(o);
166
- t && r("remove-reaction", { messageId: n.messageId, key: t }), r("add-reaction", { messageId: n.messageId, key: o });
181
+ const t = h(o);
182
+ t && a("remove-reaction", { messageId: n.messageId, key: t }), a("add-reaction", { messageId: n.messageId, key: o });
167
183
  }
168
- return Ce(() => {
184
+ return _e(() => {
169
185
  document.addEventListener("click", O);
170
- const e = Ke(u.value);
171
- e && (m.value = e, e.addEventListener("pointerenter", R), e.addEventListener("pointerleave", h));
172
- }), _e(() => {
173
- document.removeEventListener("click", O), m.value && (m.value.removeEventListener("pointerenter", R), m.value.removeEventListener("pointerleave", h));
174
- }), Ne(
186
+ const e = qe(m.value);
187
+ e && (f.value = e, e.addEventListener("pointerenter", b), e.addEventListener("pointerleave", R));
188
+ }), Ne(() => {
189
+ document.removeEventListener("click", O), f.value && (f.value.removeEventListener("pointerenter", b), f.value.removeEventListener("pointerleave", R));
190
+ }), Se(
175
191
  () => [n.enabled, n.readonly],
176
192
  ([e, o]) => {
177
- (!e || o) && (v(), L());
193
+ (!e || o) && (p(), T());
178
194
  }
179
195
  ), (e, o) => (l(), d("div", {
180
196
  ref_key: "reactionsContainerRef",
181
- ref: u,
182
- class: w(["message-reactions", { "has-reactions": s(oe), "is-right-message": ge.value, "is-disabled": !i.enabled }]),
183
- onPointerenter: R,
184
- onPointerleave: h
197
+ ref: m,
198
+ class: K(["message-reactions", { "has-reactions": i(oe), "is-right-message": ve.value, "is-disabled": !s.enabled }]),
199
+ onPointerenter: b,
200
+ onPointerleave: R
185
201
  }, [
186
- (l(!0), d(Q, null, A(s(ne), (t) => (l(), K(xe, {
202
+ (l(!0), d(A, null, F(i(ne), (t) => (l(), Q(we, {
187
203
  key: t.key,
188
- text: ie(t),
204
+ text: se(t),
189
205
  position: "bottom-right",
190
206
  offset: 6,
191
207
  delay: 400
192
208
  }, {
193
- default: E(() => [
194
- f("button", {
195
- class: w(["message-reactions__chip", { "is-active": t.reactedByMe && t.count === 1 }]),
196
- onClick: (g) => ke(t.key)
209
+ default: C(() => [
210
+ g("button", {
211
+ class: K(["message-reactions__chip", { "is-active": t.reactedByMe && t.count === 1 }]),
212
+ onClick: (r) => ke(t.key)
197
213
  }, [
198
- f("span", De, [
199
- c(J, {
214
+ g("span", $e, [
215
+ u(H, {
200
216
  emoji: t.key
201
217
  }, null, 8, ["emoji"])
202
218
  ]),
203
- te.value || t.count > 1 ? (l(), d("span", Ve, Se(t.count), 1)) : F("", !0)
204
- ], 10, Fe)
219
+ te.value || t.count > 1 ? (l(), d("span", ze, Ue(t.count), 1)) : _("", !0)
220
+ ], 10, Ve)
205
221
  ]),
206
222
  _: 2
207
223
  }, 1032, ["text"]))), 128)),
208
- (l(), K(Ue, { to: "body" }, [
209
- c(D, { name: "message-reactions-popover" }, {
210
- default: E(() => [
211
- V(f("div", {
224
+ (l(), Q(je, { to: "body" }, [
225
+ u(D, { name: "message-reactions-popover" }, {
226
+ default: C(() => [
227
+ V(g("div", {
212
228
  ref_key: "quickReactionsRef",
213
229
  ref: ue,
214
230
  class: "message-reactions__quick-panel",
215
- style: $(s(de)),
231
+ style: $(i(de)),
216
232
  onMouseenter: o[0] || (o[0] = //@ts-ignore
217
- (...t) => s(x) && s(x)(...t)),
233
+ (...t) => i(q) && i(q)(...t)),
218
234
  onMouseleave: o[1] || (o[1] = //@ts-ignore
219
- (...t) => s(q) && s(q)(...t))
235
+ (...t) => i(x) && i(x)(...t))
220
236
  }, [
221
- (l(!0), d(Q, null, A(N.value, (t) => (l(), d("button", {
237
+ (l(!0), d(A, null, F(S.value, (t) => (l(), d("button", {
222
238
  key: t,
223
239
  class: "message-reactions__quick-item",
224
240
  title: t,
225
- onClick: C((g) => Re(t), ["stop"])
241
+ onClick: y((r) => Ie(t), ["stop"])
226
242
  }, [
227
- c(J, { emoji: t }, null, 8, ["emoji"])
228
- ], 8, $e))), 128)),
229
- f("button", {
243
+ u(H, { emoji: t }, null, 8, ["emoji"])
244
+ ], 8, He))), 128)),
245
+ g("button", {
230
246
  class: "message-reactions__expand",
231
247
  title: "Развернуть",
232
- onClick: C(Me, ["stop"])
248
+ onClick: y(Ee, ["stop"])
233
249
  }, [
234
- c(qe)
250
+ u(Oe)
235
251
  ]),
236
- i.replyEnabled && i.reply ? (l(), d("button", {
252
+ s.replyEnabled && s.reply ? (l(), d("button", {
237
253
  key: 0,
238
254
  class: "message-reactions__quick-item",
239
255
  title: "Ответить",
240
- onClick: C(he, ["stop"])
256
+ onClick: y(be, ["stop"])
257
+ }, [
258
+ u(xe)
259
+ ])) : _("", !0),
260
+ s.menuEnabled ? (l(), d("button", {
261
+ key: 1,
262
+ class: "message-reactions__quick-item",
263
+ title: "Действия",
264
+ onClick: y(Re, ["stop"])
241
265
  }, [
242
- c(Te)
243
- ])) : F("", !0)
266
+ u(Ke)
267
+ ])) : _("", !0)
244
268
  ], 36), [
245
- [z, s(ae) && !i.readonly && i.enabled]
269
+ [z, i(ae) && !s.readonly && s.enabled]
246
270
  ])
247
271
  ]),
248
272
  _: 1
249
273
  }),
250
- c(D, { name: "message-reactions-popover" }, {
251
- default: E(() => [
252
- V(f("div", {
274
+ u(D, { name: "message-reactions-popover" }, {
275
+ default: C(() => [
276
+ V(g("div", {
253
277
  ref_key: "pickerRef",
254
278
  ref: ce,
255
279
  class: "message-reactions__picker",
256
- style: $(s(me)),
280
+ style: $(i(me)),
257
281
  onMouseenter: o[2] || (o[2] = //@ts-ignore
258
- (...t) => s(T) && s(T)(...t)),
282
+ (...t) => i(B) && i(B)(...t)),
259
283
  onMouseleave: o[3] || (o[3] = //@ts-ignore
260
- (...t) => s(B) && s(B)(...t))
284
+ (...t) => i(w) && i(w)(...t))
261
285
  }, [
262
- c(s(je), {
263
- native: s(Y),
264
- theme: _.value,
286
+ u(i(Pe), {
287
+ native: i(Y),
288
+ theme: N.value,
265
289
  "picker-type": "",
266
- onSelect: be
290
+ onSelect: Me
267
291
  }, null, 8, ["native", "theme"])
268
292
  ], 36), [
269
- [z, s(le) && !i.readonly && i.enabled]
293
+ [z, i(le) && !s.readonly && s.enabled]
270
294
  ])
271
295
  ]),
272
296
  _: 1
@@ -276,5 +300,5 @@ const Fe = ["onClick"], De = { class: "message-reactions__emoji" }, Ve = {
276
300
  }
277
301
  });
278
302
  export {
279
- pt as default
303
+ ht as default
280
304
  };
@@ -0,0 +1,32 @@
1
+ import { createElementBlock as l, openBlock as i, createElementVNode as e } from "vue";
2
+ import o from "../../../../_virtual/_plugin-vue_export-helper.js";
3
+ const n = {}, r = {
4
+ width: "24",
5
+ height: "24",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function c(p, t) {
11
+ return i(), l("svg", r, [...t[0] || (t[0] = [
12
+ e("g", { "clip-path": "url(#clip0_11494_26173)" }, [
13
+ e("path", {
14
+ d: "M16 9V19H8V9H16ZM14.5 3H9.5L8.5 4H5V6H19V4H15.5L14.5 3ZM18 7H6V19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V7Z",
15
+ fill: "#DC3545"
16
+ })
17
+ ], -1),
18
+ e("defs", null, [
19
+ e("clipPath", { id: "clip0_11494_26173" }, [
20
+ e("rect", {
21
+ width: "24",
22
+ height: "24",
23
+ fill: "white"
24
+ })
25
+ ])
26
+ ], -1)
27
+ ])]);
28
+ }
29
+ const f = /* @__PURE__ */ o(n, [["render", c]]);
30
+ export {
31
+ f as default
32
+ };
@@ -0,0 +1,32 @@
1
+ import { createElementBlock as i, openBlock as l, createElementVNode as t } from "vue";
2
+ import o from "../../../../_virtual/_plugin-vue_export-helper.js";
3
+ const n = {}, r = {
4
+ width: "24",
5
+ height: "24",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function c(p, e) {
11
+ return l(), i("svg", r, [...e[0] || (e[0] = [
12
+ t("g", { "clip-path": "url(#clip0_11494_26183)" }, [
13
+ t("path", {
14
+ d: "M14.06 9.02L14.98 9.94L5.92 19H5V18.08L14.06 9.02ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z",
15
+ fill: "#5F5F5F"
16
+ })
17
+ ], -1),
18
+ t("defs", null, [
19
+ t("clipPath", { id: "clip0_11494_26183" }, [
20
+ t("rect", {
21
+ width: "24",
22
+ height: "24",
23
+ fill: "white"
24
+ })
25
+ ])
26
+ ], -1)
27
+ ])]);
28
+ }
29
+ const d = /* @__PURE__ */ o(n, [["render", c]]);
30
+ export {
31
+ d as default
32
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
2
+ import n from "../../../../_virtual/_plugin-vue_export-helper.js";
3
+ const r = {}, s = {
4
+ width: "14",
5
+ height: "22",
6
+ viewBox: "7 1 10 22",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function c(l, C) {
11
+ return t(), e("svg", s, [...C[0] || (C[0] = [
12
+ o("path", {
13
+ d: "M14.25 19.5C14.25 20.0967 14.0129 20.669 13.591 21.091C13.169 21.5129 12.5967 21.75 12 21.75C11.4033 21.75 10.831 21.5129 10.409 21.091C9.98705 20.669 9.75 20.0967 9.75 19.5C9.75 18.9033 9.98705 18.331 10.409 17.909C10.831 17.4871 11.4033 17.25 12 17.25C12.5967 17.25 13.169 17.4871 13.591 17.909C14.0129 18.331 14.25 18.9033 14.25 19.5ZM14.25 12C14.25 12.5967 14.0129 13.169 13.591 13.591C13.169 14.0129 12.5967 14.25 12 14.25C11.4033 14.25 10.831 14.0129 10.409 13.591C9.98705 13.169 9.75 12.5967 9.75 12C9.75 11.4033 9.98705 10.831 10.409 10.409C10.831 9.98705 11.4033 9.75 12 9.75C12.5967 9.75 13.169 9.98705 13.591 10.409C14.0129 10.831 14.25 11.4033 14.25 12ZM14.25 4.5C14.25 5.09674 14.0129 5.66903 13.591 6.09099C13.169 6.51295 12.5967 6.75 12 6.75C11.4033 6.75 10.831 6.51295 10.409 6.09099C9.98705 5.66903 9.75 5.09674 9.75 4.5C9.75 3.90326 9.98705 3.33097 10.409 2.90901C10.831 2.48705 11.4033 2.25 12 2.25C12.5967 2.25 13.169 2.48705 13.591 2.90901C14.0129 3.33097 14.25 3.90326 14.25 4.5Z",
14
+ fill: "#5F5F5F"
15
+ }, null, -1)
16
+ ])]);
17
+ }
18
+ const m = /* @__PURE__ */ n(r, [["render", c]]);
19
+ export {
20
+ m as default
21
+ };
@@ -1,7 +1,7 @@
1
- import e from "./MissedCallMessage.vue2.js";
1
+ import o from "./MissedCallMessage.vue2.js";
2
2
  /* empty css */
3
- import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ec21e79d"]]);
3
+ import s from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const f = /* @__PURE__ */ s(o, [["__scopeId", "data-v-28f1fe56"]]);
5
5
  export {
6
- r as default
6
+ f as default
7
7
  };