@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,7 +1,78 @@
-import o from "./ReplyVideoMessage.vue2.js";
+import m from "./ReplyVideoMessage.vue2.js";
+import { createElementBlock as l, openBlock as a, Fragment as c, createElementVNode as o, createBlock as d, createCommentVNode as i, toDisplayString as _, Teleport as v, createVNode as g, Transition as f, withCtx as r } from "vue";
 /* empty css                       */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-97d292df"]]);
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = ["src"], p = { class: "video-message__text-container" }, y = ["textContent"], k = ["innerHTML"], x = ["src", "alt"];
+function M(C, s, t, e, w, T) {
+  return a(), l(
+    c,
+    null,
+    [
+      o("div", {
+        class: "video-message__preview-button",
+        onClick: s[0] || (s[0] = (n) => e.isOpenModal = !0)
+      }, [
+        o("video", {
+          class: "video-message__video",
+          src: t.message.url,
+          muted: !0
+        }, null, 8, h)
+      ]),
+      o("div", p, [
+        t.message.header ? (a(), l("p", {
+          key: 0,
+          textContent: _(`В ответ ${t.message.header}`)
+        }, null, 8, y)) : i("v-if", !0),
+        s[2] || (s[2] = o(
+          "div",
+          { class: "video-message__reply-description" },
+          [
+            o("span", { class: "pi pi-video" }),
+            o("p", null, "Видео")
+          ],
+          -1
+          /* CACHED */
+        )),
+        t.message.text ? (a(), l("p", {
+          key: 1,
+          class: "video-message__text",
+          onClick: s[1] || (s[1] = (...n) => e.inNewWindow && e.inNewWindow(...n)),
+          innerHTML: e.linkedHtml
+        }, null, 8, k)) : i("v-if", !0)
+      ]),
+      (a(), d(v, { to: "body" }, [
+        g(f, { name: "modal-fade" }, {
+          default: r(() => [
+            e.isOpenModal ? (a(), d(e.ModalFullscreen, {
+              key: 0,
+              "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
+              title: t.message.alt,
+              onClose: e.closeModal
+            }, {
+              default: r(() => [
+                o("video", {
+                  ref: "player",
+                  class: "video-message__modal-video",
+                  src: t.message.url,
+                  alt: t.message.alt,
+                  controls: "",
+                  autoplay: ""
+                }, null, 8, x)
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["data-theme", "title"])) : i("v-if", !0)
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]))
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const H = /* @__PURE__ */ u(m, [["render", M], ["__scopeId", "data-v-d5ade2bd"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue"]]);
 export {
-  s as default
+  H as default
 };

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

@@ -1,16 +1,16 @@
-import { defineComponent as k, inject as _, ref as c, createElementBlock as n, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as i, toDisplayString as C, unref as a, Teleport as M, createVNode as T, Transition as w, withCtx as p } from "vue";
-import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import { defineComponent as l, inject as d, ref as s } from "vue";
+import u from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as V } from "../../../hooks/useTheme.js";
+import { useTheme as f } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
+import { useMessageLinks as _ } from "../../../hooks/messages/useMessageLinks.js";
 import "../../../functions/parseMarkdown.js";
-const B = ["src"], H = { class: "video-message__text-container" }, L = ["textContent"], j = ["innerHTML"], A = ["src", "alt"], K = /* @__PURE__ */ k({
+const S = /* @__PURE__ */ l({
   __name: "ReplyVideoMessage",
   props: {
     message: {
@@ -18,65 +18,12 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = ["textCon
       required: !0
     }
   },
-  setup(e) {
-    const g = _("chatAppId"), { getTheme: r } = V(g), v = e, f = c(), l = c(!1), { linkedHtml: h, inNewWindow: m } = b(() => v.message.text), y = () => l.value = !1;
-    return (E, s) => (o(), n(x, null, [
-      t("div", {
-        class: "video-message__preview-button",
-        onClick: s[0] || (s[0] = (d) => l.value = !0)
-      }, [
-        t("video", {
-          class: "video-message__video",
-          src: e.message.url,
-          muted: !0
-        }, null, 8, B)
-      ]),
-      t("div", H, [
-        e.message.header ? (o(), n("p", {
-          key: 0,
-          textContent: C(`В ответ ${e.message.header}`)
-        }, null, 8, L)) : i("", !0),
-        s[2] || (s[2] = t("div", { class: "video-message__reply-description" }, [
-          t("span", { class: "pi pi-video" }),
-          t("p", null, "Видео")
-        ], -1)),
-        e.message.text ? (o(), n("p", {
-          key: 1,
-          class: "video-message__text",
-          onClick: s[1] || (s[1] = //@ts-ignore
-          (...d) => a(m) && a(m)(...d)),
-          innerHTML: a(h)
-        }, null, 8, j)) : i("", !0)
-      ]),
-      (o(), u(M, { to: "body" }, [
-        T(w, { name: "modal-fade" }, {
-          default: p(() => [
-            l.value ? (o(), u(N, {
-              key: 0,
-              "data-theme": a(r)().theme ? a(r)().theme : "light",
-              title: e.message.alt,
-              onClose: y
-            }, {
-              default: p(() => [
-                t("video", {
-                  ref_key: "player",
-                  ref: f,
-                  class: "video-message__modal-video",
-                  src: e.message.url,
-                  alt: e.message.alt,
-                  controls: "",
-                  autoplay: ""
-                }, null, 8, A)
-              ]),
-              _: 1
-            }, 8, ["data-theme", "title"])) : i("", !0)
-          ]),
-          _: 1
-        })
-      ]))
-    ], 64));
+  setup(p, { expose: i }) {
+    i();
+    const e = d("chatAppId"), { getTheme: m } = f(e), t = p, n = s(), o = s(!1), { linkedHtml: a, inNewWindow: c } = _(() => t.message.text), r = { chatAppId: e, getTheme: m, props: t, player: n, isOpenModal: o, linkedHtml: a, inNewWindow: c, closeModal: () => o.value = !1, ModalFullscreen: u };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
 export {
-  K as default
+  S as default
 };

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

@@ -1,7 +1,21 @@
-import o from "./SplashScreen.vue2.js";
+import s from "./SplashScreen.vue2.js";
+import { createElementBlock as r, openBlock as c, renderSlot as o, createElementVNode as a } from "vue";
 /* empty css                  */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f0afe642"]]);
+import n from "../../../_virtual/_plugin-vue_export-helper.js";
+const l = { class: "splash__container" };
+function p(e, i, d, t, _, m) {
+  return c(), r("div", l, [
+    o(e.$slots, "title", {}, void 0, !0),
+    o(e.$slots, "text", {}, void 0, !0),
+    a("div", {
+      class: "splash__img",
+      onClick: t.handleImage
+    }, [
+      o(e.$slots, "picture", {}, void 0, !0)
+    ])
+  ]);
+}
+const S = /* @__PURE__ */ n(s, [["render", p], ["__scopeId", "data-v-2a05660b"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/SplashScreen/SplashScreen.vue"]]);
 export {
-  f as default
+  S as default
 };

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

@@ -1,23 +1,15 @@
-import { defineComponent as i, createElementBlock as r, openBlock as a, renderSlot as t, createElementVNode as c } from "vue";
-const l = { class: "splash__container" }, _ = /* @__PURE__ */ i({
+import { defineComponent as o } from "vue";
+const i = /* @__PURE__ */ o({
   __name: "SplashScreen",
   emits: ["action"],
-  setup(m, { emit: o }) {
-    const s = o, n = () => {
-      s("action");
-    };
-    return (e, d) => (a(), r("div", l, [
-      t(e.$slots, "title", {}, void 0, !0),
-      t(e.$slots, "text", {}, void 0, !0),
-      c("div", {
-        class: "splash__img",
-        onClick: n
-      }, [
-        t(e.$slots, "picture", {}, void 0, !0)
-      ])
-    ]));
+  setup(r, { expose: n, emit: a }) {
+    n();
+    const e = a, t = { emit: e, handleImage: () => {
+      e("action");
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
 });
 export {
-  _ as default
+  i as default
 };

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

@@ -1,7 +1,349 @@
-import e from "./StickerMessage.vue2.js";
+import b from "./StickerMessage.vue2.js";
+import { createElementBlock as i, openBlock as a, normalizeStyle as v, normalizeClass as r, createCommentVNode as n, createElementVNode as l, createBlock as d, toDisplayString as _, Fragment as c, createVNode as m, Transition as u, withCtx as g, withModifiers as k, Teleport as y } from "vue";
 /* empty css                    */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6fe52dbe"]]);
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const M = ["messageId"], h = ["src"], w = {
+  key: 1,
+  class: "sticker-message__subtext"
+}, R = { class: "sticker-message__info-container" }, T = {
+  key: 0,
+  class: "sticker-message__time"
+}, S = ["src"], C = ["src"], x = ["src", "alt"], I = {
+  key: 0,
+  class: "sticker-message__info-container"
+}, A = { class: "sticker-message__time" }, F = ["href"], V = {
+  key: 1,
+  class: "sticker-message__text-container"
+}, E = ["innerHTML"], L = ["src"], P = ["src"], D = ["src", "alt"];
+function N(B, t, s, e, W, H) {
+  return a(), i("div", {
+    ref: "menuAnchorRef",
+    class: r(["sticker-message", [
+      e.getClass(s.message),
+      s.applyStyle(s.message)
+    ]]),
+    messageId: s.message.messageId,
+    style: v(e.rightBubbleStyle),
+    onMouseleave: t[7] || (t[7] = (...o) => e.hideMenu && e.hideMenu(...o))
+  }, [
+    s.message.avatar && s.isFirstInSeries ? (a(), i("img", {
+      key: 0,
+      class: "sticker-message__avatar",
+      src: s.message.avatar,
+      height: "32",
+      width: "32"
+    }, null, 8, h)) : n("v-if", !0),
+    s.message.subText && s.isFirstInSeries ? (a(), i(
+      "p",
+      w,
+      _(s.message.subText),
+      1
+      /* TEXT */
+    )) : n("v-if", !0),
+    l(
+      "div",
+      {
+        class: r(["sticker-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }])
+      },
+      [
+        s.message.deleted ? (a(), i(
+          c,
+          { key: 0 },
+          [
+            m(e.DeletedMessageContent),
+            l("div", R, [
+              s.message.time ? (a(), i(
+                "span",
+                T,
+                _(s.message.time),
+                1
+                /* TEXT */
+              )) : n("v-if", !0),
+              m(e.MessageStatusIndicator, {
+                "base-class": "sticker-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 */
+        )) : (a(), i(
+          c,
+          { key: 1 },
+          [
+            s.message.reply ? (a(), d(e.BaseReplyMessage, {
+              key: 0,
+              style: { margin: "10px 10px 4px 16px" },
+              class: r(s.message.position),
+              message: s.message.reply,
+              onReply: e.handleClickReplied
+            }, null, 8, ["class", "message", "onReply"])) : n("v-if", !0),
+            l(
+              "div",
+              {
+                class: "sticker-message__preview-button",
+                onClick: t[2] || (t[2] = (o) => e.isOpenModal = !0),
+                onMouseenter: e.showMenu,
+                onMouseleave: t[3] || (t[3] = (o) => e.buttonDownloadVisible = !e.buttonDownloadVisible)
+              },
+              [
+                n(" TGS анимированные стикеры "),
+                e.isTgsFile && e.tgsLibsLoaded ? (a(), i("tgs-player", {
+                  key: 0,
+                  class: "sticker-message__preview-image-animated",
+                  src: s.message.url,
+                  autoplay: "",
+                  loop: "",
+                  mode: "normal"
+                }, null, 8, S)) : e.shouldTryVideo && !e.videoFailed ? (a(), i(
+                  c,
+                  { key: 1 },
+                  [
+                    n(" Нестатические стикеры (webm и прочее) "),
+                    l("video", {
+                      class: "sticker-message__preview-image",
+                      src: s.message.url,
+                      autoplay: "",
+                      loop: "",
+                      muted: "",
+                      playsinline: "",
+                      preload: "metadata",
+                      onError: t[0] || (t[0] = (o) => e.videoFailed = !0)
+                    }, null, 40, C)
+                  ],
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                )) : (a(), i(
+                  c,
+                  { key: 2 },
+                  [
+                    n(" WebP и другие статические стикеры "),
+                    l("img", {
+                      class: "sticker-message__preview-image",
+                      src: s.message.url,
+                      alt: s.message.alt
+                    }, null, 8, x)
+                  ],
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                )),
+                m(u, { name: "modal-fade" }, {
+                  default: g(() => [
+                    e.buttonDownloadVisible ? (a(), i("div", I, [
+                      s.message.views ? (a(), i("div", {
+                        key: 0,
+                        class: "sticker-message__views",
+                        onClick: t[1] || (t[1] = k((...o) => e.viewsAction && e.viewsAction(...o), ["stop"]))
+                      }, [
+                        t[8] || (t[8] = l(
+                          "span",
+                          { class: "pi pi-eye" },
+                          null,
+                          -1
+                          /* CACHED */
+                        )),
+                        l(
+                          "p",
+                          null,
+                          _(s.message.views),
+                          1
+                          /* TEXT */
+                        )
+                      ])) : n("v-if", !0),
+                      l(
+                        "span",
+                        A,
+                        _(s.message.time),
+                        1
+                        /* TEXT */
+                      ),
+                      m(e.MessageStatusIndicator, {
+                        "base-class": "sticker-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"])
+                    ])) : n("v-if", !0)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                m(u, { name: "modal-fade" }, {
+                  default: g(() => [
+                    e.buttonDownloadVisible ? (a(), i("a", {
+                      key: 0,
+                      class: "sticker-message__download-button",
+                      href: s.message.url,
+                      download: "",
+                      target: "_blank",
+                      onClick: k(() => "//Предотвращаем всплытие события клика", ["stop"])
+                    }, [...t[9] || (t[9] = [
+                      l(
+                        "span",
+                        { class: "pi pi-download" },
+                        null,
+                        -1
+                        /* CACHED */
+                      )
+                    ])], 8, F)) : n("v-if", !0)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              32
+              /* NEED_HYDRATION */
+            ),
+            m(u, { name: "modal-fade" }, {
+              default: g(() => [
+                e.buttonMenuVisible && e.menuActions.length && !s.reactionsEnabled ? (a(), i("button", {
+                  key: 0,
+                  class: "sticker-message__menu-button",
+                  onClick: t[4] || (t[4] = (...o) => e.toggleMenu && e.toggleMenu(...o))
+                }, [...t[10] || (t[10] = [
+                  l(
+                    "span",
+                    { class: "pi pi-ellipsis-h" },
+                    null,
+                    -1
+                    /* CACHED */
+                  )
+                ])])) : n("v-if", !0)
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            (a(), d(y, { to: "body" }, [
+              m(u, { name: "context-menu" }, {
+                default: g(() => [
+                  e.isOpenMenu && e.menuActions.length ? (a(), d(e.ContextMenu, {
+                    key: 0,
+                    ref: "menuRef",
+                    class: "sticker-message__context-menu message-actions-menu",
+                    style: v(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"])) : n("v-if", !0)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])),
+            s.message.text ? (a(), i("div", V, [
+              n(" eslint-disable vue/no-v-html "),
+              l("p", {
+                onClick: t[5] || (t[5] = (...o) => e.inNewWindow && e.inNewWindow(...o)),
+                innerHTML: e.linkedHtml
+              }, null, 8, E),
+              n(" eslint-enable vue/no-v-html ")
+            ])) : n("v-if", !0),
+            m(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 ? (a(), d(e.LinkPreview, {
+              key: 2,
+              class: r(["sticker-message__link-preview", s.message.position]),
+              "link-preview": s.message.linkPreview
+            }, null, 8, ["class", "link-preview"])) : n("v-if", !0),
+            s.message.embed ? (a(), d(e.EmbedPreview, {
+              key: 3,
+              class: r(s.message.position),
+              embed: s.message.embed
+            }, null, 8, ["class", "embed"])) : n("v-if", !0),
+            m(e.MessageReactions, {
+              reactions: s.message.reactions,
+              "message-id": s.message.messageId,
+              reply: e.buildReplyPayload(s.message, "message.sticker"),
+              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 */
+    ),
+    (a(), d(y, { to: "body" }, [
+      m(u, { name: "modal-fade" }, {
+        default: g(() => [
+          e.isOpenModal && !s.message.deleted ? (a(), d(e.ModalFullscreen, {
+            key: 0,
+            "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
+            title: s.message.alt,
+            onClose: e.closeModal
+          }, {
+            default: g(() => [
+              n(" TGS анимированные стикеры "),
+              e.isTgsFile && e.tgsLibsLoaded ? (a(), i("tgs-player", {
+                key: 0,
+                class: "sticker-message__modal-image-animated",
+                src: s.message.url,
+                autoplay: "",
+                loop: "",
+                mode: "normal"
+              }, null, 8, L)) : e.shouldTryVideo && !e.videoFailed ? (a(), i(
+                c,
+                { key: 1 },
+                [
+                  n(" Нестатические стикеры (webm и прочее) "),
+                  l("video", {
+                    class: "sticker-message__modal-image",
+                    src: s.message.url,
+                    autoplay: "",
+                    loop: "",
+                    muted: "",
+                    playsinline: "",
+                    preload: "metadata",
+                    onError: t[6] || (t[6] = (o) => e.videoFailed = !0)
+                  }, null, 40, P)
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : (a(), i(
+                c,
+                { key: 2 },
+                [
+                  n(" WebP и другие статические стикеры "),
+                  l("img", {
+                    class: "sticker-message__modal-image",
+                    src: s.message.url,
+                    alt: s.message.alt
+                  }, null, 8, D)
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data-theme", "title"])) : n("v-if", !0)
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ]))
+  ], 46, M);
+}
+const j = /* @__PURE__ */ f(b, [["render", N], ["__scopeId", "data-v-c9448185"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/StickerMessage/StickerMessage.vue"]]);
 export {
-  a as default
+  j as default
 };