@mobilon-dev/chotto 0.3.96 → 0.3.98

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

@@ -1,7 +1,310 @@
-import o from "./VideoMessage.vue2.js";
+import M from "./VideoMessage.vue2.js";
+import { createElementBlock as l, openBlock as n, Fragment as u, createElementVNode as t, createBlock as m, normalizeStyle as _, normalizeClass as c, createCommentVNode as i, createVNode as o, withCtx as g, createTextVNode as b, toDisplayString as v, Transition as r, withModifiers as f, Teleport as y } from "vue";
 /* empty css                  */
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3c62acba"]]);
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = ["messageId"], w = ["src"], R = {
+  key: 1,
+  class: "video-message__subtext"
+}, x = { class: "video-message__info-container" }, C = {
+  key: 0,
+  class: "video-message__time"
+}, I = ["src"], T = {
+  key: 0,
+  class: "video-message__info-container"
+}, S = { class: "video-message__time" }, A = {
+  key: 1,
+  class: "video-message__text-container"
+}, V = ["innerHTML"], B = ["src", "alt"];
+function E(N, a, s, e, D, F) {
+  return n(), l(
+    u,
+    null,
+    [
+      t("div", {
+        ref: "menuAnchorRef",
+        class: c(["video-message", [
+          e.getClass(s.message),
+          s.applyStyle(s.message)
+        ]]),
+        messageId: s.message.messageId,
+        style: _(e.rightBubbleStyle),
+        onMouseleave: a[5] || (a[5] = (...d) => e.hideMenu && e.hideMenu(...d))
+      }, [
+        s.message.avatar && s.isFirstInSeries ? (n(), l("img", {
+          key: 0,
+          class: "video-message__avatar",
+          src: s.message.avatar,
+          height: "32",
+          width: "32"
+        }, null, 8, w)) : i("v-if", !0),
+        s.message.subText && s.isFirstInSeries ? (n(), l("p", R, [
+          o(e.Tooltip, {
+            text: e.channelInfo,
+            position: s.message.position === "left" ? "right" : "left",
+            offset: 8
+          }, {
+            default: g(() => [
+              b(
+                v(s.message.subText),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["text", "position"])
+        ])) : i("v-if", !0),
+        t(
+          "div",
+          {
+            class: c(["video-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar, "has-caption": !!s.message.text }])
+          },
+          [
+            a[9] || (a[9] = t(
+              "div",
+              {
+                class: "video-message__bottom-shadow",
+                "aria-hidden": "true"
+              },
+              null,
+              -1
+              /* CACHED */
+            )),
+            s.message.deleted ? (n(), l(
+              u,
+              { key: 0 },
+              [
+                o(e.DeletedMessageContent),
+                t("div", x, [
+                  s.message.time ? (n(), l(
+                    "span",
+                    C,
+                    v(s.message.time),
+                    1
+                    /* TEXT */
+                  )) : i("v-if", !0),
+                  o(e.MessageStatusIndicator, {
+                    "base-class": "video-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 */
+            )) : (n(), l(
+              u,
+              { key: 1 },
+              [
+                s.message.reply ? (n(), m(e.BaseReplyMessage, {
+                  key: 0,
+                  style: { margin: "10px 10px 4px 16px" },
+                  class: c(s.message.position),
+                  message: s.message.reply,
+                  onReply: e.handleClickReplied
+                }, null, 8, ["class", "message", "onReply"])) : i("v-if", !0),
+                t(
+                  "div",
+                  {
+                    class: "video-message__preview-button",
+                    onClick: a[1] || (a[1] = (d) => e.isOpenModal = !0),
+                    onMouseenter: e.showMenu,
+                    onMouseleave: a[2] || (a[2] = (d) => e.buttonDownloadVisible = !e.buttonDownloadVisible)
+                  },
+                  [
+                    t("video", {
+                      ref: "previewPlayer",
+                      class: "video-message__video",
+                      style: _({ borderRadius: e.videoBorderRadius }),
+                      src: s.message.url,
+                      muted: !0,
+                      autoplay: "",
+                      onEnded: e.playAgain
+                    }, null, 44, I),
+                    o(r, { name: "modal-fade" }, {
+                      default: g(() => [
+                        e.buttonDownloadVisible ? (n(), l("div", T, [
+                          s.message.views ? (n(), l("div", {
+                            key: 0,
+                            class: "video-message__views",
+                            onClick: a[0] || (a[0] = f((...d) => e.viewsAction && e.viewsAction(...d), ["stop"]))
+                          }, [
+                            a[6] || (a[6] = t(
+                              "span",
+                              { class: "pi pi-eye" },
+                              null,
+                              -1
+                              /* CACHED */
+                            )),
+                            t(
+                              "p",
+                              null,
+                              v(s.message.views),
+                              1
+                              /* TEXT */
+                            )
+                          ])) : i("v-if", !0),
+                          t(
+                            "span",
+                            S,
+                            v(s.message.time),
+                            1
+                            /* TEXT */
+                          ),
+                          o(e.MessageStatusIndicator, {
+                            "base-class": "video-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"])
+                        ])) : i("v-if", !0)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    o(r, { name: "modal-fade" }, {
+                      default: g(() => [
+                        e.buttonDownloadVisible ? (n(), l("button", {
+                          key: 0,
+                          class: "video-message__download-button",
+                          type: "button",
+                          onClick: f(e.downloadVideo, ["stop"])
+                        }, [...a[7] || (a[7] = [
+                          t(
+                            "span",
+                            { class: "pi pi-download" },
+                            null,
+                            -1
+                            /* CACHED */
+                          )
+                        ])])) : i("v-if", !0)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ],
+                  32
+                  /* NEED_HYDRATION */
+                ),
+                o(r, { name: "modal-fade" }, {
+                  default: g(() => [
+                    e.buttonMenuVisible && e.menuActions.length && !s.reactionsEnabled ? (n(), l("button", {
+                      key: 0,
+                      class: "video-message__menu-button",
+                      onClick: a[3] || (a[3] = (...d) => e.toggleMenu && e.toggleMenu(...d))
+                    }, [...a[8] || (a[8] = [
+                      t(
+                        "span",
+                        { class: "pi pi-ellipsis-h" },
+                        null,
+                        -1
+                        /* CACHED */
+                      )
+                    ])])) : i("v-if", !0)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                (n(), m(y, { to: "body" }, [
+                  o(r, { name: "context-menu" }, {
+                    default: g(() => [
+                      e.isOpenMenu && e.menuActions.length ? (n(), m(e.ContextMenu, {
+                        key: 0,
+                        ref: "menuRef",
+                        class: "video-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 */
+                  })
+                ])),
+                s.message.text ? (n(), l("div", A, [
+                  t("p", {
+                    onClick: a[4] || (a[4] = (...d) => e.inNewWindow && e.inNewWindow(...d)),
+                    innerHTML: e.linkedHtml
+                  }, null, 8, V)
+                ])) : i("v-if", !0),
+                o(e.MessageSmsInvite, {
+                  status: s.message.status,
+                  "has-messenger-account": s.message.hasMessengerAccount,
+                  channel: s.channel,
+                  onSmsInvite: e.handleSmsInvite
+                }, null, 8, ["status", "has-messenger-account", "channel"]),
+                s.message.linkPreview ? (n(), m(e.LinkPreview, {
+                  key: 2,
+                  class: c(["video-message__link-preview", s.message.position]),
+                  "link-preview": s.message.linkPreview
+                }, null, 8, ["class", "link-preview"])) : i("v-if", !0),
+                s.message.embed ? (n(), m(e.EmbedPreview, {
+                  key: 3,
+                  class: c(s.message.position),
+                  embed: s.message.embed
+                }, null, 8, ["class", "embed"])) : i("v-if", !0),
+                o(e.MessageReactions, {
+                  reactions: s.message.reactions,
+                  "message-id": s.message.messageId,
+                  reply: e.buildReplyPayload(s.message, "message.video"),
+                  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"])
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )
+      ], 46, h),
+      (n(), m(y, { to: "body" }, [
+        o(r, { name: "modal-fade" }, {
+          default: g(() => [
+            e.isOpenModal && !s.message.deleted ? (n(), m(e.ModalFullscreen, {
+              key: 0,
+              "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
+              title: s.message.alt,
+              onClose: e.closeModal
+            }, {
+              default: g(() => [
+                t("video", {
+                  ref: "player",
+                  class: "video-message__modal-video",
+                  src: s.message.url,
+                  alt: s.message.alt,
+                  controls: "",
+                  autoplay: ""
+                }, null, 8, B)
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["data-theme", "title"])) : i("v-if", !0)
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]))
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const z = /* @__PURE__ */ k(M, [["render", E], ["__scopeId", "data-v-99419d88"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/VideoMessage/VideoMessage.vue"]]);
 export {
-  s as default
+  z as default
 };