@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,7 +1,310 @@
-import o from "./TextMessage.vue2.js";
+import x from "./TextMessage.vue2.js";
+import { createElementBlock as l, openBlock as t, normalizeStyle as _, normalizeClass as d, createCommentVNode as i, createElementVNode as o, createVNode as c, withCtx as r, createTextVNode as f, toDisplayString as m, Fragment as u, createBlock as g, createSlots as y, renderList as b, Teleport as h, Transition as k } from "vue";
 /* empty css                 */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d458c326"]]);
+import M from "../../../_virtual/_plugin-vue_export-helper.js";
+const T = ["messageId"], w = ["src"], R = {
+  key: 1,
+  class: "text-message__subtext"
+}, I = { class: "text-message__footer" }, S = { class: "text-message__info-container" }, C = {
+  key: 0,
+  class: "text-message__time"
+}, A = ["innerHTML"], E = { class: "text-message__footer" }, L = { class: "text-message__info-container" }, B = { class: "text-message__edit-tooltip" }, N = {
+  key: 0,
+  class: "text-message__edit-tooltip-original"
+}, F = {
+  key: 0,
+  class: "text-message__edit-tooltip-original"
+}, P = {
+  key: 1,
+  class: "text-message__edit-tooltip-meta"
+}, V = {
+  key: 2,
+  class: "text-message__time"
+};
+function H(z, a, s, e, D, U) {
+  return t(), l("div", {
+    ref: "menuAnchorRef",
+    class: d(["text-message", [
+      e.getClass(s.message),
+      s.applyStyle(s.message)
+    ]]),
+    messageId: s.message.messageId,
+    style: _(e.rightBubbleStyle),
+    onMouseleave: a[4] || (a[4] = (...n) => e.hideMenu && e.hideMenu(...n))
+  }, [
+    s.message.avatar && s.isFirstInSeries ? (t(), l("img", {
+      key: 0,
+      class: "text-message__avatar",
+      src: s.message.avatar,
+      height: "32",
+      width: "32",
+      style: _({ gridRow: s.message.subText && s.isFirstInSeries ? "2" : "1" })
+    }, null, 12, w)) : i("v-if", !0),
+    s.message.subText && s.isFirstInSeries ? (t(), l("p", R, [
+      c(e.Tooltip, {
+        text: e.channelInfo,
+        position: s.message.position === "left" ? "right" : "left",
+        offset: 8
+      }, {
+        default: r(() => [
+          f(
+            m(s.message.subText),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["text", "position"])
+    ])) : i("v-if", !0),
+    o(
+      "div",
+      {
+        class: d(["text-message__content", {
+          "is-first": s.isFirstInSeries,
+          "with-avatar-indent": !s.isFirstInSeries && s.message.avatar,
+          "has-reply": !!s.message.reply
+        }]),
+        onMouseenter: a[3] || (a[3] = (...n) => e.showMenu && e.showMenu(...n))
+      },
+      [
+        a[7] || (a[7] = o(
+          "div",
+          {
+            class: "text-message__bottom-shadow",
+            "aria-hidden": "true"
+          },
+          null,
+          -1
+          /* CACHED */
+        )),
+        s.message.deleted ? (t(), l(
+          u,
+          { key: 0 },
+          [
+            c(e.DeletedMessageContent, {
+              "original-text": e.deletedTooltip.original,
+              meta: e.deletedTooltip.meta
+            }, null, 8, ["original-text", "meta"]),
+            o("div", I, [
+              o("div", S, [
+                s.message.time ? (t(), l(
+                  "span",
+                  C,
+                  m(s.message.time),
+                  1
+                  /* TEXT */
+                )) : i("v-if", !0),
+                c(e.MessageStatusIndicator, {
+                  "base-class": "text-message",
+                  "message-class": e.getClass(s.message),
+                  "message-status": s.message.status,
+                  "status-class": e.status,
+                  "status-title": e.statusTitle
+                }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+              ])
+            ])
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : (t(), l(
+          u,
+          { key: 1 },
+          [
+            s.message.reply ? (t(), g(e.BaseReplyMessage, {
+              key: 0,
+              class: d(s.message.position),
+              message: s.message.reply,
+              onReply: e.handleClickReplied
+            }, null, 8, ["class", "message", "onReply"])) : i("v-if", !0),
+            o("p", {
+              class: "text-message__text",
+              onClick: a[0] || (a[0] = (...n) => e.inNewWindow && e.inNewWindow(...n)),
+              innerHTML: e.linkedHtml
+            }, null, 8, A),
+            s.message.linkPreview ? (t(), g(e.LinkPreview, {
+              key: 1,
+              class: d(s.message.position),
+              "link-preview": s.message.linkPreview
+            }, null, 8, ["class", "link-preview"])) : i("v-if", !0),
+            s.message.embed ? (t(), g(e.EmbedPreview, {
+              key: 2,
+              class: d(s.message.position),
+              embed: s.message.embed
+            }, null, 8, ["class", "embed"])) : i("v-if", !0),
+            o("div", E, [
+              s.reactionsEnabled ? (t(), g(e.MessageReactions, {
+                key: 0,
+                reactions: s.message.reactions,
+                "message-id": s.message.messageId,
+                reply: e.buildReplyPayload(s.message, "message.text"),
+                enabled: s.reactionsEnabled,
+                mode: s.reactionsMode,
+                "current-user-id": s.currentUserId,
+                "reaction-user-names": s.reactionUserNames,
+                "menu-enabled": e.menuActions.length > 0,
+                onToggleReaction: e.onToggleReaction,
+                onAddReaction: e.onAddReaction,
+                onRemoveReaction: e.onRemoveReaction,
+                onMenu: e.openMenu
+              }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])) : i("v-if", !0),
+              o("div", L, [
+                s.message.views ? (t(), l("div", {
+                  key: 0,
+                  class: "text-message__views",
+                  onClick: a[1] || (a[1] = (...n) => e.viewsAction && e.viewsAction(...n))
+                }, [
+                  a[5] || (a[5] = o(
+                    "span",
+                    { class: "pi pi-eye" },
+                    null,
+                    -1
+                    /* CACHED */
+                  )),
+                  o(
+                    "p",
+                    null,
+                    m(s.message.views),
+                    1
+                    /* TEXT */
+                  )
+                ])) : i("v-if", !0),
+                s.message.edited ? (t(), g(
+                  e.Tooltip,
+                  {
+                    key: 1,
+                    position: "bottom-right",
+                    offset: 8,
+                    delay: 400,
+                    "max-width": "280px",
+                    "bubble-style": e.editTooltipBubbleStyle
+                  },
+                  y({
+                    default: r(() => [
+                      o(
+                        "span",
+                        {
+                          class: "text-message__edited",
+                          onMouseenter: e.onEditedHover
+                        },
+                        m(e.editedLabel),
+                        33
+                        /* TEXT, NEED_HYDRATION */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    e.hasEditTooltip ? {
+                      name: "content",
+                      fn: r(() => [
+                        o("div", B, [
+                          e.editTooltipLines.original ? (t(), l(
+                            "div",
+                            N,
+                            m(e.editTooltipLines.original),
+                            1
+                            /* TEXT */
+                          )) : i("v-if", !0),
+                          (t(!0), l(
+                            u,
+                            null,
+                            b(e.editTooltipLines.edits, (n, v) => (t(), l("div", {
+                              key: `${n.text}-${n.meta}-${v}`,
+                              class: "text-message__edit-tooltip-entry"
+                            }, [
+                              n.text ? (t(), l(
+                                "div",
+                                F,
+                                m(n.text),
+                                1
+                                /* TEXT */
+                              )) : i("v-if", !0),
+                              n.meta ? (t(), l(
+                                "div",
+                                P,
+                                m(n.meta),
+                                1
+                                /* TEXT */
+                              )) : i("v-if", !0)
+                            ]))),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]),
+                  1024
+                  /* DYNAMIC_SLOTS */
+                )) : i("v-if", !0),
+                s.message.time ? (t(), l(
+                  "span",
+                  V,
+                  m(s.message.time),
+                  1
+                  /* TEXT */
+                )) : i("v-if", !0),
+                c(e.MessageStatusIndicator, {
+                  "base-class": "text-message",
+                  "message-class": e.getClass(s.message),
+                  "message-status": s.message.status,
+                  "status-class": e.status,
+                  "status-title": e.statusTitle
+                }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+              ])
+            ]),
+            e.showSmsInvite ? (t(), g(e.MessageSmsInvite, {
+              key: 3,
+              status: s.message.status,
+              "has-messenger-account": s.message.hasMessengerAccount,
+              channel: s.channel,
+              onSmsInvite: e.handleSmsInvite
+            }, null, 8, ["status", "has-messenger-account", "channel"])) : i("v-if", !0),
+            e.buttonMenuVisible && e.menuActions.length && !s.reactionsEnabled ? (t(), l("button", {
+              key: 4,
+              class: "text-message__menu-button",
+              onClick: a[2] || (a[2] = (...n) => e.toggleMenu && e.toggleMenu(...n))
+            }, [...a[6] || (a[6] = [
+              o(
+                "span",
+                { class: "pi pi-ellipsis-h" },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])])) : i("v-if", !0),
+            (t(), g(h, { to: "body" }, [
+              c(k, null, {
+                default: r(() => [
+                  e.isOpenMenu && e.menuActions.length ? (t(), g(e.ContextMenu, {
+                    key: 0,
+                    ref: "menuRef",
+                    class: "text-message__context-menu message-actions-menu",
+                    style: _(e.menuStyle),
+                    "data-theme": e.menuTheme,
+                    actions: e.menuActions,
+                    onClick: e.clickAction,
+                    onMouseenter: e.onMenuMouseEnter,
+                    onMouseleave: e.onMenuMouseLeave
+                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("v-if", !0)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    )
+  ], 46, T);
+}
+const G = /* @__PURE__ */ M(x, [["render", H], ["__scopeId", "data-v-66bd7dbf"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/TextMessage/TextMessage.vue"]]);
 export {
-  a as default
+  G as default
 };