@mobilon-dev/chotto 0.3.45 → 0.3.46

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 (28) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js +1 -1
  3. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +72 -67
  4. package/dist/components/2_chatlist_elements/ChatItem/icons/MissedCallIcon.vue.js +34 -0
  5. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +1 -1
  6. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +94 -89
  7. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +2 -2
  8. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +90 -85
  9. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +2 -2
  10. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +97 -92
  11. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +2 -2
  12. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +91 -86
  13. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
  14. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +70 -65
  15. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
  16. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +93 -88
  17. package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
  18. package/dist/components/3_compounds/Feed/Feed.vue2.js +167 -154
  19. package/dist/types/apps/data/chats.d.ts +5 -2
  20. package/dist/types/components/2_chatlist_elements/ChatItem/icons/MissedCallIcon.vue.d.ts +2 -0
  21. package/dist/types/components/2_chatlist_elements/ChatItem/icons/index.d.ts +7 -0
  22. package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +11 -0
  23. package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +11 -0
  24. package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +11 -0
  25. package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +11 -0
  26. package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +11 -0
  27. package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +11 -0
  28. package/package.json +1 -1
@@ -1,27 +1,27 @@
1
- import { defineComponent as z, computed as y, createElementBlock as r, openBlock as o, unref as s, normalizeStyle as k, normalizeClass as u, createCommentVNode as l, createElementVNode as n, createVNode as d, withCtx as T, createTextVNode as p, toDisplayString as f, createBlock as b, withModifiers as W, Transition as G } from "vue";
2
- import J from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
3
- import K from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
4
- import Q from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
5
- import X from "../BaseReplyMessage/BaseReplyMessage.vue.js";
6
- import Y from "../MessageReactions/MessageReactions.vue.js";
7
- import Z from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
8
- import _ from "../MessageSmsInvite/MessageSmsInvite.vue.js";
9
- import ee from "../../1_atoms/Tooltip/Tooltip.vue.js";
10
- import { useMessageActions as se } from "../../../hooks/messages/useMessageActions.js";
11
- import { useMessageLinks as te } from "../../../hooks/messages/useMessageLinks.js";
12
- import { useChannelAccentColor as ae } from "../../../hooks/messages/useChannelAccentColor.js";
13
- import { useSubtextTooltip as ie } from "../../../hooks/messages/useSubtextTooltip.js";
14
- import { getStatus as ne, getStatusTitle as oe } from "../../../functions/getStatusMessage.js";
1
+ import { defineComponent as D, computed as y, createElementBlock as r, openBlock as l, unref as t, normalizeStyle as k, normalizeClass as u, createCommentVNode as o, createElementVNode as n, createVNode as d, withCtx as T, createTextVNode as z, toDisplayString as f, createBlock as b, withModifiers as W, Transition as p } from "vue";
2
+ import G from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
3
+ import J from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
4
+ import K from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
5
+ import Q from "../BaseReplyMessage/BaseReplyMessage.vue.js";
6
+ import X from "../MessageReactions/MessageReactions.vue.js";
7
+ import Y from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
8
+ import Z from "../MessageSmsInvite/MessageSmsInvite.vue.js";
9
+ import _ from "../../1_atoms/Tooltip/Tooltip.vue.js";
10
+ import { useMessageActions as ee } from "../../../hooks/messages/useMessageActions.js";
11
+ import { useMessageLinks as se } from "../../../hooks/messages/useMessageLinks.js";
12
+ import { useChannelAccentColor as te } from "../../../hooks/messages/useChannelAccentColor.js";
13
+ import { useSubtextTooltip as ae } from "../../../hooks/messages/useSubtextTooltip.js";
14
+ import { getStatus as ie, getStatusTitle as ne } from "../../../functions/getStatusMessage.js";
15
15
  import { getMessageClass as le } from "../../../functions/getMessageClass.js";
16
- import { createReactionHandlers as me } from "../../../functions/createReactionHandlers.js";
16
+ import { createReactionHandlers as oe } from "../../../functions/createReactionHandlers.js";
17
17
  import "../../../functions/parseMarkdown.js";
