@mobilon-dev/chotto 0.3.103 → 0.3.105

package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js

@@ -1,48 +1,49 @@
-import { defineComponent as ue, inject as re, ref as ge, computed as u, createElementBlock as l, openBlock as s, unref as t, normalizeStyle as h, normalizeClass as c, createCommentVNode as o, createElementVNode as m, createVNode as f, withCtx as x, createTextVNode as de, toDisplayString as r, Fragment as k, createBlock as g, createSlots as ce, renderList as fe, Teleport as ye, Transition as ve } from "vue";
-import xe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import be from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import he from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ke from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Me from "../MessageReactions/MessageReactions.vue.js";
-import L from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Re from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Se from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import B from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Te } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageMenuActions as Ie } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as we } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Ce } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Ee } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as pe } from "../../../hooks/messages/useStartReply.js";
-import { useStartEdit as Ae } from "../../../hooks/messages/useStartEdit.js";
-import { buildReplyPayload as N } from "../../../hooks/messages/buildReplyPayload.js";
-import { buildEditPayload as Fe } from "../../../hooks/messages/buildEditPayload.js";
-import { getEditTooltipLines as Le } from "../../../hooks/messages/getEditTooltipLines.js";
-import { getDeletedTooltipLines as Be } from "../../../hooks/messages/getDeletedOriginalText.js";
-import { getStatus as Ne, getStatusTitle as Pe } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ve } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as De } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as ge, inject as ce, ref as de, computed as r, createElementBlock as l, openBlock as s, unref as t, normalizeStyle as h, normalizeClass as d, createCommentVNode as i, createElementVNode as m, createVNode as f, withCtx as x, createTextVNode as fe, toDisplayString as u, Fragment as M, createBlock as g, createSlots as ve, renderList as ye, Teleport as xe, Transition as be } from "vue";
+import he from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Me from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ke from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Re from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Se from "../MessageReactions/MessageReactions.vue.js";
+import B from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Te from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Ie from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import N from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as pe } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as we } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageMenuActions as Ae } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Ce } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Ee } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Fe } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as Le } from "../../../hooks/messages/useStartReply.js";
+import { useStartEdit as Be } from "../../../hooks/messages/useStartEdit.js";
+import { buildReplyPayload as H } from "../../../hooks/messages/buildReplyPayload.js";
+import { buildEditPayload as Ne } from "../../../hooks/messages/buildEditPayload.js";
+import { getEditTooltipLines as He } from "../../../hooks/messages/getEditTooltipLines.js";
+import { getDeletedTooltipLines as Pe } from "../../../hooks/messages/getDeletedOriginalText.js";
+import { getStatus as Ve, getStatusTitle as De } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as je } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as qe } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-import { useLocale as He } from "../../../locale/useLocale.js";
-const je = ["messageId"], qe = ["src"], Oe = {
+import { useLocale as Oe } from "../../../locale/useLocale.js";
+const Ue = ["messageId"], $e = ["src"], ze = {
   key: 1,
   class: "text-message__subtext"
-}, Ue = { class: "text-message__footer" }, $e = { class: "text-message__info-container" }, ze = {
+}, We = { class: "text-message__footer" }, Ge = { class: "text-message__info-container" }, Je = {
   key: 0,
   class: "text-message__time"
-}, We = ["innerHTML"], Ge = { class: "text-message__footer" }, Je = { class: "text-message__info-container" }, Ke = { class: "text-message__edit-tooltip" }, Qe = {
+}, Ke = ["innerHTML"], Qe = { class: "text-message__footer" }, Xe = { class: "text-message__info-container" }, Ye = { class: "text-message__edit-tooltip" }, Ze = {
   key: 0,
   class: "text-message__edit-tooltip-original"
-}, Xe = {
+}, _e = {
   key: 0,
   class: "text-message__edit-tooltip-original"
-}, Ye = {
+}, et = {
   key: 1,
   class: "text-message__edit-tooltip-meta"
-}, Ze = {
+}, tt = {
   key: 2,
   class: "text-message__time"
-}, It = /* @__PURE__ */ ue({
+}, Ct = /* @__PURE__ */ ge({
   __name: "TextMessage",
   props: {
     message: {
@@ -87,60 +88,64 @@ const je = ["messageId"], qe = ["src"], Oe = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: P }) {
-    const a = e, y = P, { t: V } = He(), { linkedHtml: D, inNewWindow: M } = we(() => a.message.text), { menuActions: v } = Ie(() => a.message), R = re("chatAppId"), { startReply: H } = pe(R || ""), { startEdit: j } = Ae(R || ""), S = ge(!1), {
-      isOpenMenu: q,
-      buttonMenuVisible: O,
-      menuAnchorRef: U,
-      menuRef: $,
-      menuStyle: z,
-      menuTheme: W,
-      showMenu: T,
-      hideMenu: I,
-      openMenu: G,
+    const a = e, v = P, { t: V } = Oe(), { linkedHtml: D, inNewWindow: k } = Ce(() => a.message.text), { menuActions: y } = Ae(() => a.message), { hoverActionsEnabled: R, reactionsActive: S } = we(
+      () => a.channel,
+      () => a.reactionsEnabled,
+      () => a.message
+    ), T = ce("chatAppId"), { startReply: j } = Le(T || ""), { startEdit: q } = Be(T || ""), I = de(!1), {
+      isOpenMenu: O,
+      buttonMenuVisible: U,
+      menuAnchorRef: $,
+      menuRef: z,
+      menuStyle: W,
+      menuTheme: G,
+      showMenu: J,
+      hideMenu: p,
+      openMenu: K,
       toggleMenu: w,
-      onMenuMouseEnter: J,
-      onMenuMouseLeave: K,
-      clickAction: Q,
-      viewsAction: C,
-      handleClickReplied: X
-    } = Te(a.message, y, {
-      onReply: () => H(N(a.message, "message.text")),
-      onEdit: () => j(Fe(a.message, "message.text"))
-    }), E = u(() => Ne(a.message.status)), p = u(() => Pe(a.message.status, a.message.statusMsg)), Y = u(() => V("component.TextMessage.edited")), d = u(() => Le(a.message.edited)), Z = u(
-      () => !!(d.value.original || d.value.edits.length)
-    ), A = u(() => Be(a.message)), _ = {
+      onMenuMouseEnter: Q,
+      onMenuMouseLeave: X,
+      clickAction: Y,
+      viewsAction: A,
+      handleClickReplied: Z
+    } = pe(a.message, v, {
+      onReply: () => j(H(a.message, "message.text")),
+      onEdit: () => q(Ne(a.message, "message.text"))
+    }), C = r(() => Ve(a.message.status)), E = r(() => De(a.message.status, a.message.statusMsg)), _ = r(() => V("component.TextMessage.edited")), c = r(() => He(a.message.edited)), ee = r(
+      () => !!(c.value.original || c.value.edits.length)
+    ), F = r(() => Pe(a.message)), te = {
       "--chotto-tooltip-border": "1px solid #5F5F5F"
-    }, { bubbleStyle: ee } = Ce(
-      u(() => a.message),
+    }, { bubbleStyle: se } = Ee(
+      r(() => a.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
-    function b(F) {
-      return Ve(F.position, "text-message");
+    function b(L) {
+      return je(L.position, "text-message");
     }
-    const { onToggleReaction: te, onAddReaction: se, onRemoveReaction: ae } = De(y), ne = Ee(() => a.message, () => a.subtextTooltipData), ie = u(
+    const { onToggleReaction: ae, onAddReaction: ne, onRemoveReaction: ie } = qe(v), oe = Fe(() => a.message, () => a.subtextTooltipData), le = r(
       () => a.message.status === "error" && a.message.hasMessengerAccount === !1
     );
-    function oe() {
-      y("sms-invite", a.message);
+    function me() {
+      v("sms-invite", a.message);
     }
-    function le() {
-      S.value || !a.message.edited || (S.value = !0, y("action", {
+    function re() {
+      I.value || !a.message.edited || (I.value = !0, v("action", {
         action: "fetchEditInfo",
         messageId: a.message.messageId,
         type: "editInfo"
       }));
     }
-    return (F, n) => (s(), l("div", {
+    return (L, n) => (s(), l("div", {
       ref_key: "menuAnchorRef",
-      ref: U,
-      class: c(["text-message", [
+      ref: $,
+      class: d(["text-message", [
         b(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: h(t(ee)),
+      style: h(t(se)),
       onMouseleave: n[4] || (n[4] = //@ts-ignore
-      (...i) => t(I) && t(I)(...i))
+      (...o) => t(p) && t(p)(...o))
     }, [
       e.message.avatar && e.isFirstInSeries ? (s(), l("img", {
         key: 0,
@@ -149,180 +154,179 @@ const je = ["messageId"], qe = ["src"], Oe = {
         height: "32",
         width: "32",
         style: h({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
-      }, null, 12, qe)) : o("", !0),
-      e.message.subText && e.isFirstInSeries ? (s(), l("p", Oe, [
-        f(B, {
-          text: t(ne),
+      }, null, 12, $e)) : i("", !0),
+      e.message.subText && e.isFirstInSeries ? (s(), l("p", ze, [
+        f(N, {
+          text: t(oe),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
           default: x(() => [
-            de(r(e.message.subText), 1)
+            fe(u(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : o("", !0),
+      ])) : i("", !0),
       m("div", {
-        class: c(["text-message__content", {
+        class: d(["text-message__content", {
           "is-first": e.isFirstInSeries,
           "with-avatar-indent": !e.isFirstInSeries && e.message.avatar,
           "has-reply": !!e.message.reply
         }]),
-        onMouseenter: n[3] || (n[3] = //@ts-ignore
-        (...i) => t(T) && t(T)(...i))
+        onMouseenter: n[3] || (n[3] = (o) => t(R) && t(J)())
       }, [
         n[7] || (n[7] = m("div", {
           class: "text-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        e.message.deleted ? (s(), l(k, { key: 0 }, [
-          f(Se, {
-            "original-text": A.value.original,
-            meta: A.value.meta
+        e.message.deleted ? (s(), l(M, { key: 0 }, [
+          f(Ie, {
+            "original-text": F.value.original,
+            meta: F.value.meta
           }, null, 8, ["original-text", "meta"]),
-          m("div", Ue, [
-            m("div", $e, [
-              e.message.time ? (s(), l("span", ze, r(e.message.time), 1)) : o("", !0),
-              f(L, {
+          m("div", We, [
+            m("div", Ge, [
+              e.message.time ? (s(), l("span", Je, u(e.message.time), 1)) : i("", !0),
+              f(B, {
                 "base-class": "text-message",
                 "message-class": b(e.message),
                 "message-status": e.message.status,
-                "status-class": E.value,
-                "status-title": p.value
+                "status-class": C.value,
+                "status-title": E.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ])
-        ], 64)) : (s(), l(k, { key: 1 }, [
-          e.message.reply ? (s(), g(ke, {
+        ], 64)) : (s(), l(M, { key: 1 }, [
+          e.message.reply ? (s(), g(Re, {
             key: 0,
-            class: c(e.message.position),
+            class: d(e.message.position),
             message: e.message.reply,
-            onReply: t(X)
-          }, null, 8, ["class", "message", "onReply"])) : o("", !0),
+            onReply: t(Z)
+          }, null, 8, ["class", "message", "onReply"])) : i("", !0),
           m("p", {
             class: "text-message__text",
             onClick: n[0] || (n[0] = //@ts-ignore
-            (...i) => t(M) && t(M)(...i)),
+            (...o) => t(k) && t(k)(...o)),
             innerHTML: t(D)
-          }, null, 8, We),
-          e.message.linkPreview ? (s(), g(be, {
+          }, null, 8, Ke),
+          e.message.linkPreview ? (s(), g(Me, {
             key: 1,
-            class: c(e.message.position),
+            class: d(e.message.position),
             "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : o("", !0),
-          e.message.embed ? (s(), g(he, {
+          }, null, 8, ["class", "link-preview"])) : i("", !0),
+          e.message.embed ? (s(), g(ke, {
             key: 2,
-            class: c(e.message.position),
+            class: d(e.message.position),
             embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : o("", !0),
-          m("div", Ge, [
-            e.reactionsEnabled ? (s(), g(Me, {
+          }, null, 8, ["class", "embed"])) : i("", !0),
+          m("div", Qe, [
+            t(S) ? (s(), g(Se, {
               key: 0,
               reactions: e.message.reactions,
               "message-id": e.message.messageId,
-              reply: t(N)(e.message, "message.text"),
-              enabled: e.reactionsEnabled,
+              reply: t(H)(e.message, "message.text"),
+              enabled: t(S),
               mode: e.reactionsMode,
               "current-user-id": e.currentUserId,
               "reaction-user-names": e.reactionUserNames,
-              "menu-enabled": t(v).length > 0,
-              onToggleReaction: t(te),
-              onAddReaction: t(se),
-              onRemoveReaction: t(ae),
-              onMenu: t(G)
-            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])) : o("", !0),
-            m("div", Je, [
+              "menu-enabled": t(y).length > 0,
+              onToggleReaction: t(ae),
+              onAddReaction: t(ne),
+              onRemoveReaction: t(ie),
+              onMenu: t(K)
+            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])) : i("", !0),
+            m("div", Xe, [
               e.message.views ? (s(), l("div", {
                 key: 0,
                 class: "text-message__views",
                 onClick: n[1] || (n[1] = //@ts-ignore
-                (...i) => t(C) && t(C)(...i))
+                (...o) => t(A) && t(A)(...o))
               }, [
                 n[5] || (n[5] = m("span", { class: "pi pi-eye" }, null, -1)),
-                m("p", null, r(e.message.views), 1)
-              ])) : o("", !0),
-              e.message.edited ? (s(), g(B, {
+                m("p", null, u(e.message.views), 1)
+              ])) : i("", !0),
+              e.message.edited ? (s(), g(N, {
                 key: 1,
                 position: "bottom-right",
                 offset: 8,
                 delay: 400,
                 "max-width": "280px",
-                "bubble-style": _
-              }, ce({
+                "bubble-style": te
+              }, ve({
                 default: x(() => [
                   m("span", {
                     class: "text-message__edited",
-                    onMouseenter: le
-                  }, r(Y.value), 33)
+                    onMouseenter: re
+                  }, u(_.value), 33)
                 ]),
                 _: 2
               }, [
-                Z.value ? {
+                ee.value ? {
                   name: "content",
                   fn: x(() => [
-                    m("div", Ke, [
-                      d.value.original ? (s(), l("div", Qe, r(d.value.original), 1)) : o("", !0),
-                      (s(!0), l(k, null, fe(d.value.edits, (i, me) => (s(), l("div", {
-                        key: `${i.text}-${i.meta}-${me}`,
+                    m("div", Ye, [
+                      c.value.original ? (s(), l("div", Ze, u(c.value.original), 1)) : i("", !0),
+                      (s(!0), l(M, null, ye(c.value.edits, (o, ue) => (s(), l("div", {
+                        key: `${o.text}-${o.meta}-${ue}`,
                         class: "text-message__edit-tooltip-entry"
                       }, [
-                        i.text ? (s(), l("div", Xe, r(i.text), 1)) : o("", !0),
-                        i.meta ? (s(), l("div", Ye, r(i.meta), 1)) : o("", !0)
+                        o.text ? (s(), l("div", _e, u(o.text), 1)) : i("", !0),
+                        o.meta ? (s(), l("div", et, u(o.meta), 1)) : i("", !0)
                       ]))), 128))
                     ])
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1024)) : o("", !0),
-              e.message.time ? (s(), l("span", Ze, r(e.message.time), 1)) : o("", !0),
-              f(L, {
+              ]), 1024)) : i("", !0),
+              e.message.time ? (s(), l("span", tt, u(e.message.time), 1)) : i("", !0),
+              f(B, {
                 "base-class": "text-message",
                 "message-class": b(e.message),
                 "message-status": e.message.status,
-                "status-class": E.value,
-                "status-title": p.value
+                "status-class": C.value,
+                "status-title": E.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ]),
-          ie.value ? (s(), g(Re, {
+          le.value ? (s(), g(Te, {
             key: 3,
             status: e.message.status,
             "has-messenger-account": e.message.hasMessengerAccount,
             channel: e.channel,
-            onSmsInvite: oe
-          }, null, 8, ["status", "has-messenger-account", "channel"])) : o("", !0),
-          t(O) && t(v).length && !e.reactionsEnabled ? (s(), l("button", {
+            onSmsInvite: me
+          }, null, 8, ["status", "has-messenger-account", "channel"])) : i("", !0),
+          t(U) && t(y).length && !e.reactionsEnabled && t(R) ? (s(), l("button", {
             key: 4,
             class: "text-message__menu-button",
             onClick: n[2] || (n[2] = //@ts-ignore
-            (...i) => t(w) && t(w)(...i))
+            (...o) => t(w) && t(w)(...o))
           }, [...n[6] || (n[6] = [
             m("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ])])) : o("", !0),
-          (s(), g(ye, { to: "body" }, [
-            f(ve, null, {
+          ])])) : i("", !0),
+          (s(), g(xe, { to: "body" }, [
+            f(be, null, {
               default: x(() => [
-                t(q) && t(v).length ? (s(), g(xe, {
+                t(O) && t(y).length ? (s(), g(he, {
                   key: 0,
                   ref_key: "menuRef",
-                  ref: $,
+                  ref: z,
                   class: "text-message__context-menu message-actions-menu",
-                  style: h(t(z)),
-                  "data-theme": t(W),
-                  actions: t(v),
-                  onClick: t(Q),
-                  onMouseenter: t(J),
-                  onMouseleave: t(K)
-                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : o("", !0)
+                  style: h(t(W)),
+                  "data-theme": t(G),
+                  actions: t(y),
+                  onClick: t(Y),
+                  onMouseenter: t(Q),
+                  onMouseleave: t(X)
+                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("", !0)
               ]),
               _: 1
             })
           ]))
         ], 64))
       ], 34)
-    ], 46, je));
+    ], 46, Ue));
   }
 });
 export {
-  It as default
+  Ct as default
 };

package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js

@@ -1,7 +1,7 @@
 import o from "./VideoMessage.vue2.js";
 /* empty css                  */
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3c62acba"]]);
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-720e983d"]]);
 export {
-  s as default
+  a as default
 };