@mobilon-dev/chotto 0.3.105 → 0.3.106

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 (27) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +3 -3
  3. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +39 -39
  4. package/dist/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue.js +7 -0
  5. package/dist/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue2.js +73 -0
  6. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +2 -2
  7. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +28 -28
  8. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +1 -1
  9. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +39 -39
  10. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +1 -1
  11. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +41 -41
  12. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
  13. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +28 -28
  14. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
  15. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +26 -26
  16. package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
  17. package/dist/components/3_compounds/Feed/Feed.vue2.js +249 -211
  18. package/dist/components/3_compounds/Feed/composables/useFeedGrouping.js +23 -20
  19. package/dist/components/3_compounds/Feed/composables/useFeedProgressiveRender.js +79 -0
  20. package/dist/index.js +212 -210
  21. package/dist/types/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue.d.ts +19 -0
  22. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +6 -0
  23. package/dist/types/components/3_compounds/Feed/composables/index.d.ts +1 -0
  24. package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts +3 -22
  25. package/dist/types/components/3_compounds/Feed/composables/useFeedProgressiveRender.d.ts +22 -0
  26. package/dist/types/components/index.d.ts +1 -0
  27. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  import o from "./VideoMessage.vue2.js";
2
2
  /* empty css */
3
- import e from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-720e983d"]]);
3
+ import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d144f0bf"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
@@ -2,13 +2,13 @@ import { defineComponent as Me, inject as xe, ref as p, computed as w, watch as
2
2
  import Se from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
3
3
  import Ce from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
4
4
  import Ae from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
5
- import Ie from "../BaseReplyMessage/BaseReplyMessage.vue.js";
5
+ import Ie from "../FeedReplyQuote/FeedReplyQuote.vue.js";
6
6
  import Ee from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
7
7
  import Le from "../MessageReactions/MessageReactions.vue.js";
8
8
  import D from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
9
- import Be from "../MessageSmsInvite/MessageSmsInvite.vue.js";
9
+ import Fe from "../MessageSmsInvite/MessageSmsInvite.vue.js";
10
10
  import Pe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
11
- import Fe from "../../1_atoms/Tooltip/Tooltip.vue.js";
11
+ import Be from "../../1_atoms/Tooltip/Tooltip.vue.js";
12
12
  import { useMessageActions as Ne } from "../../../hooks/messages/useMessageActions.js";
13
13
  import { useMessageHoverActions as Ue } from "../../../hooks/messages/useMessageHoverActions.js";
14
14
  import { useMessageMenuActions as Oe } from "../../../hooks/messages/useMessageMenuActions.js";
@@ -27,10 +27,10 @@ import "../../../locale/useLocale.js";
27
27
  import { buildReplyPayload as V } from "../../../hooks/messages/buildReplyPayload.js";
28
28
  import { getStatus as qe, getStatusTitle as ze } from "../../../functions/getStatusMessage.js";
29
29
  import { safeMediaPlayVoid as q } from "../../../functions/safeMediaPlay.js";
30
- import { getMessageClass as We } from "../../../functions/getMessageClass.js";
31
- import { createReactionHandlers as Ge } from "../../../functions/createReactionHandlers.js";
30
+ import { getMessageClass as Qe } from "../../../functions/getMessageClass.js";
31
+ import { createReactionHandlers as We } from "../../../functions/createReactionHandlers.js";
32
32
  import "../../../functions/parseMarkdown.js";
33
- const Je = ["messageId"], Ke = ["src"], Qe = {
33
+ const Ge = ["messageId"], Je = ["src"], Ke = {
34
34
  key: 1,
35
35
  class: "video-message__subtext"
36
36
  }, Xe = { class: "video-message__info-container" }, Ye = {
@@ -88,32 +88,32 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
88
88
  },
89
89
  emits: ["action", "reply", "sms-invite"],
90
90
  setup(e, { emit: z }) {
91
- const A = xe("chatAppId"), { getTheme: I } = Ve(A || ""), { menuActions: h } = Oe(() => a.message), { hoverActionsEnabled: W, reactionsActive: G } = Ue(
91
+ const A = xe("chatAppId"), { getTheme: I } = Ve(A || ""), { menuActions: h } = Oe(() => a.message), { hoverActionsEnabled: Q, reactionsActive: W } = Ue(
92
92
  () => a.channel,
93
93
  () => a.reactionsEnabled,
94
94
  () => a.message
95
- ), { startReply: J } = De(A || ""), a = e, x = z;
95
+ ), { startReply: G } = De(A || ""), a = e, x = z;
96
96
  function R(u) {
97
- return We(u.position, "video-message");
97
+ return Qe(u.position, "video-message");
98
98
  }
99
- const E = p(), g = p(), T = p(!1), v = p(!1), { linkedHtml: K, inNewWindow: L } = $e(() => a.message.text), {
100
- isOpenMenu: Q,
99
+ const E = p(), g = p(), T = p(!1), v = p(!1), { linkedHtml: J, inNewWindow: L } = $e(() => a.message.text), {
100
+ isOpenMenu: K,
101
101
  buttonMenuVisible: X,
102
102
  menuAnchorRef: Y,
103
103
  menuRef: Z,
104
104
  menuStyle: _,
105
105
  menuTheme: ee,
106
106
  showMenu: se,
107
- hideMenu: B,
107
+ hideMenu: F,
108
108
  openMenu: te,
109
109
  toggleMenu: P,
110
110
  onMenuMouseEnter: ae,
111
111
  onMenuMouseLeave: oe,
112
112
  clickAction: ne,
113
- viewsAction: F,
113
+ viewsAction: B,
114
114
  handleClickReplied: ie
115
115
  } = Ne(a.message, x, {
116
- onReply: () => J(V(a.message, "message.video"))
116
+ onReply: () => G(V(a.message, "message.video"))
117
117
  }), le = () => {
118
118
  se(), v.value = !0;
119
119
  }, N = w(() => qe(a.message.status)), U = w(() => ze(a.message.status, a.message.statusMsg)), { bubbleStyle: me } = je(
@@ -125,7 +125,7 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
125
125
  Re([E, g], ([u, t]) => {
126
126
  u ? t && (t.pause(), t.currentTime = 0) : t && (t.currentTime = 0, q(t));
127
127
  });
128
- const ue = w(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), de = () => T.value = !1, { onToggleReaction: ce, onAddReaction: ge, onRemoveReaction: ve } = Ge(x), fe = async () => {
128
+ const ue = w(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), de = () => T.value = !1, { onToggleReaction: ce, onAddReaction: ge, onRemoveReaction: ve } = We(x), fe = async () => {
129
129
  var u, t;
130
130
  if (a.message.url)
131
131
  try {
@@ -165,7 +165,7 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
165
165
  messageId: e.message.messageId,
166
166
  style: C(s(me)),
167
167
  onMouseleave: t[5] || (t[5] = //@ts-ignore
168
- (...n) => s(B) && s(B)(...n))
168
+ (...n) => s(F) && s(F)(...n))
169
169
  }, [
170
170
  e.message.avatar && e.isFirstInSeries ? (o(), m("img", {
171
171
  key: 0,
@@ -173,9 +173,9 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
173
173
  src: e.message.avatar,
174
174
  height: "32",
175
175
  width: "32"
176
- }, null, 8, Ke)) : l("", !0),
177
- e.message.subText && e.isFirstInSeries ? (o(), m("p", Qe, [
178
- r(Fe, {
176
+ }, null, 8, Je)) : l("", !0),
177
+ e.message.subText && e.isFirstInSeries ? (o(), m("p", Ke, [
178
+ r(Be, {
179
179
  text: s(ye),
180
180
  position: e.message.position === "left" ? "right" : "left",
181
181
  offset: 8
@@ -237,7 +237,7 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
237
237
  class: "video-message__views",
238
238
  onClick: t[0] || (t[0] = j(
239
239
  //@ts-ignore
240
- (...n) => s(F) && s(F)(...n),
240
+ (...n) => s(B) && s(B)(...n),
241
241
  ["stop"]
242
242
  ))
243
243
  }, [
@@ -272,7 +272,7 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
272
272
  ], 32),
273
273
  r(b, { name: "modal-fade" }, {
274
274
  default: c(() => [
275
- s(X) && s(h).length && !e.reactionsEnabled && s(W) ? (o(), m("button", {
275
+ s(X) && s(h).length && !e.reactionsEnabled && s(Q) ? (o(), m("button", {
276
276
  key: 0,
277
277
  class: "video-message__menu-button",
278
278
  onClick: t[3] || (t[3] = //@ts-ignore
@@ -286,7 +286,7 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
286
286
  (o(), d(H, { to: "body" }, [
287
287
  r(b, { name: "context-menu" }, {
288
288
  default: c(() => [
289
- s(Q) && s(h).length ? (o(), d(Se, {
289
+ s(K) && s(h).length ? (o(), d(Se, {
290
290
  key: 0,
291
291
  ref_key: "menuRef",
292
292
  ref: Z,
@@ -306,10 +306,10 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
306
306
  i("p", {
307
307
  onClick: t[4] || (t[4] = //@ts-ignore
308
308
  (...n) => s(L) && s(L)(...n)),
309
- innerHTML: s(K)
309
+ innerHTML: s(J)
310
310
  }, null, 8, ts)
311
311
  ])) : l("", !0),
312
- r(Be, {
312
+ r(Fe, {
313
313
  status: e.message.status,
314
314
  "has-messenger-account": e.message.hasMessengerAccount,
315
315
  channel: e.channel,
@@ -329,7 +329,7 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
329
329
  reactions: e.message.reactions,
330
330
  "message-id": e.message.messageId,
331
331
  reply: s(V)(e.message, "message.video"),
332
- enabled: s(G),
332
+ enabled: s(W),
333
333
  mode: e.reactionsMode,
334
334
  "current-user-id": e.currentUserId,
335
335
  "reaction-user-names": e.reactionUserNames,
@@ -341,7 +341,7 @@ const Je = ["messageId"], Ke = ["src"], Qe = {
341
341
  }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
342
342
  ], 64))
343
343
  ], 2)
344
- ], 46, Je),
344
+ ], 46, Ge),
345
345
  (o(), d(H, { to: "body" }, [
346
346
  r(b, { name: "modal-fade" }, {
347
347
  default: c(() => [
@@ -1,7 +1,7 @@
1
1
  import o from "./Feed.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d2c83c5"]]);
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-203409cd"]]);
5
5
  export {
6
- m as default
6
+ p as default
7
7
  };