@mobilon-dev/chotto 0.3.96 → 0.3.98

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

@@ -1,48 +1,30 @@
-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 { defineComponent as K, inject as Q, ref as X, computed as t } from "vue";
+import Y from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Z from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import $ from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ee from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import te from "../MessageReactions/MessageReactions.vue.js";
+import se from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import oe from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import ie from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import ne from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as re } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as ae } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as me } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as le } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as ue } 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 { useStartEdit as de } from "../../../hooks/messages/useStartEdit.js";
+import { buildReplyPayload as p } from "../../../hooks/messages/buildReplyPayload.js";
+import { buildEditPayload as ce } from "../../../hooks/messages/buildEditPayload.js";
+import { getEditTooltipLines as ge } from "../../../hooks/messages/getEditTooltipLines.js";
+import { getDeletedTooltipLines as fe } from "../../../hooks/messages/getDeletedOriginalText.js";
+import { getStatus as be, getStatusTitle as ye } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Me } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as he } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-import { useLocale as He } from "../../../locale/useLocale.js";
-const je = ["messageId"], qe = ["src"], Oe = {
-  key: 1,
-  class: "text-message__subtext"
-}, Ue = { class: "text-message__footer" }, $e = { class: "text-message__info-container" }, ze = {
-  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 = {
-  key: 0,
-  class: "text-message__edit-tooltip-original"
-}, Xe = {
-  key: 0,
-  class: "text-message__edit-tooltip-original"
-}, Ye = {
-  key: 1,
-  class: "text-message__edit-tooltip-meta"
-}, Ze = {
-  key: 2,
-  class: "text-message__time"
-}, It = /* @__PURE__ */ ue({
+import { useLocale as ve } from "../../../locale/useLocale.js";
+const Je = /* @__PURE__ */ K({
   __name: "TextMessage",
   props: {
     message: {
@@ -64,7 +46,7 @@ const je = ["messageId"], qe = ["src"], Oe = {
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (e) => ["single", "multi"].includes(e)
+      validator: (o) => ["single", "multi"].includes(o)
     },
     currentUserId: {
       type: [String, Number],
@@ -86,243 +68,57 @@ 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,
+  setup(o, { expose: d, emit: c }) {
+    d();
+    const e = o, s = c, { t: a } = ve(), { linkedHtml: g, inNewWindow: f } = me(() => e.message.text), { menuActions: b } = ae(() => e.message), i = Q("chatAppId"), { startReply: m } = pe(i || ""), { startEdit: l } = de(i || ""), n = X(!1), {
+      isOpenMenu: y,
+      buttonMenuVisible: M,
+      menuAnchorRef: h,
+      menuRef: v,
+      menuStyle: S,
+      menuTheme: R,
       showMenu: T,
-      hideMenu: I,
-      openMenu: G,
-      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)), _ = {
+      hideMenu: x,
+      openMenu: I,
+      toggleMenu: A,
+      onMenuMouseEnter: E,
+      onMenuMouseLeave: _,
+      clickAction: C,
+      viewsAction: L,
+      handleClickReplied: w
+    } = re(e.message, s, {
+      onReply: () => m(p(e.message, "message.text")),
+      onEdit: () => l(ce(e.message, "message.text"))
+    }), P = t(() => be(e.message.status)), j = t(() => ye(e.message.status, e.message.statusMsg)), k = t(() => a("component.TextMessage.edited")), r = t(() => ge(e.message.edited)), B = t(
+      () => !!(r.value.original || r.value.edits.length)
+    ), F = t(() => fe(e.message)), O = {
       "--chotto-tooltip-border": "1px solid #5F5F5F"
-    }, { bubbleStyle: ee } = Ce(
-      u(() => a.message),
+    }, { bubbleStyle: q } = le(
+      t(() => e.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
-    function b(F) {
-      return Ve(F.position, "text-message");
+    function D(J) {
+      return Me(J.position, "text-message");
     }
-    const { onToggleReaction: te, onAddReaction: se, onRemoveReaction: ae } = De(y), ne = Ee(() => a.message, () => a.subtextTooltipData), ie = u(
-      () => a.message.status === "error" && a.message.hasMessengerAccount === !1
+    const { onToggleReaction: H, onAddReaction: N, onRemoveReaction: U } = he(s), V = ue(() => e.message, () => e.subtextTooltipData), W = t(
+      () => e.message.status === "error" && e.message.hasMessengerAccount === !1
     );
-    function oe() {
-      y("sms-invite", a.message);
+    function z() {
+      s("sms-invite", e.message);
     }
-    function le() {
-      S.value || !a.message.edited || (S.value = !0, y("action", {
+    function G() {
+      n.value || !e.message.edited || (n.value = !0, s("action", {
         action: "fetchEditInfo",
-        messageId: a.message.messageId,
+        messageId: e.message.messageId,
         type: "editInfo"
       }));
     }
-    return (F, n) => (s(), l("div", {
-      ref_key: "menuAnchorRef",
-      ref: U,
-      class: c(["text-message", [
-        b(e.message),
-        e.applyStyle(e.message)
-      ]]),
-      messageId: e.message.messageId,
-      style: h(t(ee)),
-      onMouseleave: n[4] || (n[4] = //@ts-ignore
-      (...i) => t(I) && t(I)(...i))
-    }, [
-      e.message.avatar && e.isFirstInSeries ? (s(), l("img", {
-        key: 0,
-        class: "text-message__avatar",
-        src: e.message.avatar,
-        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),
-          position: e.message.position === "left" ? "right" : "left",
-          offset: 8
-        }, {
-          default: x(() => [
-            de(r(e.message.subText), 1)
-          ]),
-          _: 1
-        }, 8, ["text", "position"])
-      ])) : o("", !0),
-      m("div", {
-        class: c(["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))
-      }, [
-        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
-          }, 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, {
-                "base-class": "text-message",
-                "message-class": b(e.message),
-                "message-status": e.message.status,
-                "status-class": E.value,
-                "status-title": p.value
-              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-            ])
-          ])
-        ], 64)) : (s(), l(k, { key: 1 }, [
-          e.message.reply ? (s(), g(ke, {
-            key: 0,
-            class: c(e.message.position),
-            message: e.message.reply,
-            onReply: t(X)
-          }, null, 8, ["class", "message", "onReply"])) : o("", !0),
-          m("p", {
-            class: "text-message__text",
-            onClick: n[0] || (n[0] = //@ts-ignore
-            (...i) => t(M) && t(M)(...i)),
-            innerHTML: t(D)
-          }, null, 8, We),
-          e.message.linkPreview ? (s(), g(be, {
-            key: 1,
-            class: c(e.message.position),
-            "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : o("", !0),
-          e.message.embed ? (s(), g(he, {
-            key: 2,
-            class: c(e.message.position),
-            embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : o("", !0),
-          m("div", Ge, [
-            e.reactionsEnabled ? (s(), g(Me, {
-              key: 0,
-              reactions: e.message.reactions,
-              "message-id": e.message.messageId,
-              reply: t(N)(e.message, "message.text"),
-              enabled: e.reactionsEnabled,
-              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, [
-              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))
-              }, [
-                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, {
-                key: 1,
-                position: "bottom-right",
-                offset: 8,
-                delay: 400,
-                "max-width": "280px",
-                "bubble-style": _
-              }, ce({
-                default: x(() => [
-                  m("span", {
-                    class: "text-message__edited",
-                    onMouseenter: le
-                  }, r(Y.value), 33)
-                ]),
-                _: 2
-              }, [
-                Z.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}`,
-                        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)
-                      ]))), 128))
-                    ])
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1024)) : o("", !0),
-              e.message.time ? (s(), l("span", Ze, r(e.message.time), 1)) : o("", !0),
-              f(L, {
-                "base-class": "text-message",
-                "message-class": b(e.message),
-                "message-status": e.message.status,
-                "status-class": E.value,
-                "status-title": p.value
-              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-            ])
-          ]),
-          ie.value ? (s(), g(Re, {
-            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", {
-            key: 4,
-            class: "text-message__menu-button",
-            onClick: n[2] || (n[2] = //@ts-ignore
-            (...i) => t(w) && t(w)(...i))
-          }, [...n[6] || (n[6] = [
-            m("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ])])) : o("", !0),
-          (s(), g(ye, { to: "body" }, [
-            f(ve, null, {
-              default: x(() => [
-                t(q) && t(v).length ? (s(), g(xe, {
-                  key: 0,
-                  ref_key: "menuRef",
-                  ref: $,
-                  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)
-              ]),
-              _: 1
-            })
-          ]))
-        ], 64))
-      ], 34)
-    ], 46, je));
+    const u = { props: e, emit: s, t: a, linkedHtml: g, inNewWindow: f, menuActions: b, chatAppId: i, startReply: m, startEdit: l, editInfoRequested: n, isOpenMenu: y, buttonMenuVisible: M, menuAnchorRef: h, menuRef: v, menuStyle: S, menuTheme: R, showMenu: T, hideMenu: x, openMenu: I, toggleMenu: A, onMenuMouseEnter: E, onMenuMouseLeave: _, clickAction: C, viewsAction: L, handleClickReplied: w, status: P, statusTitle: j, editedLabel: k, editTooltipLines: r, hasEditTooltip: B, deletedTooltip: F, editTooltipBubbleStyle: O, rightBubbleStyle: q, getClass: D, onToggleReaction: H, onAddReaction: N, onRemoveReaction: U, channelInfo: V, showSmsInvite: W, handleSmsInvite: z, onEditedHover: G, ContextMenu: Y, LinkPreview: Z, EmbedPreview: $, BaseReplyMessage: ee, MessageReactions: te, MessageStatusIndicator: se, MessageSmsInvite: oe, DeletedMessageContent: ie, Tooltip: ne, get buildReplyPayload() {
+      return p;
+    } };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
   }
 });
 export {
-  It as default
+  Je as default
 };

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

@@ -1,7 +1,40 @@
-import o from "./TypingMessage.vue2.js";
+import n from "./TypingMessage.vue2.js";
+import { createElementBlock as s, openBlock as t, createCommentVNode as o, createElementVNode as i, normalizeStyle as r, toDisplayString as c } from "vue";
 /* empty css                   */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-58b238c0"]]);
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "typing-message__container" }, g = ["src"], d = {
+  key: 1,
+  class: "typing-message__subtext"
+};
+function l(p, a, e, f, y, u) {
+  return t(), s("div", m, [
+    e.message.avatar ? (t(), s("img", {
+      key: 0,
+      class: "typing-message__avatar",
+      src: e.message.avatar,
+      height: "32",
+      width: "32",
+      style: r({ gridRow: e.message.subText ? "2" : "1" })
+    }, null, 12, g)) : o("v-if", !0),
+    e.message.subText ? (t(), s(
+      "p",
+      d,
+      c(e.message.subText),
+      1
+      /* TEXT */
+    )) : o("v-if", !0),
+    a[0] || (a[0] = i(
+      "div",
+      { class: "typing-message__loader-container" },
+      [
+        i("div", { class: "typing-message__loader" })
+      ],
+      -1
+      /* CACHED */
+    ))
+  ]);
+}
+const b = /* @__PURE__ */ _(n, [["render", l], ["__scopeId", "data-v-f4b94ea0"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/TypingMessage/TypingMessage.vue"]]);
 export {
-  a as default
+  b as default
 };

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

@@ -1,8 +1,5 @@
-import { defineComponent as r, createElementBlock as s, openBlock as t, createCommentVNode as n, createElementVNode as i, normalizeStyle as g, toDisplayString as m } from "vue";
-const o = { class: "typing-message__container" }, c = ["src"], l = {
-  key: 1,
-  class: "typing-message__subtext"
-}, y = /* @__PURE__ */ r({
+import { defineComponent as t } from "vue";
+const n = /* @__PURE__ */ t({
   __name: "TypingMessage",
   props: {
     message: {
@@ -10,23 +7,12 @@ const o = { class: "typing-message__container" }, c = ["src"], l = {
       required: !0
     }
   },
-  setup(e) {
-    return (d, a) => (t(), s("div", o, [
-      e.message.avatar ? (t(), s("img", {
-        key: 0,
-        class: "typing-message__avatar",
-        src: e.message.avatar,
-        height: "32",
-        width: "32",
-        style: g({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, c)) : n("", !0),
-      e.message.subText ? (t(), s("p", l, m(e.message.subText), 1)) : n("", !0),
-      a[0] || (a[0] = i("div", { class: "typing-message__loader-container" }, [
-        i("div", { class: "typing-message__loader" })
-      ], -1))
-    ]));
+  setup(p, { expose: r }) {
+    r();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  y as default
+  n as default
 };