@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,30 +1,48 @@
-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 { 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 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 { 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 "../../../functions/parseMarkdown.js";
-import { useLocale as ve } from "../../../locale/useLocale.js";
-const Je = /* @__PURE__ */ K({
+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({
   __name: "TextMessage",
   props: {
     message: {
@@ -46,7 +64,7 @@ const Je = /* @__PURE__ */ K({
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (o) => ["single", "multi"].includes(o)
+      validator: (e) => ["single", "multi"].includes(e)
     },
     currentUserId: {
       type: [String, Number],
@@ -68,57 +86,243 @@ const Je = /* @__PURE__ */ K({
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  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,
+  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: 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 = {
+      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)), _ = {
       "--chotto-tooltip-border": "1px solid #5F5F5F"
-    }, { bubbleStyle: q } = le(
-      t(() => e.message),
+    }, { bubbleStyle: ee } = Ce(
+      u(() => a.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
-    function D(J) {
-      return Me(J.position, "text-message");
+    function b(F) {
+      return Ve(F.position, "text-message");
     }
-    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
+    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
     );
-    function z() {
-      s("sms-invite", e.message);
+    function oe() {
+      y("sms-invite", a.message);
     }
-    function G() {
-      n.value || !e.message.edited || (n.value = !0, s("action", {
+    function le() {
+      S.value || !a.message.edited || (S.value = !0, y("action", {
         action: "fetchEditInfo",
-        messageId: e.message.messageId,
+        messageId: a.message.messageId,
         type: "editInfo"
       }));
     }
-    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;
+    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));
   }
 });
 export {
-  Je as default
+  It as default
 };

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

@@ -1,40 +1,7 @@
-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";
+import o from "./TypingMessage.vue2.js";
 /* empty css                   */
-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"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-58b238c0"]]);
 export {
-  b as default
+  a as default
 };

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

@@ -1,5 +1,8 @@
-import { defineComponent as t } from "vue";
-const n = /* @__PURE__ */ t({
+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({
   __name: "TypingMessage",
   props: {
     message: {
@@ -7,12 +10,23 @@ const n = /* @__PURE__ */ t({
       required: !0
     }
   },
-  setup(p, { expose: r }) {
-    r();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  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))
+    ]));
   }
 });
 export {
-  n as default
+  y as default
 };