@mobilon-dev/chotto 0.3.83 → 0.3.85

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 (145) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue2.js +3 -2
  3. package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js +3 -2
  4. package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.js +38 -0
  5. package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue2.js +4 -0
  6. package/dist/components/1_atoms/Tooltip/Tooltip.vue.js +1 -1
  7. package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +49 -36
  8. package/dist/components/1_icons/CloseIcon.vue.js +21 -0
  9. package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js +351 -282
  10. package/dist/components/2_blocks/CommunicationPanel/CommunicationPanelAttributeIndicator.vue.js +38 -33
  11. package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.js +64 -39
  12. package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.js +116 -61
  13. package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.js +1 -1
  14. package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.js +30 -16
  15. package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationRecentSelection.js +47 -0
  16. package/dist/components/2_blocks/CommunicationPanel/icons/{CommunicationPanelConfirmSpinner.vue2.js → CommunicationPanelConfirmSpinner.vue.js} +1 -1
  17. package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelUnconfirmedIcon.vue.js +19 -0
  18. package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js +10 -9
  19. package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js +8 -7
  20. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js +2 -2
  21. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +48 -37
  22. package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js +3 -2
  23. package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js +7 -6
  24. package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +3 -2
  25. package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +3 -2
  26. package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js +3 -2
  27. package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js +27 -26
  28. package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue2.js +3 -2
  29. package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js +3 -2
  30. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +3 -2
  31. package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +3 -2
  32. package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js +6 -5
  33. package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js +10 -9
  34. package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +3 -2
  35. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +1 -1
  36. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +169 -143
  37. package/dist/components/2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js +4 -4
  38. package/dist/components/2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue2.js +33 -32
  39. package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +8 -2
  40. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +3 -3
  41. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +134 -108
  42. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +1 -1
  43. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +116 -97
  44. package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js +3 -2
  45. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
  46. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +232 -113
  47. package/dist/components/2_feed_elements/MessageReactions/composables/usePositioning.js +77 -62
  48. package/dist/components/2_feed_elements/MessageReactions/composables/useReactions.js +62 -20
  49. package/dist/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.js +91 -69
  50. package/dist/components/2_feed_elements/MessageReactions/composables/useReactionsState.js +46 -22
  51. package/dist/components/2_feed_elements/MessageReactions/icons/ExpandReactionsIcon.vue.js +21 -0
  52. package/dist/components/2_feed_elements/MessageReactions/icons/ReplyIcon.vue.js +21 -0
  53. package/dist/components/2_feed_elements/MessageReactions/utils/quickReactions.js +2 -8
  54. package/dist/components/2_feed_elements/MessageReactions/utils/reactionTooltip.js +39 -0
  55. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +26 -20
  56. package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue.js +2 -2
  57. package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue2.js +27 -18
  58. package/dist/components/2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue.js +2 -2
  59. package/dist/components/2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue2.js +16 -15
  60. package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue.js +3 -3
  61. package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue2.js +27 -18
  62. package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue.js +1 -1
  63. package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue2.js +16 -12
  64. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.js +4 -4
  65. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +74 -65
  66. package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue.js +1 -1
  67. package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue2.js +20 -11
  68. package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue.js +2 -2
  69. package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue2.js +13 -9
  70. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +4 -4
  71. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +74 -55
  72. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +4 -4
  73. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +102 -76
  74. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +2 -2
  75. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +74 -55
  76. package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +2 -2
  77. package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +99 -82
  78. package/dist/components/3_compounds/Feed/Feed.vue.js +3 -3
  79. package/dist/components/3_compounds/Feed/Feed.vue2.js +159 -139
  80. package/dist/components/3_compounds/Feed/composables/useFeedReply.js +22 -25
  81. package/dist/functions/renderAppleEmojis.js +92 -0
  82. package/dist/hooks/messages/buildReplyPayload.js +14 -0
  83. package/dist/hooks/messages/useMessageLinks.js +60 -50
  84. package/dist/hooks/messages/useStartReply.js +29 -0
  85. package/dist/hooks/useEmojiNative.js +19 -0
  86. package/dist/index.js +130 -122
  87. package/dist/themes/dark.css +1 -1
  88. package/dist/themes/default.css +1 -1
  89. package/dist/themes/glass.css +1 -1
  90. package/dist/themes/green.css +1 -1
  91. package/dist/themes/mobilon1.css +1 -1
  92. package/dist/types/apps/data/messages.d.ts +20 -18
  93. package/dist/types/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.d.ts +12 -0
  94. package/dist/types/components/1_atoms/Tooltip/stories/Tooltip.stories.d.ts +3 -0
  95. package/dist/types/components/1_icons/CloseIcon.vue.d.ts +2 -0
  96. package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts +2 -0
  97. package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanelAttributeIndicator.vue.d.ts +2 -2
  98. package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.d.ts +10 -1
  99. package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.d.ts +23 -2
  100. package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.d.ts +1 -0
  101. package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationRecentSelection.d.ts +20 -0
  102. package/dist/types/components/2_blocks/CommunicationPanel/icons/CommunicationPanelUnconfirmedIcon.vue.d.ts +2 -0
  103. package/dist/types/components/2_blocks/CommunicationPanel/icons/index.d.ts +1 -0
  104. package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts +2 -0
  105. package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts +42 -10
  106. package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts +9 -1
  107. package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +29 -0
  108. package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +24 -16
  109. package/dist/types/components/2_feed_elements/BaseReplyMessage/styles/types.d.ts +8 -4
  110. package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +29 -0
  111. package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +20 -0
  112. package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +29 -0
  113. package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts +2 -0
  114. package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +64 -1
  115. package/dist/types/components/2_feed_elements/MessageReactions/composables/index.d.ts +2 -2
  116. package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts +11 -1
  117. package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactions.d.ts +20 -12
  118. package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.d.ts +3 -3
  119. package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsState.d.ts +13 -22
  120. package/dist/types/components/2_feed_elements/MessageReactions/icons/ExpandReactionsIcon.vue.d.ts +2 -0
  121. package/dist/types/components/2_feed_elements/MessageReactions/icons/ReplyIcon.vue.d.ts +2 -0
  122. package/dist/types/components/2_feed_elements/MessageReactions/styles/types.d.ts +14 -74
  123. package/dist/types/components/2_feed_elements/MessageReactions/utils/quickReactions.d.ts +1 -1
  124. package/dist/types/components/2_feed_elements/MessageReactions/utils/reactionTooltip.d.ts +14 -0
  125. package/dist/types/components/2_feed_elements/ReplyAudioMessage/styles/types.d.ts +6 -0
  126. package/dist/types/components/2_feed_elements/ReplyCallMessage/styles/types.d.ts +6 -0
  127. package/dist/types/components/2_feed_elements/ReplyFileMessage/styles/types.d.ts +6 -0
  128. package/dist/types/components/2_feed_elements/ReplyImageMessage/styles/types.d.ts +6 -0
  129. package/dist/types/components/2_feed_elements/ReplyStickerMessage/styles/types.d.ts +6 -0
  130. package/dist/types/components/2_feed_elements/ReplyTextMessage/styles/types.d.ts +4 -0
  131. package/dist/types/components/2_feed_elements/ReplyVideoMessage/styles/types.d.ts +6 -0
  132. package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +29 -0
  133. package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +29 -0
  134. package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +22 -0
  135. package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +29 -0
  136. package/dist/types/components/2_feed_elements/types/messages.d.ts +11 -6
  137. package/dist/types/components/3_compounds/ChatInput/styles/types.d.ts +2 -0
  138. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +33 -0
  139. package/dist/types/functions/renderAppleEmojis.d.ts +16 -0
  140. package/dist/types/hooks/index.d.ts +1 -0
  141. package/dist/types/hooks/messages/buildReplyPayload.d.ts +11 -0
  142. package/dist/types/hooks/messages/index.d.ts +2 -0
  143. package/dist/types/hooks/messages/useStartReply.d.ts +6 -0
  144. package/dist/types/hooks/useEmojiNative.d.ts +9 -0
  145. package/package.json +1 -1