18
- const re = ["messageId"], ge = ["src"], ce = {
18
+ const me = ["messageId"], re = ["src"], ge = {
19
19
  key: 1,
20
20
  class: "file-message__subtext"
21
- }, ue = ["href"], de = { class: "file-message__filename-text" }, fe = {
21
+ }, ce = ["href"], ue = { class: "file-message__filename-text" }, de = {
22
22
  key: 1,
23
23
  class: "file-message__text-container"
24
- }, be = ["innerHTML"], we = { class: "file-message__info-container" }, ve = { class: "file-message__time" }, Ve = /* @__PURE__ */ z({
24
+ }, fe = ["innerHTML"], be = { class: "file-message__info-container" }, ve = { class: "file-message__time" }, Ue = /* @__PURE__ */ D({
25
25
  __name: "FileMessage",
26
26
  props: {
27
27
  message: {
@@ -44,26 +44,31 @@ const re = ["messageId"], ge = ["src"], ce = {
44
44
  type: Object,
45
45
  required: !1,
46
46
  default: () => ({})
47
+ },
48
+ channel: {
49
+ type: String,
50
+ required: !1,
51
+ default: void 0
47
52
  }
48
53
  },
49
54
  emits: ["action", "reply", "sms-invite"],
50
55
  setup(e, { emit: I }) {
51
- const a = e, w = I, { linkedHtml: L, inNewWindow: h } = te(() => a.message.text), {
52
- isOpenMenu: v,
56
+ const a = e, v = I, { linkedHtml: L, inNewWindow: h } = se(() => a.message.text), {
57
+ isOpenMenu: w,
53
58
  buttonMenuVisible: A,
54
59
  showMenu: R,
55
- hideMenu: C,
60
+ hideMenu: S,
56
61
  clickAction: E,
57
- viewsAction: S,
62
+ viewsAction: x,
58
63
  handleClickReplied: F
59
- } = se(a.message, w), B = y(() => ne(a.message.status)), O = y(() => oe(a.message.status, a.message.statusMsg)), { bubbleStyle: U, messageChannelId: V } = ae(
64
+ } = ee(a.message, v), B = y(() => ie(a.message.status)), O = y(() => ne(a.message.status, a.message.statusMsg)), { bubbleStyle: U } = te(
60
65
  y(() => a.message),
61
66
  { cssVariable: "--chotto-filemessage-right-bg", position: "right" }
62
67
  );
63
- function x(m) {
68
+ function C(m) {
64
69
  return le(m.position, "file-message");
65
70
  }
66
- const { onToggleReaction: H, onAddReaction: N, onRemoveReaction: P } = me(w), j = async () => {
71
+ const { onToggleReaction: V, onAddReaction: H, onRemoveReaction: N } = oe(v), P = async () => {
67
72
  if (a.message.url)
68
73
  try {
69
74
  const m = new URL(a.message.url, window.location.href);
@@ -80,135 +85,135 @@ const re = ["messageId"], ge = ["src"], ce = {
80
85
  } catch (m) {
81
86
  console.error("Ошибка при скачивании файла:", m), window.open(a.message.url, "_blank");
82
87
  }
83
- }, $ = ie(() => a.message, () => a.subtextTooltipData);
84
- function D() {
85
- w("sms-invite", a.message);
88
+ }, j = ae(() => a.message, () => a.subtextTooltipData);
89
+ function $() {
90
+ v("sms-invite", a.message);
86
91
  }
87
- return (m, t) => (o(), r("div", {
92
+ return (m, s) => (l(), r("div", {
88
93
  class: u(["file-message", [
89
- x(e.message),
94
+ C(e.message),
90
95
  e.applyStyle(e.message)
91
96
  ]]),
92
97
  messageId: e.message.messageId,
93
- style: k(s(U)),
94
- onMouseleave: t[4] || (t[4] = //@ts-ignore
95
- (...i) => s(C) && s(C)(...i))
98
+ style: k(t(U)),
99
+ onMouseleave: s[4] || (s[4] = //@ts-ignore
100
+ (...i) => t(S) && t(S)(...i))
96
101
  }, [
97
- e.message.avatar && e.isFirstInSeries ? (o(), r("img", {
102
+ e.message.avatar && e.isFirstInSeries ? (l(), r("img", {
98
103
  key: 0,
99
104
  class: "file-message__avatar",
100
105
  src: e.message.avatar,
101
106
  height: "32",
102
107
  width: "32",
103
108
  style: k({ gridRow: e.message.subText ? "2" : "1" })
104
- }, null, 12, ge)) : l("", !0),
105
- e.message.subText && e.isFirstInSeries ? (o(), r("p", ce, [
106
- d(ee, {
107
- text: s($),
109
+ }, null, 12, re)) : o("", !0),
110
+ e.message.subText && e.isFirstInSeries ? (l(), r("p", ge, [
111
+ d(_, {
112
+ text: t(j),
108
113
  position: e.message.position === "left" ? "right" : "left",
109
114
  offset: 8
110
115
  }, {
111
116
  default: T(() => [
112
- p(f(e.message.subText), 1)
117
+ z(f(e.message.subText), 1)
113
118
  ]),
114
119
  _: 1
115
120
  }, 8, ["text", "position"])
116
- ])) : l("", !0),
121
+ ])) : o("", !0),
117
122
  n("div", {
118
123
  class: u(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
119
124
  style: k({ gridRow: e.message.subText ? "2" : "1" }),
120
- onMouseenter: t[3] || (t[3] = //@ts-ignore
121
- (...i) => s(R) && s(R)(...i))
125
+ onMouseenter: s[3] || (s[3] = //@ts-ignore
126
+ (...i) => t(R) && t(R)(...i))
122
127
  }, [
123
- e.message.reply ? (o(), b(X, {
128
+ e.message.reply ? (l(), b(Q, {
124
129
  key: 0,
125
130
  message: e.message.reply,
126
131
  class: u(e.message.position),
127
- onReply: s(F)
128
- }, null, 8, ["message", "class", "onReply"])) : l("", !0),
132
+ onReply: t(F)
133
+ }, null, 8, ["message", "class", "onReply"])) : o("", !0),
129
134
  n("a", {
130
135
  class: "file-message__link",
131
136
  href: e.message.url,
132
- onClick: W(j, ["prevent"])
137
+ onClick: W(P, ["prevent"])
133
138
  }, [
134
- t[5] || (t[5] = n("span", { class: "pi pi-file" }, null, -1)),
135
- n("p", de, f(e.message.filename), 1),
136
- t[6] || (t[6] = n("div", { class: "file-message__download-button" }, [
139
+ s[5] || (s[5] = n("span", { class: "pi pi-file" }, null, -1)),
140
+ n("p", ue, f(e.message.filename), 1),
141
+ s[6] || (s[6] = n("div", { class: "file-message__download-button" }, [
137
142
  n("span", { class: "pi pi-download" })
138
143
  ], -1))
139
- ], 8, ue),
140
- e.message.text ? (o(), r("div", fe, [
144
+ ], 8, ce),
145
+ e.message.text ? (l(), r("div", de, [
141
146
  n("p", {
142
- onClick: t[0] || (t[0] = //@ts-ignore
143
- (...i) => s(h) && s(h)(...i)),
144
- innerHTML: s(L)
145
- }, null, 8, be)
146
- ])) : l("", !0),
147
- e.message.linkPreview ? (o(), b(K, {
147
+ onClick: s[0] || (s[0] = //@ts-ignore
148
+ (...i) => t(h) && t(h)(...i)),
149
+ innerHTML: t(L)
150
+ }, null, 8, fe)
151
+ ])) : o("", !0),
152
+ e.message.linkPreview ? (l(), b(J, {
148
153
  key: 2,
149
154
  class: u(e.message.position),
150
155
  "link-preview": e.message.linkPreview
151
- }, null, 8, ["class", "link-preview"])) : l("", !0),
152
- e.message.embed ? (o(), b(Q, {
156
+ }, null, 8, ["class", "link-preview"])) : o("", !0),
157
+ e.message.embed ? (l(), b(K, {
153
158
  key: 3,
154
159
  class: u(e.message.position),
155
160
  embed: e.message.embed
156
- }, null, 8, ["class", "embed"])) : l("", !0),
157
- d(Y, {
161
+ }, null, 8, ["class", "embed"])) : o("", !0),
162
+ d(X, {
158
163
  reactions: e.message.reactions,
159
164
  "message-id": e.message.messageId,
160
165
  enabled: e.reactionsEnabled,
161
- onToggleReaction: s(H),
162
- onAddReaction: s(N),
163
- onRemoveReaction: s(P)
166
+ onToggleReaction: t(V),
167
+ onAddReaction: t(H),
168
+ onRemoveReaction: t(N)
164
169
  }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
165
- n("div", we, [
166
- e.message.views ? (o(), r("div", {
170
+ n("div", be, [
171
+ e.message.views ? (l(), r("div", {
167
172
  key: 0,
168
173
  class: "file-message__views",
169
- onClick: t[1] || (t[1] = //@ts-ignore
170
- (...i) => s(S) && s(S)(...i))
174
+ onClick: s[1] || (s[1] = //@ts-ignore
175
+ (...i) => t(x) && t(x)(...i))
171
176
  }, [
172
- t[7] || (t[7] = n("span", { class: "pi pi-eye" }, null, -1)),
177
+ s[7] || (s[7] = n("span", { class: "pi pi-eye" }, null, -1)),
173
178
  n("p", null, f(e.message.views), 1)
174
- ])) : l("", !0),
179
+ ])) : o("", !0),
175
180
  n("span", ve, f(e.message.time), 1),
176
- d(Z, {
181
+ d(Y, {
177
182
  "base-class": "file-message",
178
- "message-class": x(e.message),
183
+ "message-class": C(e.message),
179
184
  "message-status": e.message.status,
180
185
  "status-class": B.value,
181
186
  "status-title": O.value
182
187
  }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
183
188
  ]),
184
- d(_, {
189
+ d(Z, {
185
190
  status: e.message.status,
186
191
  "has-messenger-account": e.message.hasMessengerAccount,
187
- channel: s(V),
188
- onSmsInvite: D
192
+ channel: e.channel,
193
+ onSmsInvite: $
189
194
  }, null, 8, ["status", "has-messenger-account", "channel"]),
190
- s(A) && e.message.actions ? (o(), r("button", {
195
+ t(A) && e.message.actions ? (l(), r("button", {
191
196
  key: 4,
192
197
  class: "file-message__menu-button",
193
- onClick: t[2] || (t[2] = (i) => v.value = !s(v))
194
- }, [...t[8] || (t[8] = [
198
+ onClick: s[2] || (s[2] = (i) => w.value = !t(w))
199
+ }, [...s[8] || (s[8] = [
195
200
  n("span", { class: "pi pi-ellipsis-h" }, null, -1)
196
- ])])) : l("", !0),
197
- d(G, null, {
201
+ ])])) : o("", !0),
202
+ d(p, null, {
198
203
  default: T(() => [
199
- s(v) && e.message.actions ? (o(), b(J, {
204
+ t(w) && e.message.actions ? (l(), b(G, {
200
205
  key: 0,
201
206
  class: "file-message__context-menu",
202
207
  actions: e.message.actions,
203
- onClick: s(E)
204
- }, null, 8, ["actions", "onClick"])) : l("", !0)
208
+ onClick: t(E)
209
+ }, null, 8, ["actions", "onClick"])) : o("", !0)
205
210
  ]),
206
211
  _: 1
207
212
  })
208
213
  ], 38)
209
- ], 46, re));
214
+ ], 46, me));
210
215
  }
211
216
  });
212
217
  export {
213
- Ve as default
218
+ Ue as default
214
219
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./ImageMessage.vue2.js";
2
2
  /* empty css */
3
- import a from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-af30b58d"]]);
3
+ import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b76d8f98"]]);
5
5
  export {
6
6
  r as default
7
7
  };