@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
@@ -5,6 +5,7 @@ import { t as U } from "../../../locale/useLocale.js";
5
5
  import "../../../hooks/useMessageDraft.js";
6
6
  import "../../../hooks/useSearchModel.js";
7
7
  import { useTheme as Mt } from "../../../hooks/useTheme.js";
8
+ import "../../../hooks/useEmojiNative.js";
8
9
  /* empty css */
9
10
  /* empty css */
10
11
  import "../../../node_modules/linkifyjs/dist/linkify.js";
@@ -57,7 +58,7 @@ const Ht = { class: "chat-item__avatar-container" }, Wt = ["src"], $t = {
57
58
  }, ie = ["onClick"], oe = ["src"], ce = {
58
59
  key: 1,
59
60
  class: "dialog__icon pi pi-user"
60
- }, se = { class: "dialog__text-container" }, ae = { class: "dialog__name" }, re = { class: "dialog__time" }, Ne = /* @__PURE__ */ ht({
61
+ }, se = { class: "dialog__text-container" }, ae = { class: "dialog__name" }, re = { class: "dialog__time" }, Re = /* @__PURE__ */ ht({
61
62
  __name: "ChatItem",
62
63
  props: {
63
64
  chat: {},
@@ -307,5 +308,5 @@ const Ht = { class: "chat-item__avatar-container" }, Wt = ["src"], $t = {
307
308
  }
308
309
  });
309
310
  export {
310
- Ne as default
311
+ Re as default
311
312
  };
@@ -3,6 +3,7 @@ import { uploadFile as O } from "../../../hooks/uploadFile/uploadFile.js";
3
3
  import { useMessageDraft as q } from "../../../hooks/useMessageDraft.js";
4
4
  import "../../../hooks/useSearchModel.js";
5
5
  import "../../../hooks/useTheme.js";
6
+ import "../../../hooks/useEmojiNative.js";
6
7
  /* empty css */
7
8
  /* empty css */
8
9
  import "../../../node_modules/linkifyjs/dist/linkify.js";
@@ -15,7 +16,7 @@ const H = { class: "audio-recorder__container" }, J = {
15
16
  }, K = {
16
17
  key: 1,
17
18
  class: "audio-recorder__recording-container"
18
- }, Q = { class: "audio-recorder__recording-time" }, re = /* @__PURE__ */ D({
19
+ }, Q = { class: "audio-recorder__recording-time" }, se = /* @__PURE__ */ D({
19
20
  __name: "AudioRecorder",
20
21
  props: {
21
22
  state: {
@@ -116,5 +117,5 @@ const H = { class: "audio-recorder__container" }, J = {
116
117
  }
117
118
  });
118
119
  export {
119
- re as default
120
+ se as default
120
121
  };
@@ -4,6 +4,7 @@ import { t as b } from "../../../locale/useLocale.js";
4
4
  import { useMessageDraft as k } from "../../../hooks/useMessageDraft.js";
5
5
  import "../../../hooks/useSearchModel.js";
6
6
  import "../../../hooks/useTheme.js";
7
+ import "../../../hooks/useEmojiNative.js";
7
8
  /* empty css */
8
9
  import S from "../../../_virtual/_plugin-vue_export-helper.js";
9
10
  /* empty css */
@@ -37,10 +38,10 @@ const x = {
37
38
  },
38
39
  emits: ["selectChannel"],
39
40
  setup(e, { emit: d }) {
40
- const m = e, h = f("chatAppId"), { getMessage: u } = k(h), p = d, t = C(m.channels.find((n) => n.type === "default")), _ = (n) => {
41
- t.value = n, p("selectChannel", t.value);
41
+ const m = e, h = f("chatAppId"), { getMessage: p } = k(h), u = d, t = C(m.channels.find((n) => n.type === "default")), _ = (n) => {
42
+ t.value = n, u("selectChannel", t.value);
42
43
  };
43
- return (n, N) => c(u)().isRecording ? l("", !0) : (s(), a("div", {
44
+ return (n, N) => c(p)().isRecording ? l("", !0) : (s(), a("div", {
44
45
  key: 0,
45
46
  class: o(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
46
47
  }, [
@@ -68,7 +69,7 @@ const x = {
68
69
  }, 8, ["actions", "mode", "disabled"])
69
70
  ], 2));
70
71
  }
71
- }, L = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
72
+ }, O = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
72
73
  export {
73
- L as default
74
+ O as default
74
75
  };
@@ -1,7 +1,8 @@
1
- import { inject as f, onMounted as T, createElementBlock as m, createCommentVNode as _, openBlock as s, createElementVNode as g, Fragment as y, renderList as v, toDisplayString as k } from "vue";
1
+ import { inject as f, onMounted as T, createElementBlock as n, createCommentVNode as _, openBlock as s, createElementVNode as g, Fragment as y, renderList as v, toDisplayString as k } from "vue";
2
2
  import "../../../hooks/useMessageDraft.js";
3
3
  import "../../../hooks/useSearchModel.js";
4
4
  import { useTheme as B } from "../../../hooks/useTheme.js";
5
+ import "../../../hooks/useEmojiNative.js";
5
6
  /* empty css */
6
7
  import I from "../../../_virtual/_plugin-vue_export-helper.js";
7
8
  /* empty css */
@@ -20,23 +21,23 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
20
21
  },
21
22
  emits: ["selectedTheme"],
22
23
  setup(c, { emit: a }) {
23
- const n = c, i = a, r = f("chatAppId"), { getTheme: p } = B(r), l = () => {
24
- const e = n.themes.find((t) => t.default === !0);
25
- return e ? e.code : n.themes[0].code;
24
+ const r = c, i = a, m = f("chatAppId"), { getTheme: p } = B(m), l = () => {
25
+ const e = r.themes.find((t) => t.default === !0);
26
+ return e ? e.code : r.themes[0].code;
26
27
  }, u = (e) => {
27
28
  const t = e.target.value;
28
29
  d(t);
29
30
  }, d = (e) => {
30
- r && (document.getElementById(r).dataset.theme = e, p().theme = e, i("selectedTheme", e));
31
+ m && (document.getElementById(m).dataset.theme = e, p().theme = e, i("selectedTheme", e));
31
32
  };
32
33
  return T(() => {
33
34
  const e = l();
34
35
  d(e);
35
- }), (e, t) => c.show ? (s(), m("div", x, [
36
+ }), (e, t) => c.show ? (s(), n("div", x, [
36
37
  g("select", {
37
38
  onChange: t[0] || (t[0] = (o) => u(o))
38
39
  }, [
39
- (s(!0), m(y, null, v(n.themes, (o, h) => (s(), m("option", {
40
+ (s(!0), n(y, null, v(r.themes, (o, h) => (s(), n("option", {
40
41
  key: h,
41
42
  value: o.code,
42
43
  selected: o.default === !0
@@ -44,7 +45,7 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
44
45
  ], 32)
45
46
  ])) : _("", !0);
46
47
  }
47
- }, q = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
48
+ }, z = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
48
49
  export {
49
- q as default
50
+ z as default
50
51
  };
@@ -3,6 +3,7 @@ import { uploadFile as z } from "../../../hooks/uploadFile/uploadFile.js";
3
3
  import { useMessageDraft as A } from "../../../hooks/useMessageDraft.js";
4
4
  import "../../../hooks/useSearchModel.js";
5
5
  import { useTheme as B } from "../../../hooks/useTheme.js";
6
+ import "../../../hooks/useEmojiNative.js";
6
7
  /* empty css */
7
8
  /* empty css */
8
9
  import { useModalVideoRecorder as S } from "../../../hooks/modals/useVideoRecorder.js";
@@ -16,7 +17,7 @@ const U = {
16
17
  }, N = {
17
18
  key: 1,
18
19
  class: "video-recorder__container"
19
- }, Q = /* @__PURE__ */ F({
20
+ }, W = /* @__PURE__ */ F({
20
21
  __name: "VideoRecorder",
21
22
  props: {
22
23
  state: {
@@ -93,5 +94,5 @@ const U = {
93
94
  }
94
95
  });
95
96
  export {
96
- Q as default
97
+ W as default
97
98
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./AudioMessage.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-93e83bfb"]]);
4
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1c34cd1c"]]);
5
5
  export {
6
6
  a as default
7
7
  };