@@ -1,7 +1,13 @@
1
- import { defineComponent as f, createElementBlock as n, openBlock as l, Fragment as c, createElementVNode as s, createCommentVNode as o, toDisplayString as r, unref as a } from "vue";
2
- import { useMessageLinks as u } from "../../../hooks/messages/useMessageLinks.js";
1
+ import { defineComponent as f, createElementBlock as n, openBlock as l, Fragment as u, createElementVNode as t, createCommentVNode as o, toDisplayString as r, unref as i } from "vue";
2
+ import { useMessageLinks as c } from "../../../hooks/messages/useMessageLinks.js";
3
3
  import "../../../functions/parseMarkdown.js";
4
- const k = ["href"], _ = { key: 0 }, h = ["href"], p = { class: "file-message__filename-text" }, x = ["innerHTML"], C = /* @__PURE__ */ f({
4
+ import "../../../hooks/useMessageDraft.js";
5
+ import "../../../hooks/useSearchModel.js";
6
+ import "../../../hooks/useTheme.js";
7
+ import "../../../hooks/useEmojiNative.js";
8
+ /* empty css */
9
+ /* empty css */
10
+ const p = ["href"], k = ["textContent"], _ = ["href"], h = { class: "file-message__filename-text" }, x = ["innerHTML"], F = /* @__PURE__ */ f({
5
11
  __name: "ReplyFileMessage",
6
12
  props: {
7
13
  message: {
@@ -10,37 +16,40 @@ const k = ["href"], _ = { key: 0 }, h = ["href"], p = { class: "file-message__fi
10
16
  }
11
17
  },
12
18
  setup(e) {
13
- const m = e, { linkedHtml: d, inNewWindow: i } = u(() => m.message.text);
14
- return (y, t) => (l(), n(c, null, [
15
- s("a", {
19
+ const m = e, { linkedHtml: d, inNewWindow: a } = c(() => m.message.text);
20
+ return (y, s) => (l(), n(u, null, [
21
+ t("a", {
16
22
  class: "file-message__link",
17
23
  href: e.message.url,
18
24
  download: "",
19
25
  target: "_blank"
20
- }, [...t[1] || (t[1] = [
21
- s("span", { class: "pi pi-file" }, null, -1)
22
- ])], 8, k),
23
- s("div", null, [
24
- e.message.header ? (l(), n("p", _, r(e.message.header), 1)) : o("", !0),
25
- s("a", {
26
+ }, [...s[1] || (s[1] = [
27
+ t("span", { class: "pi pi-file" }, null, -1)
28
+ ])], 8, p),
29
+ t("div", null, [
30
+ e.message.header ? (l(), n("p", {
31
+ key: 0,
32
+ textContent: r(`В ответ ${e.message.header}`)
33
+ }, null, 8, k)) : o("", !0),
34
+ t("a", {
26
35
  class: "file-message__link",
27
36
  href: e.message.url,
28
37
  download: "",
29
38
  target: "_blank"
30
39
  }, [
31
- s("p", p, r(e.message.filename), 1)
32
- ], 8, h),
40
+ t("p", h, r(e.message.filename), 1)
41
+ ], 8, _),
33
42
  e.message.text ? (l(), n("p", {
34
43
  key: 1,
35
44
  class: "file-message__text",
36
- onClick: t[0] || (t[0] = //@ts-ignore
37
- (...g) => a(i) && a(i)(...g)),
38
- innerHTML: a(d)
45
+ onClick: s[0] || (s[0] = //@ts-ignore
46
+ (...g) => i(a) && i(a)(...g)),
47
+ innerHTML: i(d)
39
48
  }, null, 8, x)) : o("", !0)
40
49
  ])
41
50
  ], 64));
42
51
  }
43
52
  });
44
53
  export {
45
- C as default
54
+ F as default
46
55
  };
@@ -1,7 +1,7 @@
1
1
  import e from "./ReplyImageMessage.vue2.js";
2
2
  /* empty css */
3
3
  import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a360ec52"]]);
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e84f7a9"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,13 +1,14 @@
1
- import { defineComponent as k, inject as v, ref as y, createElementBlock as i, openBlock as a, Fragment as _, createElementVNode as t, createBlock as g, createCommentVNode as n, toDisplayString as x, unref as l, Teleport as M, createVNode as C, Transition as T, withCtx as d } from "vue";
1
+ import { defineComponent as k, inject as v, ref as x, createElementBlock as n, openBlock as a, Fragment as y, createElementVNode as t, createBlock as g, createCommentVNode as o, toDisplayString as C, unref as l, Teleport as _, createVNode as M, Transition as T, withCtx as d } from "vue";
2
2
  import w from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
3
3
  import "../../../hooks/useMessageDraft.js";
4
4
  import "../../../hooks/useSearchModel.js";
5
5
  import { useTheme as N } from "../../../hooks/useTheme.js";
6
+ import "../../../hooks/useEmojiNative.js";
6
7
  /* empty css */
7
8
  /* empty css */
8
9
  import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
9
10
  import "../../../functions/parseMarkdown.js";
10
- const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = { key: 0 }, L = ["innerHTML"], V = ["src", "alt"], $ = /* @__PURE__ */ k({
11
+ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = ["textContent"], L = ["innerHTML"], V = ["src", "alt"], z = /* @__PURE__ */ k({
11
12
  __name: "ReplyImageMessage",
12
13
  props: {
13
14
  message: {
@@ -16,8 +17,8 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
16
17
  }
17
18
  },
18
19
  setup(e) {
19
- const u = v("chatAppId"), { getTheme: o } = N(u), p = e, m = y(!1), { linkedHtml: f, inNewWindow: r } = b(() => p.message.text), h = () => m.value = !1;
20
- return (j, s) => (a(), i(_, null, [
20
+ const u = v("chatAppId"), { getTheme: i } = N(u), p = e, m = x(!1), { linkedHtml: f, inNewWindow: r } = b(() => p.message.text), h = () => m.value = !1;
21
+ return (j, s) => (a(), n(y, null, [
21
22
  t("div", {
22
23
  class: "image-message__preview-button",
23
24
  onClick: s[0] || (s[0] = (c) => m.value = !0)
@@ -29,25 +30,28 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
29
30
  }, null, 8, B)
30
31
  ]),
31
32
  t("div", H, [
32
- e.message.header ? (a(), i("p", I, x(e.message.header), 1)) : n("", !0),
33
+ e.message.header ? (a(), n("p", {
34
+ key: 0,
35
+ textContent: C(`В ответ ${e.message.header}`)
36
+ }, null, 8, I)) : o("", !0),
33
37
  s[2] || (s[2] = t("div", { class: "image-message__reply-description" }, [
34
38
  t("span", { class: "pi pi-camera" }),
35
39
  t("p", null, "Фотография")
36
40
  ], -1)),
37
- e.message.text ? (a(), i("p", {
41
+ e.message.text ? (a(), n("p", {
38
42
  key: 1,
39
43
  class: "image-message__text",
40
44
  onClick: s[1] || (s[1] = //@ts-ignore
41
45
  (...c) => l(r) && l(r)(...c)),
42
46
  innerHTML: l(f)
43
- }, null, 8, L)) : n("", !0)
47
+ }, null, 8, L)) : o("", !0)
44
48
  ]),
45
- (a(), g(M, { to: "body" }, [
46
- C(T, { name: "modal-fade" }, {
49
+ (a(), g(_, { to: "body" }, [
50
+ M(T, { name: "modal-fade" }, {
47
51
  default: d(() => [
48
52
  m.value ? (a(), g(w, {
49
53
  key: 0,
50
- "data-theme": l(o)().theme ? l(o)().theme : "light",
54
+ "data-theme": l(i)().theme ? l(i)().theme : "light",
51
55
  title: e.message.alt,
52
56
  onClose: h
53
57
  }, {
@@ -59,7 +63,7 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
59
63
  }, null, 8, V)
60
64
  ]),
61
65
  _: 1
62
- }, 8, ["data-theme", "title"])) : n("", !0)
66
+ }, 8, ["data-theme", "title"])) : o("", !0)
63
67
  ]),
64
68
  _: 1
65
69
  })
@@ -68,5 +72,5 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
68
72
  }
69
73
  });
70
74
  export {
71
- $ as default
75
+ z as default
72
76
  };
@@ -1,7 +1,7 @@
1
- import e from "./ReplyStickerMessage.vue2.js";
1
+ import o from "./ReplyStickerMessage.vue2.js";
2
2
  /* empty css */
3
- import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-292e0810"]]);
3
+ import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b09bf4cc"]]);
5
5
  export {
6
- s as default
6
+ p as default
7
7
  };
@@ -1,16 +1,18 @@
1
- import { defineComponent as M, inject as S, ref as m, watch as g, computed as w, onMounted as F, createElementBlock as l, openBlock as t, Fragment as A, createElementVNode as u, createBlock as _, createCommentVNode as p, toDisplayString as E, Teleport as I, createVNode as N, Transition as V, withCtx as L, unref as T } from "vue";
2
- import $ from "../../../node_modules/linkify-string/dist/linkify-string.js";
3
- import j from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
1
+ import { defineComponent as E, inject as N, ref as m, watch as p, computed as x, onMounted as S, createElementBlock as l, openBlock as s, Fragment as j, createElementVNode as u, createBlock as L, createCommentVNode as v, toDisplayString as F, Teleport as I, createVNode as $, Transition as A, withCtx as T, unref as b } from "vue";
2
+ import V from "../../../node_modules/linkify-string/dist/linkify-string.js";
3
+ import B from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
4
4
  import "../../../hooks/useMessageDraft.js";
5
5
  import "../../../hooks/useSearchModel.js";
6
- import { useTheme as B } from "../../../hooks/useTheme.js";
6
+ import { useTheme as H } from "../../../hooks/useTheme.js";
7
+ import { useEmojiNative as D } from "../../../hooks/useEmojiNative.js";
7
8
  /* empty css */
8
9
  /* empty css */
9
10
  import "../../../node_modules/linkifyjs/dist/linkify.js";
10
11
  import "../../../functions/parseMarkdown.js";
11
- import { isAnimatedSticker as D } from "../StickerMessage/utils/stickerUtils.js";
12
+ import { replaceEmojisInHtml as O } from "../../../functions/renderAppleEmojis.js";
13
+ import { isAnimatedSticker as q } from "../StickerMessage/utils/stickerUtils.js";
12
14
  import "../StickerMessage/utils/suppress-lit-warning.js";
13
- const H = ["src"], O = ["src"], q = ["src", "alt"], G = { class: "sticker-message__text-container" }, R = { key: 0 }, W = ["innerHTML"], z = ["src"], J = ["src"], K = ["src", "alt"], re = /* @__PURE__ */ M({
15
+ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-message__text-container" }, J = ["textContent"], K = ["innerHTML"], P = ["src"], Q = ["src"], U = ["src", "alt"], ce = /* @__PURE__ */ E({
14
16
  __name: "ReplyStickerMessage",
15
17
  props: {
16
18
  message: {
@@ -18,126 +20,133 @@ const H = ["src"], O = ["src"], q = ["src", "alt"], G = { class: "sticker-messag
18
20
  required: !0
19
21
  }
20
22
  },
21
- setup(e) {
22
- const b = S("chatAppId"), { getTheme: v } = B(b), r = m(!1), c = m(!1);
23
- async function f() {
24
- if (!(r.value || c.value)) {
23
+ setup(t) {
24
+ const f = N("chatAppId"), { isNative: k } = D(f), { getTheme: y } = H(f), o = m(!1), c = m(!1);
25
+ async function h() {
26
+ if (!(o.value || c.value)) {
25
27
  c.value = !0;
26
28
  try {
27
- await import("../StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../StickerMessage/libs/tgs-player/tgs-player.esm.js"), r.value = !0;
28
- } catch (s) {
29
- console.error("Failed to load TGS libraries:", s);
29
+ await import("../StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../StickerMessage/libs/tgs-player/tgs-player.esm.js"), o.value = !0;
30
+ } catch (e) {
31
+ console.error("Failed to load TGS libraries:", e);
30
32
  } finally {
31
33
  c.value = !1;
32
34
  }
33
35
  }
34
36
  }
35
- const i = e, d = m(!1), k = m("");
36
- g(
37
- () => i.message.text,
37
+ const i = t, d = m(!1), g = m("");
38
+ p(
39
+ [() => i.message.text, k],
38
40
  () => {
39
- i.message.text && (k.value = $(i.message.text));
41
+ if (i.message.text) {
42
+ let e = V(i.message.text);
43
+ k.value || (e = O(e)), g.value = e;
44
+ } else
45
+ g.value = "";
40
46
  },
41
47
  { immediate: !0 }
42
48
  );
43
- const o = w(() => D(i.message.url, i.message.isAnimated)), n = m(!1), y = w(() => {
44
- if (o.value) return !1;
45
- const s = String(i.message.url || "").toLowerCase();
46
- return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(s);
49
+ const r = x(() => q(i.message.url, i.message.isAnimated)), n = m(!1), w = x(() => {
50
+ if (r.value) return !1;
51
+ const e = String(i.message.url || "").toLowerCase();
52
+ return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(e);
47
53
  });
48
- g(
54
+ p(
49
55
  () => i.message.url,
50
56
  () => {
51
57
  n.value = !1;
52
58
  },
53
59
  { immediate: !0 }
54
- ), g(o, (s) => {
55
- s && !r.value && f();
56
- }, { immediate: !0 }), F(() => {
57
- o.value && !r.value && f();
60
+ ), p(r, (e) => {
61
+ e && !o.value && h();
62
+ }, { immediate: !0 }), S(() => {
63
+ r.value && !o.value && h();
58
64
  });
59
- function x(s) {
60
- s.preventDefault(), s.target.href && window.open(s.target.href, "_blank");
65
+ function C(e) {
66
+ e.preventDefault(), e.target.href && window.open(e.target.href, "_blank");
61
67
  }
62
- const C = () => d.value = !1;
63
- return (s, a) => (t(), l(A, null, [
68
+ const M = () => d.value = !1;
69
+ return (e, a) => (s(), l(j, null, [
64
70
  u("div", {
65
71
  class: "sticker-message__preview-button",
66
- onClick: a[1] || (a[1] = (h) => d.value = !0)
72
+ onClick: a[1] || (a[1] = (_) => d.value = !0)
67
73
  }, [
68
- o.value && r.value ? (t(), l("tgs-player", {
74
+ r.value && o.value ? (s(), l("tgs-player", {
69
75
  key: 0,
70
76
  class: "sticker-message__preview-image-animated",
71
- src: e.message.url,
77
+ src: t.message.url,
72
78
  autoplay: "",
73
79
  loop: "",
74
80
  mode: "normal"
75
- }, null, 8, H)) : y.value && !n.value ? (t(), l("video", {
81
+ }, null, 8, G)) : w.value && !n.value ? (s(), l("video", {
76
82
  key: 1,
77
83
  class: "sticker-message__preview-image",
78
- src: e.message.url,
84
+ src: t.message.url,
79
85
  autoplay: "",
80
86
  loop: "",
81
87
  muted: "",
82
88
  playsinline: "",
83
89
  preload: "metadata",
84
- onError: a[0] || (a[0] = (h) => n.value = !0)
85
- }, null, 40, O)) : (t(), l("img", {
90
+ onError: a[0] || (a[0] = (_) => n.value = !0)
91
+ }, null, 40, R)) : (s(), l("img", {
86
92
  key: 2,
87
93
  class: "sticker-message__preview-image",
88
- src: e.message.url,
89
- alt: e.message.alt
90
- }, null, 8, q))
94
+ src: t.message.url,
95
+ alt: t.message.alt
96
+ }, null, 8, W))
91
97
  ]),
92
- u("div", G, [
93
- e.message.header ? (t(), l("p", R, E(e.message.header), 1)) : p("", !0),
98
+ u("div", z, [
99
+ t.message.header ? (s(), l("p", {
100
+ key: 0,
101
+ textContent: F(`В ответ ${t.message.header}`)
102
+ }, null, 8, J)) : v("", !0),
94
103
  a[3] || (a[3] = u("div", { class: "sticker-message__reply-description" }, [
95
104
  u("span", { class: "pi pi-image" }),
96
105
  u("p", null, "Стикер")
97
106
  ], -1)),
98
- e.message.text ? (t(), l("p", {
107
+ t.message.text ? (s(), l("p", {
99
108
  key: 1,
100
109
  class: "sticker-message__text",
101
- onClick: x,
102
- innerHTML: k.value
103
- }, null, 8, W)) : p("", !0)
110
+ onClick: C,
111
+ innerHTML: g.value
112
+ }, null, 8, K)) : v("", !0)
104
113
  ]),
105
- (t(), _(I, { to: "body" }, [
106
- N(V, { name: "modal-fade" }, {
107
- default: L(() => [
108
- d.value ? (t(), _(j, {
114
+ (s(), L(I, { to: "body" }, [
115
+ $(A, { name: "modal-fade" }, {
116
+ default: T(() => [
117
+ d.value ? (s(), L(B, {
109
118
  key: 0,
110
- "data-theme": T(v)().theme ? T(v)().theme : "light",
111
- title: e.message.alt,
112
- onClose: C
119
+ "data-theme": b(y)().theme ? b(y)().theme : "light",
120
+ title: t.message.alt,
121
+ onClose: M
113
122
  }, {
114
- default: L(() => [
115
- o.value && r.value ? (t(), l("tgs-player", {
123
+ default: T(() => [
124
+ r.value && o.value ? (s(), l("tgs-player", {
116
125
  key: 0,
117
126
  class: "sticker-message__modal-image-animated",
118
- src: e.message.url,
127
+ src: t.message.url,
119
128
  autoplay: "",
120
129
  loop: "",
121
130
  mode: "normal"
122
- }, null, 8, z)) : y.value && !n.value ? (t(), l("video", {
131
+ }, null, 8, P)) : w.value && !n.value ? (s(), l("video", {
123
132
  key: 1,
124
133
  class: "sticker-message__modal-image",
125
- src: e.message.url,
134
+ src: t.message.url,
126
135
  autoplay: "",
127
136
  loop: "",
128
137
  muted: "",
129
138
  playsinline: "",
130
139
  preload: "metadata",
131
- onError: a[2] || (a[2] = (h) => n.value = !0)
132
- }, null, 40, J)) : (t(), l("img", {
140
+ onError: a[2] || (a[2] = (_) => n.value = !0)
141
+ }, null, 40, Q)) : (s(), l("img", {
133
142
  key: 2,
134
143
  class: "sticker-message__modal-image",
135
- src: e.message.url,
136
- alt: e.message.alt
137
- }, null, 8, K))
144
+ src: t.message.url,
145
+ alt: t.message.alt
146
+ }, null, 8, U))
138
147
  ]),
139
148
  _: 1
140
- }, 8, ["data-theme", "title"])) : p("", !0)
149
+ }, 8, ["data-theme", "title"])) : v("", !0)
141
150
  ]),
142
151
  _: 1
143
152
  })
@@ -146,5 +155,5 @@ const H = ["src"], O = ["src"], q = ["src", "alt"], G = { class: "sticker-messag
146
155
  }
147
156
  });
148
157
  export {
149
- re as default
158
+ ce as default
150
159
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./ReplyTextMessage.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-72692532"]]);
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646d5d7c"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -1,7 +1,13 @@
1
- import { defineComponent as c, createElementBlock as o, openBlock as r, createCommentVNode as l, createElementVNode as d, toDisplayString as p, unref as t } from "vue";
1
+ import { defineComponent as p, createElementBlock as s, openBlock as r, createCommentVNode as c, createElementVNode as l, toDisplayString as d, unref as t } from "vue";
2
2
  import { useMessageLinks as u } from "../../../hooks/messages/useMessageLinks.js";
3
3
  import "../../../functions/parseMarkdown.js";
4
- const g = { class: "container" }, f = { key: 0 }, k = ["innerHTML"], M = /* @__PURE__ */ c({
4
+ import "../../../hooks/useMessageDraft.js";
5
+ import "../../../hooks/useSearchModel.js";
6
+ import "../../../hooks/useTheme.js";
7
+ import "../../../hooks/useEmojiNative.js";
8
+ /* empty css */
9
+ /* empty css */
10
+ const g = { class: "container" }, x = ["textContent"], f = ["innerHTML"], w = /* @__PURE__ */ p({
5
11
  __name: "ReplyTextMessage",
6
12
  props: {
7
13
  message: {
@@ -10,18 +16,21 @@ const g = { class: "container" }, f = { key: 0 }, k = ["innerHTML"], M = /* @__P
10
16
  }
11
17
  },
12
18
  setup(e) {
13
- const i = e, { linkedHtml: a, inNewWindow: n } = u(() => i.message.text);
14
- return (_, s) => (r(), o("div", g, [
15
- e.message.header ? (r(), o("p", f, p(e.message.header), 1)) : l("", !0),
16
- d("p", {
19
+ const i = e, { linkedHtml: m, inNewWindow: n } = u(() => i.message.text);
20
+ return (k, o) => (r(), s("div", g, [
21
+ e.message.header ? (r(), s("p", {
22
+ key: 0,
23
+ textContent: d(`В ответ ${e.message.header}`)
24
+ }, null, 8, x)) : c("", !0),
25
+ l("p", {
17
26
  class: "text",
18
- onClick: s[0] || (s[0] = //@ts-ignore
19
- (...m) => t(n) && t(n)(...m)),
20
- innerHTML: t(a)
21
- }, null, 8, k)
27
+ onClick: o[0] || (o[0] = //@ts-ignore
28
+ (...a) => t(n) && t(n)(...a)),
29
+ innerHTML: t(m)
30
+ }, null, 8, f)
22
31
  ]));
23
32
  }
24
33
  });
25
34
  export {
26
- M as default
35
+ w as default
27
36
  };
@@ -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 r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-89e5da93"]]);
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-97d292df"]]);
5
5
  export {
6
- r as default
6
+ s as default
7
7
  };
@@ -1,13 +1,14 @@
1
- import { defineComponent as k, inject as _, ref as c, createElementBlock as i, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as n, toDisplayString as M, unref as a, Teleport as C, createVNode as T, Transition as w, withCtx as p } from "vue";
1
+ import { defineComponent as k, inject as _, ref as c, createElementBlock as n, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as i, toDisplayString as C, unref as a, Teleport as M, createVNode as T, Transition as w, withCtx as p } from "vue";
2
2
  import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
3
3
  import "../../../hooks/useMessageDraft.js";
4
4
  import "../../../hooks/useSearchModel.js";
5
5
  import { useTheme as V } from "../../../hooks/useTheme.js";
6
+ import "../../../hooks/useEmojiNative.js";
6
7
  /* empty css */
7
8
  /* empty css */
8
9
  import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
9
10
  import "../../../functions/parseMarkdown.js";
10
- const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0 }, j = ["innerHTML"], A = ["src", "alt"], z = /* @__PURE__ */ k({
11
+ const B = ["src"], H = { class: "video-message__text-container" }, L = ["textContent"], j = ["innerHTML"], A = ["src", "alt"], G = /* @__PURE__ */ k({
11
12
  __name: "ReplyVideoMessage",
12
13
  props: {
13
14
  message: {
@@ -17,7 +18,7 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
17
18
  },
18
19
  setup(e) {
19
20
  const g = _("chatAppId"), { getTheme: r } = V(g), v = e, f = c(), l = c(!1), { linkedHtml: h, inNewWindow: m } = b(() => v.message.text), y = () => l.value = !1;
20
- return (E, s) => (o(), i(x, null, [
21
+ return (E, s) => (o(), n(x, null, [
21
22
  t("div", {
22
23
  class: "video-message__preview-button",
23
24
  onClick: s[0] || (s[0] = (d) => l.value = !0)
@@ -29,20 +30,23 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
29
30
  }, null, 8, B)
30
31
  ]),
31
32
  t("div", H, [
32
- e.message.header ? (o(), i("p", L, M(e.message.header), 1)) : n("", !0),
33
+ e.message.header ? (o(), n("p", {
34
+ key: 0,
35
+ textContent: C(`В ответ ${e.message.header}`)
36
+ }, null, 8, L)) : i("", !0),
33
37
  s[2] || (s[2] = t("div", { class: "video-message__reply-description" }, [
34
38
  t("span", { class: "pi pi-video" }),
35
39
  t("p", null, "Видео")
36
40
  ], -1)),
37
- e.message.text ? (o(), i("p", {
41
+ e.message.text ? (o(), n("p", {
38
42
  key: 1,
39
43
  class: "video-message__text",
40
44
  onClick: s[1] || (s[1] = //@ts-ignore
41
45
  (...d) => a(m) && a(m)(...d)),
42
46
  innerHTML: a(h)
43
- }, null, 8, j)) : n("", !0)
47
+ }, null, 8, j)) : i("", !0)
44
48
  ]),
45
- (o(), u(C, { to: "body" }, [
49
+ (o(), u(M, { to: "body" }, [
46
50
  T(w, { name: "modal-fade" }, {
47
51
  default: p(() => [
48
52
  l.value ? (o(), u(N, {
@@ -63,7 +67,7 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
63
67
  }, null, 8, A)
64
68
  ]),
65
69
  _: 1
66
- }, 8, ["data-theme", "title"])) : n("", !0)
70
+ }, 8, ["data-theme", "title"])) : i("", !0)
67
71
  ]),
68
72
  _: 1
69
73
  })
@@ -72,5 +76,5 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
72
76
  }
73
77
  });
74
78
  export {
75
- z as default
79
+ G as default
76
80
  };
@@ -1,7 +1,7 @@
1
- import o from "./StickerMessage.vue2.js";
1
+ import e from "./StickerMessage.vue2.js";
2
2
  /* empty css */
3
- import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cd90490f"]]);
3
+ import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb1ae0b1"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };