@mobilon-dev/chotto 0.3.30 → 0.3.32

package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js

@@ -0,0 +1,106 @@
+import { ref as r, inject as S, onMounted as T, onUnmounted as I, createElementBlock as g, openBlock as M, Fragment as L, createCommentVNode as V, createVNode as m, unref as d, normalizeClass as w, createElementVNode as j, Transition as A, withCtx as D, withDirectives as N, vShow as O } from "vue";
+import z from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
+/* empty css                                                        */
+import { useMessageDraft as F } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+import R from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import U from "./icons/SmilesIcon.vue.js";
+/* empty css                       */
+const q = {
+  __name: "ButtonEmojiPicker",
+  props: {
+    state: {
+      type: String,
+      default: "active"
+    },
+    mode: {
+      type: String,
+      default: "click",
+      // или 'hover'
+      validator: (i) => ["click", "hover"].includes(i)
+    },
+    native: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(i) {
+    const t = i, c = r(null), l = r(null), o = r(!1), v = r("light"), f = S("chatAppId"), { setMessageText: E, getMessage: p } = F(f);
+    let n = !1, a = !1;
+    const b = () => {
+      var u;
+      const e = document.getElementById(f);
+      return (u = e == null ? void 0 : e.getAttribute("data-theme")) != null && u.includes("dark") ? "dark" : "light";
+    }, B = (e) => {
+      E(p().text + e.i), t.mode === "click" && (o.value = !1);
+    }, k = () => {
+      t.state === "active" && (v.value = b(), o.value = !0);
+    }, s = () => {
+      o.value = !1;
+    }, P = () => {
+      t.mode === "click" && (o.value = !o.value, o.value && k());
+    }, _ = () => {
+      t.mode === "hover" && (n = !0, k());
+    }, y = () => {
+      t.mode === "hover" && (n = !1, setTimeout(() => {
+        !a && !n && s();
+      }, 150));
+    }, x = () => {
+      t.mode === "hover" && (a = !0);
+    }, C = () => {
+      t.mode === "hover" && (a = !1, setTimeout(() => {
+        !n && !a && s();
+      }, 150));
+    }, h = (e) => {
+      t.mode === "click" && o.value && l.value && c.value && !l.value.contains(e.target) && !c.value.contains(e.target) && s();
+    };
+    return T(() => {
+      document.addEventListener("click", h);
+    }), I(() => {
+      document.removeEventListener("click", h);
+    }), (e, u) => (M(), g(L, null, [
+      d(p)().isRecording ? V("", !0) : (M(), g("button", {
+        key: 0,
+        ref_key: "emojiButton",
+        ref: l,
+        class: w(["button", { "button-disabled": i.state === "disabled" }]),
+        onClick: P,
+        onMouseenter: _,
+        onMouseleave: y
+      }, [
+        j("span", null, [
+          m(d(U))
+        ])
+      ], 34)),
+      m(A, null, {
+        default: D(() => [
+          N(j("div", {
+            ref_key: "emoji",
+            ref: c,
+            class: "emoji",
+            onMouseenter: x,
+            onMouseleave: C
+          }, [
+            m(d(z), {
+              native: i.native,
+              theme: v.value,
+              "picker-type": "",
+              onSelect: B
+            }, null, 8, ["native", "theme"])
+          ], 544), [
+            [O, o.value]
+          ])
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}, ie = /* @__PURE__ */ R(q, [["__scopeId", "data-v-5bb0871b"]]);
+export {
+  ie as default
+};

package/dist/components/2_chatinput_elements/ButtonEmojiPicker/icons/SmilesIcon.vue.js

@@ -0,0 +1,18 @@
+import { createElementBlock as t, openBlock as e, createStaticVNode as i } from "vue";
+import l from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, o = {
+  width: "27",
+  height: "26",
+  viewBox: "0 0 27 26",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function c(n, C) {
+  return e(), t("svg", o, [...C[0] || (C[0] = [
+    i('<g clip-path="url(#clip0_1718_559)"><path d="M13.9883 24.375C10.9714 24.375 8.07817 23.1766 5.94494 21.0433C3.81172 18.9101 2.61328 16.0168 2.61328 13C2.61328 9.98316 3.81172 7.08989 5.94494 4.95666C8.07817 2.82343 10.9714 1.625 13.9883 1.625C17.0051 1.625 19.8984 2.82343 22.0316 4.95666C24.1648 7.08989 25.3633 9.98316 25.3633 13C25.3633 16.0168 24.1648 18.9101 22.0316 21.0433C19.8984 23.1766 17.0051 24.375 13.9883 24.375ZM13.9883 26C17.4361 26 20.7427 24.6304 23.1807 22.1924C25.6186 19.7544 26.9883 16.4478 26.9883 13C26.9883 9.55219 25.6186 6.24558 23.1807 3.80761C20.7427 1.36964 17.4361 0 13.9883 0C10.5405 0 7.23387 1.36964 4.79589 3.80761C2.35792 6.24558 0.988281 9.55219 0.988281 13C0.988281 16.4478 2.35792 19.7544 4.79589 22.1924C7.23387 24.6304 10.5405 26 13.9883 26Z" fill="#5F5F5F"></path><path d="M7.95115 15.5464C8.13776 15.4386 8.35953 15.4094 8.56767 15.4652C8.77581 15.521 8.95328 15.6571 9.06102 15.8438C9.56008 16.7088 10.2782 17.4271 11.1432 17.9263C12.0081 18.4256 12.9893 18.6881 13.988 18.6875C14.9867 18.6881 15.9679 18.4256 16.8329 17.9263C17.6978 17.4271 18.416 16.7088 18.915 15.8438C18.968 15.7506 19.0388 15.6688 19.1235 15.6032C19.2082 15.5375 19.3051 15.4893 19.4085 15.4612C19.5119 15.4331 19.6198 15.4258 19.7261 15.4396C19.8323 15.4534 19.9348 15.4881 20.0276 15.5417C20.1204 15.5953 20.2017 15.6667 20.2668 15.7518C20.3319 15.8369 20.3795 15.9341 20.4069 16.0377C20.4342 16.1412 20.4409 16.2492 20.4264 16.3554C20.4118 16.4616 20.3765 16.5638 20.3223 16.6562C19.6806 17.7683 18.7573 18.6918 17.6453 19.3336C16.5334 19.9755 15.2719 20.3131 13.988 20.3125C12.7041 20.3131 11.4427 19.9755 10.3307 19.3336C9.21873 18.6918 8.29545 17.7683 7.65377 16.6562C7.54604 16.4696 7.51684 16.2479 7.57261 16.0397C7.62837 15.8316 7.76454 15.6541 7.95115 15.5464ZM12.363 10.5625C12.363 11.908 11.635 13 10.738 13C9.84102 13 9.11302 11.908 9.11302 10.5625C9.11302 9.217 9.84102 8.125 10.738 8.125C11.635 8.125 12.363 9.217 12.363 10.5625ZM18.863 10.5625C18.863 11.908 18.135 13 17.238 13C16.341 13 15.613 11.908 15.613 10.5625C15.613 9.217 16.341 8.125 17.238 8.125C18.135 8.125 18.863 9.217 18.863 10.5625Z" fill="#5F5F5F"></path></g><defs><clipPath id="clip0_1718_559"><rect width="26" height="26" fill="white" transform="translate(0.988281)"></rect></clipPath></defs>', 2)
+  ])]);
+}
+const a = /* @__PURE__ */ l(r, [["render", c]]);
+export {
+  a as default
+};

package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue.js

@@ -0,0 +1,105 @@
+import { inject as h, ref as r, onMounted as g, createElementBlock as s, openBlock as i, Fragment as k, createVNode as a, withCtx as u, createCommentVNode as w, unref as p, normalizeClass as B, createElementVNode as d, Transition as T, withDirectives as b, vShow as M } from "vue";
+import S from "../TemplateSelector/TemplateSelector.vue.js";
+import C from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageDraft as _ } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+import x from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import q from "./icons/ChatTemplatesIcon.vue.js";
+/* empty css                            */
+const A = { class: "" }, I = {
+  __name: "ButtonTemplateSelector",
+  props: {
+    templates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    groupTemplates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    mode: {
+      type: String,
+      required: !1,
+      default: "click"
+    },
+    state: {
+      type: String,
+      default: "active"
+    },
+    elevatedWindow: {
+      type: Boolean,
+      required: !1
+    },
+    chatBackground: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(o) {
+    const t = o, c = h("chatAppId"), { getMessage: m } = _(c), f = r(null), e = r(null), v = () => {
+      t.mode == "click" && t.state == "active" && (e.value.style.display == "none" ? e.value.style.display = "inherit" : e.value.style.display == "inherit" && (e.value.style.display = "none"));
+    }, l = () => {
+      t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
+    }, n = () => {
+      t.mode == "hover" && t.state == "active" && (e.value.style.display = "none");
+    }, y = () => {
+      e.value.style.display = "none";
+    };
+    return g(() => {
+      e.value.style.display = "none";
+    }), (N, V) => (i(), s(k, null, [
+      a(C, {
+        text: "Шаблоны сообщений",
+        position: "left"
+      }, {
+        default: u(() => [
+          p(m)().isRecording ? w("", !0) : (i(), s("button", {
+            key: 0,
+            ref_key: "templateButton",
+            ref: f,
+            class: B(["button-template", { "button-template-disabled": o.state == "disabled" }]),
+            onClick: v,
+            onMouseover: l,
+            onMouseout: n
+          }, [
+            d("span", A, [
+              a(p(q))
+            ])
+          ], 34))
+        ]),
+        _: 1
+      }),
+      a(T, null, {
+        default: u(() => [
+          b(d("div", {
+            ref_key: "template",
+            ref: e,
+            onMouseover: l,
+            onMouseout: n
+          }, [
+            a(S, {
+              templates: o.templates,
+              "group-templates": o.groupTemplates,
+              "elevated-window": o.elevatedWindow,
+              "chat-background": o.chatBackground,
+              onCloseTemplateWindow: y
+            }, null, 8, ["templates", "group-templates", "elevated-window", "chat-background"])
+          ], 544), [
+            [M, t.state === "active"]
+          ])
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}, P = /* @__PURE__ */ x(I, [["__scopeId", "data-v-a3a0f5bd"]]);
+export {
+  P as default
+};

package/dist/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue.js

@@ -0,0 +1,25 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as t } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = {}, r = {
+  width: "26",
+  height: "26",
+  viewBox: "0 0 26 26",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function s(c, C) {
+  return o(), e("svg", r, [...C[0] || (C[0] = [
+    t("path", {
+      d: "M22.75 1.625C23.181 1.625 23.5943 1.7962 23.899 2.10095C24.2038 2.4057 24.375 2.81902 24.375 3.25V16.25C24.375 16.681 24.2038 17.0943 23.899 17.399C23.5943 17.7038 23.181 17.875 22.75 17.875H18.6875C18.183 17.875 17.6853 17.9925 17.2341 18.2181C16.7828 18.4438 16.3902 18.7714 16.0875 19.175L13 23.2911L9.9125 19.175C9.60977 18.7714 9.21722 18.4438 8.76594 18.2181C8.31466 17.9925 7.81705 17.875 7.3125 17.875H3.25C2.81902 17.875 2.4057 17.7038 2.10095 17.399C1.7962 17.0943 1.625 16.681 1.625 16.25V3.25C1.625 2.81902 1.7962 2.4057 2.10095 2.10095C2.4057 1.7962 2.81902 1.625 3.25 1.625H22.75ZM3.25 0C2.38805 0 1.5614 0.34241 0.951903 0.951903C0.34241 1.5614 0 2.38805 0 3.25L0 16.25C0 17.112 0.34241 17.9386 0.951903 18.5481C1.5614 19.1576 2.38805 19.5 3.25 19.5H7.3125C7.56477 19.5 7.81358 19.5587 8.03922 19.6716C8.26486 19.7844 8.46114 19.9482 8.6125 20.15L11.7 24.2661C11.8514 24.4679 12.0476 24.6318 12.2733 24.7446C12.4989 24.8574 12.7477 24.9161 13 24.9161C13.2523 24.9161 13.5011 24.8574 13.7267 24.7446C13.9524 24.6318 14.1486 24.4679 14.3 24.2661L17.3875 20.15C17.5389 19.9482 17.7351 19.7844 17.9608 19.6716C18.1864 19.5587 18.4352 19.5 18.6875 19.5H22.75C23.612 19.5 24.4386 19.1576 25.0481 18.5481C25.6576 17.9386 26 17.112 26 16.25V3.25C26 2.38805 25.6576 1.5614 25.0481 0.951903C24.4386 0.34241 23.612 0 22.75 0L3.25 0Z",
+      fill: "#5F5F5F"
+    }, null, -1),
+    t("path", {
+      d: "M4.875 5.6875C4.875 5.47201 4.9606 5.26535 5.11298 5.11298C5.26535 4.9606 5.47201 4.875 5.6875 4.875H20.3125C20.528 4.875 20.7347 4.9606 20.887 5.11298C21.0394 5.26535 21.125 5.47201 21.125 5.6875C21.125 5.90299 21.0394 6.10965 20.887 6.26202C20.7347 6.4144 20.528 6.5 20.3125 6.5H5.6875C5.47201 6.5 5.26535 6.4144 5.11298 6.26202C4.9606 6.10965 4.875 5.90299 4.875 5.6875ZM4.875 9.75C4.875 9.53451 4.9606 9.32785 5.11298 9.17548C5.26535 9.0231 5.47201 8.9375 5.6875 8.9375H20.3125C20.528 8.9375 20.7347 9.0231 20.887 9.17548C21.0394 9.32785 21.125 9.53451 21.125 9.75C21.125 9.96549 21.0394 10.1722 20.887 10.3245C20.7347 10.4769 20.528 10.5625 20.3125 10.5625H5.6875C5.47201 10.5625 5.26535 10.4769 5.11298 10.3245C4.9606 10.1722 4.875 9.96549 4.875 9.75ZM4.875 13.8125C4.875 13.597 4.9606 13.3903 5.11298 13.238C5.26535 13.0856 5.47201 13 5.6875 13H13.8125C14.028 13 14.2347 13.0856 14.387 13.238C14.5394 13.3903 14.625 13.597 14.625 13.8125C14.625 14.028 14.5394 14.2347 14.387 14.387C14.2347 14.5394 14.028 14.625 13.8125 14.625H5.6875C5.47201 14.625 5.26535 14.5394 5.11298 14.387C4.9606 14.2347 4.875 14.028 4.875 13.8125Z",
+      fill: "#5F5F5F"
+    }, null, -1)
+  ])]);
+}
+const f = /* @__PURE__ */ n(l, [["render", s]]);
+export {
+  f as default
+};

package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js

@@ -0,0 +1,98 @@
+import { provide as h, inject as k, ref as r, onMounted as w, createElementBlock as i, openBlock as u, Fragment as B, createCommentVNode as W, createElementVNode as p, unref as S, normalizeClass as T, createVNode as M } from "vue";
+import V from "../WABATemplateSelector/WABATemplateSelector.vue.js";
+import { useMessageDraft as A } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+import q from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+/* empty css                                */
+const C = {
+  __name: "ButtonWabaTemplateSelector",
+  props: {
+    wabaTemplates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    groupTemplates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    mode: {
+      type: String,
+      required: !1,
+      default: "click"
+    },
+    state: {
+      type: String,
+      default: "active"
+    },
+    filebumpUrl: {
+      type: String,
+      default: "https://filebump2.services.mobilon.ru"
+    },
+    elevatedWindow: {
+      type: Boolean,
+      required: !1
+    },
+    chatBackground: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["sendWabaValues"],
+  setup(a, { emit: d }) {
+    const t = a;
+    h("filebumpUrl", t.filebumpUrl);
+    const m = k("chatAppId"), { getMessage: c } = A(m), f = r(null), e = r(null), y = d, v = () => {
+      t.mode == "click" && t.state == "active" && (e.value.style.display == "none" ? e.value.style.display = "inherit" : e.value.style.display == "inherit" && (e.value.style.display = "none"));
+    }, l = () => {
+      t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
+    }, o = () => {
+      t.mode == "hover" && t.state == "active" && (e.value.style.display = "none");
+    }, b = () => {
+      e.value.style.display = "none";
+    };
+    w(() => {
+      e.value.style.display = "none";
+    });
+    const g = (n) => {
+      y("sendWabaValues", n);
+    };
+    return (n, s) => (u(), i(B, null, [
+      S(c)().isRecording ? W("", !0) : (u(), i("button", {
+        key: 0,
+        ref_key: "templateButton",
+        ref: f,
+        class: T(["button-template", { "button-template-disabled": a.state == "disabled" }]),
+        onClick: v,
+        onMouseover: l,
+        onMouseout: o
+      }, [...s[0] || (s[0] = [
+        p("span", { class: "pi pi-code" }, null, -1)
+      ])], 34)),
+      p("div", {
+        ref_key: "template",
+        ref: e,
+        onMouseover: l,
+        onMouseout: o
+      }, [
+        M(V, {
+          "waba-templates": a.wabaTemplates,
+          "group-templates": a.groupTemplates,
+          "elevated-window": a.elevatedWindow,
+          "chat-background": a.chatBackground,
+          onCloseTemplateWindow: b,
+          onSendWabaValues: g
+        }, null, 8, ["waba-templates", "group-templates", "elevated-window", "chat-background"])
+      ], 544)
+    ], 64));
+  }
+}, H = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
+export {
+  H as default
+};

package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue.js

@@ -0,0 +1,7 @@
+import o from "./FilePreview.vue2.js";
+/* empty css                 */
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4d0cb6d1"]]);
+export {
+  m as default
+};

package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js

@@ -0,0 +1,157 @@
+import { defineComponent as M, inject as P, ref as s, computed as I, onMounted as x, createElementBlock as n, openBlock as o, createElementVNode as i, createBlock as h, withDirectives as k, vShow as g, createCommentVNode as r, toDisplayString as f, Teleport as A, createVNode as L, Transition as U, withCtx as T, unref as N } from "vue";
+import z from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+const D = { class: "preview__container" }, j = { class: "preview__block" }, F = ["src"], O = ["src"], q = {
+  key: 2,
+  style: { display: "flex", gap: "5px" }
+}, G = ["src"], H = { class: "pi pi-play" }, J = { class: "pi pi-pause" }, K = { key: 3 }, Q = { class: "preview__control-block" }, R = { class: "preview__information" }, W = { class: "preview__name" }, X = {
+  key: 0,
+  class: "preview__size"
+}, Y = {
+  key: 1,
+  class: "preview__audio-time"
+}, Z = {
+  key: 2,
+  class: "preview__audio-time"
+}, ee = { class: "preview__reset" }, ie = ["src"], te = ["src"], ce = /* @__PURE__ */ M({
+  __name: "FilePreview",
+  props: {
+    fileInfo: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["reset"],
+  setup(t, { emit: C }) {
+    const b = P("chatAppId"), { getTheme: p } = B(b), E = C, e = s(), a = s(), u = s(!1), v = s(0), _ = s(0), d = s(!1), S = () => d.value = !1;
+    function V() {
+      e.value && (u.value ? e.value.pause() : e.value.play(), u.value = !u.value);
+    }
+    const w = (m) => {
+      const l = Math.floor(m / 60), c = Math.floor(m % 60);
+      return `${l.toString().padStart(2, "0")}:${c.toString().padStart(2, "0")}`;
+    }, $ = I(() => e.value ? w(_.value) : "0:00"), y = I(() => e.value || a.value ? w(v.value) : "0:00");
+    return x(() => {
+      e.value != null && (e.value.addEventListener("loadedmetadata", () => {
+        e.value != null && (e.value.duration == 1 / 0 || Number.isNaN(e.value.duration)) && (e.value.currentTime = 1e101, e.value.addEventListener("timeupdate", () => {
+          e.value && (e.value.currentTime = 0, v.value = e.value.duration);
+        }, { once: !0 })), v.value = e.value != null ? e.value.duration : 0;
+      }), e.value.addEventListener("timeupdate", () => {
+        _.value = e.value != null ? e.value.currentTime : 0;
+      })), a.value && a.value.addEventListener("loadedmetadata", () => {
+        a.value && (v.value = a.value.duration, (a.value.duration == 1 / 0 || Number.isNaN(a.value.duration)) && (a.value.currentTime = 1e101, a.value.addEventListener("timeupdate", () => {
+          a.value && (a.value.currentTime = 0, v.value = a.value.duration);
+        }, { once: !0 })));
+      });
+    }), (m, l) => (o(), n("div", D, [
+      i("div", j, [
+        t.fileInfo.isImage ? (o(), n("div", {
+          key: 0,
+          style: { position: "relative" },
+          onClick: l[0] || (l[0] = (c) => d.value = !0)
+        }, [
+          i("img", {
+            src: t.fileInfo.previewUrl,
+            alt: "Image Preview",
+            class: "preview__image"
+          }, null, 8, F),
+          l[3] || (l[3] = i("div", { class: "preview__shadow" }, [
+            i("span", { class: "pi pi-plus-circle" })
+          ], -1))
+        ])) : t.fileInfo.isVideo ? (o(), n("div", {
+          key: 1,
+          style: { position: "relative" },
+          onClick: l[1] || (l[1] = (c) => d.value = !0)
+        }, [
+          i("video", {
+            ref_key: "video",
+            ref: a,
+            src: t.fileInfo.previewUrl,
+            class: "preview__video"
+          }, null, 8, O),
+          l[4] || (l[4] = i("div", { class: "preview__shadow" }, [
+            i("span", { class: "pi pi-play" })
+          ], -1))
+        ])) : t.fileInfo.isAudio ? (o(), n("div", q, [
+          l[5] || (l[5] = i("span", {
+            class: "pi pi-headphones",
+            style: { "font-size": "1rem", margin: "auto" }
+          }, null, -1)),
+          i("audio", {
+            ref_key: "audio",
+            ref: e,
+            src: t.fileInfo.previewUrl
+          }, null, 8, G),
+          i("button", {
+            class: "preview__audio-control",
+            onClick: V
+          }, [
+            k(i("span", H, null, 512), [
+              [g, !u.value]
+            ]),
+            k(i("span", J, null, 512), [
+              [g, u.value]
+            ])
+          ])
+        ])) : (o(), n("div", K, [...l[6] || (l[6] = [
+          i("span", {
+            class: "pi pi-file",
+            style: { "font-size": "2.5rem" }
+          }, null, -1)
+        ])]))
+      ]),
+      i("div", Q, [
+        i("div", R, [
+          i("span", W, f(t.fileInfo.fileName), 1),
+          !t.fileInfo.isAudio && !t.fileInfo.isVideo ? (o(), n("span", X, f(t.fileInfo.fileSize), 1)) : r("", !0),
+          t.fileInfo.isAudio ? (o(), n("span", Y, f(`${$.value} / ${y.value}`), 1)) : r("", !0),
+          t.fileInfo.isVideo ? (o(), n("span", Z, f(y.value), 1)) : r("", !0)
+        ]),
+        i("div", ee, [
+          i("span", {
+            class: "pi pi-times",
+            onClick: l[2] || (l[2] = (c) => E("reset"))
+          })
+        ])
+      ]),
+      (o(), h(A, { to: "body" }, [
+        L(U, { name: "modal-fade" }, {
+          default: T(() => [
+            d.value ? (o(), h(z, {
+              key: 0,
+              theme: N(p)().theme ? N(p)().theme : "",
+              onClose: S
+            }, {
+              default: T(() => [
+                t.fileInfo.isVideo ? (o(), n("video", {
+                  key: 0,
+                  class: "preview__modal-video",
+                  src: t.fileInfo.previewUrl,
+                  controls: "",
+                  autoplay: ""
+                }, null, 8, ie)) : r("", !0),
+                t.fileInfo.isImage ? (o(), n("img", {
+                  key: 1,
+                  class: "preview__modal-image",
+                  src: t.fileInfo.previewUrl,
+                  alt: "Image Preview"
+                }, null, 8, te)) : r("", !0)
+              ]),
+              _: 1
+            }, 8, ["theme"])) : r("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ]));
+  }
+});
+export {
+  ce as default
+};

package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue.js

@@ -0,0 +1,7 @@
+import o from "./FileUploader.vue2.js";
+/* empty css                  */
+import a from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-2ac2a0b2"]]);
+export {
+  e as default
+};

package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js

@@ -0,0 +1,105 @@
+import { defineComponent as M, ref as d, inject as z, computed as A, onMounted as B, createElementBlock as m, openBlock as s, Fragment as E, createCommentVNode as v, createElementVNode as p, createBlock as b, normalizeClass as V, createVNode as D, unref as g, Teleport as N } from "vue";
+import x from "../FilePreview/FilePreview.vue.js";
+import { uploadFile as R } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as j } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import L from "./icons/FileUploaderIcon.vue.js";
+const O = { key: 0 }, P = { key: 1 }, T = ["disabled"], ie = /* @__PURE__ */ M({
+  __name: "FileUploader",
+  props: {
+    filebumpUrl: {
+      type: String,
+      default: ""
+    },
+    state: {
+      type: String,
+      default: "active"
+    }
+  },
+  emits: ["fileUploaded"],
+  setup(u, { emit: q }) {
+    const f = u, l = d(""), o = d(), r = d(), a = z("chatAppId"), { setMessageFile: k, resetMessageFile: I, getMessage: y, setRecordingMessage: w } = j(a), c = A(() => !y().file), F = () => {
+      const t = document.getElementById("chat-input-file-line-" + a);
+      t && (t.style.display = "none"), I(), r.value = void 0, l.value = "";
+    }, h = async () => {
+      var t, i;
+      F(), (t = o.value) != null && t.files && U((i = o.value) == null ? void 0 : i.files[0]);
+    }, C = () => {
+      o.value && c && f.state == "active" && o.value.click();
+    }, S = async (t) => {
+      var e;
+      const i = (e = t.clipboardData) == null ? void 0 : e.items;
+      if (i) {
+        for (let n of i)
+          if (n.type.indexOf("image") !== -1) {
+            t.preventDefault();
+            const _ = n.getAsFile();
+            _ && U(_);
+          }
+      }
+    }, U = async (t) => {
+      l.value = "uploading", w(!0);
+      const i = typeof f.filebumpUrl == "string" ? f.filebumpUrl : null;
+      await R(i, t).then((e) => {
+        if (w(!1), l.value = e.status, e.status == "success") {
+          k({
+            url: e.url,
+            name: e.name,
+            size: e.size,
+            type: e.type
+          });
+          const n = document.getElementById("chat-input-file-line-" + a);
+          n && (n.style.display = "inherit"), e.preview && (r.value = {
+            previewUrl: e.preview.previewUrl,
+            isImage: e.preview.isImage,
+            isVideo: e.preview.isVideo,
+            isAudio: e.preview.isAudio,
+            fileName: e.name,
+            fileSize: e.preview.fileSize
+          });
+        }
+      });
+    };
+    return B(() => {
+      window.addEventListener("paste", S);
+    }), (t, i) => (s(), m(E, null, [
+      l.value === "uploading" ? (s(), m("div", O, [...i[0] || (i[0] = [
+        p("p", null, "Загрузка файла...", -1)
+      ])])) : l.value === "error" ? (s(), m("div", P, [...i[1] || (i[1] = [
+        p("p", null, "Ошибка при загрузке файла.", -1)
+      ])])) : v("", !0),
+      p("span", {
+        class: V(["file-uploader__trigger", { "file-uploader__disabled": !c.value || u.state == "disabled" }]),
+        disabled: !c.value || u.state == "disabled",
+        onClick: C
+      }, [
+        D(g(L))
+      ], 10, T),
+      p("input", {
+        ref_key: "fileInput",
+        ref: o,
+        style: { display: "none" },
+        type: "file",
+        onChange: h
+      }, null, 544),
+      g(y)().file ? (s(), b(N, {
+        key: 2,
+        to: "#chat-input-file-line-" + g(a)
+      }, [
+        r.value ? (s(), b(x, {
+          key: 0,
+          "file-info": r.value,
+          onReset: F
+        }, null, 8, ["file-info"])) : v("", !0)
+      ], 8, ["to"])) : v("", !0)
+    ], 64));
+  }
+});
+export {
+  ie as default
+};

package/dist/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue.js

@@ -0,0 +1,21 @@
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, l = {
+  width: "26",
+  height: "26",
+  viewBox: "0 0 26 26",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function c(i, C) {
+  return t(), e("svg", l, [...C[0] || (C[0] = [
+    o("path", {
+      d: "M7.3125 4.875C7.3125 3.79756 7.74051 2.76425 8.50238 2.00238C9.26425 1.24051 10.2976 0.8125 11.375 0.8125C12.4524 0.8125 13.4858 1.24051 14.2476 2.00238C15.0095 2.76425 15.4375 3.79756 15.4375 4.875V19.5C15.4375 20.1465 15.1807 20.7665 14.7236 21.2236C14.2665 21.6807 13.6465 21.9375 13 21.9375C12.3535 21.9375 11.7335 21.6807 11.2764 21.2236C10.8193 20.7665 10.5625 20.1465 10.5625 19.5V8.125C10.5625 7.90951 10.6481 7.70285 10.8005 7.55048C10.9528 7.3981 11.1595 7.3125 11.375 7.3125C11.5905 7.3125 11.7972 7.3981 11.9495 7.55048C12.1019 7.70285 12.1875 7.90951 12.1875 8.125V19.5C12.1875 19.7155 12.2731 19.9222 12.4255 20.0745C12.5778 20.2269 12.7845 20.3125 13 20.3125C13.2155 20.3125 13.4222 20.2269 13.5745 20.0745C13.7269 19.9222 13.8125 19.7155 13.8125 19.5V4.875C13.8125 4.5549 13.7495 4.23794 13.627 3.94221C13.5045 3.64648 13.3249 3.37777 13.0986 3.15143C12.8722 2.92508 12.6035 2.74554 12.3078 2.62304C12.0121 2.50055 11.6951 2.4375 11.375 2.4375C11.0549 2.4375 10.7379 2.50055 10.4422 2.62304C10.1465 2.74554 9.87777 2.92508 9.65143 3.15143C9.42508 3.37777 9.24554 3.64648 9.12304 3.94221C9.00055 4.23794 8.9375 4.5549 8.9375 4.875V19.5C8.9375 20.5774 9.36551 21.6108 10.1274 22.3726C10.8892 23.1345 11.9226 23.5625 13 23.5625C14.0774 23.5625 15.1108 23.1345 15.8726 22.3726C16.6345 21.6108 17.0625 20.5774 17.0625 19.5V8.125C17.0625 7.90951 17.1481 7.70285 17.3005 7.55048C17.4528 7.3981 17.6595 7.3125 17.875 7.3125C18.0905 7.3125 18.2972 7.3981 18.4495 7.55048C18.6019 7.70285 18.6875 7.90951 18.6875 8.125V19.5C18.6875 21.0084 18.0883 22.4551 17.0217 23.5217C15.9551 24.5883 14.5084 25.1875 13 25.1875C11.4916 25.1875 10.0449 24.5883 8.97833 23.5217C7.91172 22.4551 7.3125 21.0084 7.3125 19.5V4.875Z",
+      fill: "#5F5F5F"
+    }, null, -1)
+  ])]);
+}
+const V = /* @__PURE__ */ n(r, [["render", c]]);
+export {
+  V as default
+};