@mobilon-dev/chotto 0.3.84 → 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 (126) 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/FeedSearch/FeedSearch.vue2.js +10 -9
  10. package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js +8 -7
  11. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js +2 -2
  12. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +48 -37
  13. package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js +3 -2
  14. package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js +7 -6
  15. package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +3 -2
  16. package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +3 -2
  17. package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js +3 -2
  18. package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js +27 -26
  19. package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue2.js +3 -2
  20. package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js +3 -2
  21. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +3 -2
  22. package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +3 -2
  23. package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js +6 -5
  24. package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js +10 -9
  25. package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +3 -2
  26. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +1 -1
  27. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +169 -143
  28. package/dist/components/2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js +4 -4
  29. package/dist/components/2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue2.js +33 -32
  30. package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +8 -2
  31. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +3 -3
  32. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +134 -108
  33. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +1 -1
  34. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +116 -97
  35. package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js +3 -2
  36. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
  37. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +232 -113
  38. package/dist/components/2_feed_elements/MessageReactions/composables/usePositioning.js +77 -62
  39. package/dist/components/2_feed_elements/MessageReactions/composables/useReactions.js +62 -20
  40. package/dist/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.js +91 -69
  41. package/dist/components/2_feed_elements/MessageReactions/composables/useReactionsState.js +46 -22
  42. package/dist/components/2_feed_elements/MessageReactions/icons/ExpandReactionsIcon.vue.js +21 -0
  43. package/dist/components/2_feed_elements/MessageReactions/icons/ReplyIcon.vue.js +21 -0
  44. package/dist/components/2_feed_elements/MessageReactions/utils/quickReactions.js +2 -8
  45. package/dist/components/2_feed_elements/MessageReactions/utils/reactionTooltip.js +39 -0
  46. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +26 -20
  47. package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue.js +2 -2
  48. package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue2.js +27 -18
  49. package/dist/components/2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue.js +2 -2
  50. package/dist/components/2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue2.js +16 -15
  51. package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue.js +3 -3
  52. package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue2.js +27 -18
  53. package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue.js +1 -1
  54. package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue2.js +16 -12
  55. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.js +4 -4
  56. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +74 -65
  57. package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue.js +1 -1
  58. package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue2.js +20 -11
  59. package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue.js +2 -2
  60. package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue2.js +13 -9
  61. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +4 -4
  62. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +74 -55
  63. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +4 -4
  64. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +102 -76
  65. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +2 -2
  66. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +74 -55
  67. package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +2 -2
  68. package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +99 -82
  69. package/dist/components/3_compounds/Feed/Feed.vue.js +3 -3
  70. package/dist/components/3_compounds/Feed/Feed.vue2.js +159 -139
  71. package/dist/components/3_compounds/Feed/composables/useFeedReply.js +22 -25
  72. package/dist/functions/renderAppleEmojis.js +92 -0
  73. package/dist/hooks/messages/buildReplyPayload.js +14 -0
  74. package/dist/hooks/messages/useMessageLinks.js +60 -50
  75. package/dist/hooks/messages/useStartReply.js +29 -0
  76. package/dist/hooks/useEmojiNative.js +19 -0
  77. package/dist/index.js +130 -122
  78. package/dist/themes/dark.css +1 -1
  79. package/dist/themes/default.css +1 -1
  80. package/dist/themes/glass.css +1 -1
  81. package/dist/themes/green.css +1 -1
  82. package/dist/themes/mobilon1.css +1 -1
  83. package/dist/types/apps/data/messages.d.ts +20 -18
  84. package/dist/types/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.d.ts +12 -0
  85. package/dist/types/components/1_atoms/Tooltip/stories/Tooltip.stories.d.ts +3 -0
  86. package/dist/types/components/1_icons/CloseIcon.vue.d.ts +2 -0
  87. package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts +9 -1
  88. package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +29 -0
  89. package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +24 -16
  90. package/dist/types/components/2_feed_elements/BaseReplyMessage/styles/types.d.ts +8 -4
  91. package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +29 -0
  92. package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +20 -0
  93. package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +29 -0
  94. package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts +2 -0
  95. package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +64 -1
  96. package/dist/types/components/2_feed_elements/MessageReactions/composables/index.d.ts +2 -2
  97. package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts +11 -1
  98. package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactions.d.ts +20 -12
  99. package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.d.ts +3 -3
  100. package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsState.d.ts +13 -22
  101. package/dist/types/components/2_feed_elements/MessageReactions/icons/ExpandReactionsIcon.vue.d.ts +2 -0
  102. package/dist/types/components/2_feed_elements/MessageReactions/icons/ReplyIcon.vue.d.ts +2 -0
  103. package/dist/types/components/2_feed_elements/MessageReactions/styles/types.d.ts +14 -74
  104. package/dist/types/components/2_feed_elements/MessageReactions/utils/quickReactions.d.ts +1 -1
  105. package/dist/types/components/2_feed_elements/MessageReactions/utils/reactionTooltip.d.ts +14 -0
  106. package/dist/types/components/2_feed_elements/ReplyAudioMessage/styles/types.d.ts +6 -0
  107. package/dist/types/components/2_feed_elements/ReplyCallMessage/styles/types.d.ts +6 -0
  108. package/dist/types/components/2_feed_elements/ReplyFileMessage/styles/types.d.ts +6 -0
  109. package/dist/types/components/2_feed_elements/ReplyImageMessage/styles/types.d.ts +6 -0
  110. package/dist/types/components/2_feed_elements/ReplyStickerMessage/styles/types.d.ts +6 -0
  111. package/dist/types/components/2_feed_elements/ReplyTextMessage/styles/types.d.ts +4 -0
  112. package/dist/types/components/2_feed_elements/ReplyVideoMessage/styles/types.d.ts +6 -0
  113. package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +29 -0
  114. package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +29 -0
  115. package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +22 -0
  116. package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +29 -0
  117. package/dist/types/components/2_feed_elements/types/messages.d.ts +11 -6
  118. package/dist/types/components/3_compounds/ChatInput/styles/types.d.ts +2 -0
  119. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +33 -0
  120. package/dist/types/functions/renderAppleEmojis.d.ts +16 -0
  121. package/dist/types/hooks/index.d.ts +1 -0
  122. package/dist/types/hooks/messages/buildReplyPayload.d.ts +11 -0
  123. package/dist/types/hooks/messages/index.d.ts +2 -0
  124. package/dist/types/hooks/messages/useStartReply.d.ts +6 -0
  125. package/dist/types/hooks/useEmojiNative.d.ts +9 -0
  126. 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
  };