@mobilon-dev/chotto 0.3.30 → 0.3.31

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js

@@ -0,0 +1,116 @@
+import { defineComponent as D, inject as N, ref as o, computed as T, watch as j, createElementBlock as y, openBlock as c, createCommentVNode as m, createBlock as M, createElementVNode as a, toDisplayString as x, unref as w, normalizeClass as L, Teleport as P } from "vue";
+import { uploadFile as O } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as q } 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 G from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
+const H = { class: "audio-recorder__container" }, J = { key: 0 }, K = {
+  key: 1,
+  class: "audio-recorder__recording-container"
+}, Q = { class: "audio-recorder__recording-time" }, ae = /* @__PURE__ */ D({
+  __name: "AudioRecorder",
+  props: {
+    state: {
+      type: String,
+      default: "active"
+    },
+    filebumpUrl: {
+      type: String,
+      default: null
+    }
+  },
+  setup(R) {
+    const f = N("chatAppId"), { getMessage: n, setMessageFile: U, resetMessageFile: S, setRecordingMessage: k } = q(f), h = o(), t = o(0), r = o(0), u = o(0), d = o(0), z = T(() => {
+      let l = d.value < 10 ? "0" + d.value : d.value, e = u.value < 10 ? "0" + u.value : u.value, i = r.value < 10 ? "0" + r.value : r.value, _ = t.value < 10 ? "00" + t.value : t.value < 100 ? "0" + t.value : t.value;
+      return l + ":" + e + ":" + i + ":" + _;
+    }), v = o(""), g = o(!1), s = o(), b = o([]), A = o(), p = o(), C = R, B = async () => {
+      if (!n().file && C.state == "active") {
+        const l = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+        h.value = setInterval(() => {
+          t.value += 10, t.value == 1e3 && (t.value = 0, r.value++, r.value == 60 && (r.value = 0, u.value++, u.value == 60 && (u.value = 0, d.value++)));
+        }, 10), k(!0), g.value = !0, s.value = new MediaRecorder(l), s.value.start(), s.value.ondataavailable = (e) => {
+          b.value.push(e.data);
+        };
+      }
+    }, F = () => {
+      I(), A.value = void 0;
+    }, E = () => {
+      s.value && (s.value.stop(), s.value.onstop = async () => {
+        const l = new File(b.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(l);
+        A.value = e, v.value = "uploading", await O(C.filebumpUrl, l).then((i) => {
+          if (v.value = i.status, i.status == "success") {
+            const _ = document.getElementById("chat-input-file-line-" + f);
+            _ && (_.style.display = "inherit"), U({
+              url: i.url,
+              name: i.name,
+              size: i.size,
+              type: i.type
+            }), i.preview && (p.value = {
+              previewUrl: i.preview.previewUrl,
+              isImage: i.preview.isImage,
+              isVideo: i.preview.isVideo,
+              isAudio: i.preview.isAudio,
+              fileName: i.name,
+              fileSize: i.preview.fileSize
+            });
+          }
+        });
+      }), I();
+    }, I = () => {
+      clearInterval(h.value), t.value = 0, r.value = 0, u.value = 0, d.value = 0, k(!1), g.value = !1, s.value = void 0, b.value = [];
+    }, V = () => {
+      const l = document.getElementById("chat-input-file-line-" + f);
+      l && (l.style.display = "none"), S(), p.value = void 0;
+    };
+    return j(
+      () => n().file,
+      () => {
+        n().file || (p.value = void 0);
+      }
+    ), (l, e) => (c(), y("div", H, [
+      v.value === "uploading" ? (c(), y("div", J, [...e[0] || (e[0] = [
+        a("p", null, "Загрузка файла...", -1)
+      ])])) : m("", !0),
+      g.value && v.value != "uploading" ? (c(), y("div", K, [
+        e[3] || (e[3] = a("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
+        a("button", {
+          class: "audio-recorder__button audio-recorder__button-record",
+          onClick: F
+        }, [...e[1] || (e[1] = [
+          a("span", { class: "pi pi-trash" }, null, -1)
+        ])]),
+        a("button", {
+          class: "audio-recorder__button audio-recorder__button-record",
+          onClick: E
+        }, [...e[2] || (e[2] = [
+          a("div", { class: "audio-recorder__stop" }, null, -1)
+        ])]),
+        a("span", Q, x(z.value), 1)
+      ])) : m("", !0),
+      !g.value && v.value != "uploading" && !w(n)().isRecording ? (c(), y("button", {
+        key: 2,
+        class: L(["audio-recorder__button", { "audio-recorder__button-disabled": R.state == "disabled" || w(n)().file }]),
+        onClick: B
+      }, [...e[4] || (e[4] = [
+        a("span", { class: "pi pi-microphone" }, null, -1)
+      ])], 2)) : m("", !0),
+      w(n)().file ? (c(), M(P, {
+        key: 3,
+        to: "#chat-input-file-line-" + w(f)
+      }, [
+        p.value ? (c(), M(G, {
+          key: 0,
+          "file-info": p.value,
+          onReset: V
+        }, null, 8, ["file-info"])) : m("", !0)
+      ], 8, ["to"])) : m("", !0)
+    ]));
+  }
+});
+export {
+  ae as default
+};

package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js

@@ -0,0 +1,73 @@
+import { inject as f, ref as C, createElementBlock as a, createCommentVNode as l, unref as c, openBlock as s, normalizeClass as o, createVNode as g, createElementVNode as i, toDisplayString as r, withCtx as v } from "vue";
+import y from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
+import { t as b } from "../../../locale/useLocale.js";
+import { useMessageDraft as k } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+import S from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+/* empty css                     */
+const x = {
+  key: 0,
+  class: "channels__selected"
+}, D = ["src"], A = { class: "channels__title" }, B = {
+  key: 1,
+  class: "channels__selected channels__title"
+}, I = {
+  __name: "ChannelSelector",
+  props: {
+    channels: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    mode: {
+      type: String,
+      required: !1,
+      default: "hover"
+    },
+    state: {
+      type: String,
+      default: "active"
+    }
+  },
+  emits: ["selectChannel"],
+  setup(e, { emit: d }) {
+    const m = e, h = f("chatAppId"), { getMessage: u } = k(h), p = d, t = C(m.channels.find((n) => n.type === "default")), _ = (n) => {
+      t.value = n, p("selectChannel", t.value);
+    };
+    return (n, N) => c(u)().isRecording ? l("", !0) : (s(), a("div", {
+      key: 0,
+      class: o(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
+    }, [
+      t.value ? (s(), a("div", x, [
+        t.value.icon ? (s(), a("img", {
+          key: 0,
+          src: t.value.icon,
+          class: "channels__icon"
+        }, null, 8, D)) : l("", !0),
+        i("span", A, r(t.value.title), 1)
+      ])) : (s(), a("span", B, r(c(b)("component.ChannelSelector.Placeholder")), 1)),
+      g(y, {
+        actions: e.channels,
+        mode: e.mode,
+        "menu-side": "top",
+        disabled: e.state == "disabled",
+        onClick: _
+      }, {
+        default: v(() => [
+          i("span", {
+            class: o(["pi pi-list channels__trigger", { channels__disabled: e.state == "disabled" }])
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["actions", "mode", "disabled"])
+    ], 2));
+  }
+}, K = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
+export {
+  K as default
+};

package/dist/components/2_elements/ChatInfo/ChatInfo.vue.js

@@ -0,0 +1,93 @@
+import { inject as p, computed as m, createElementBlock as i, createCommentVNode as o, openBlock as a, createElementVNode as n, createVNode as v, createTextVNode as u, toDisplayString as c, renderSlot as r, unref as y } from "vue";
+import k from "../../1_icons/AvatarIcon.vue.js";
+/* empty css              */
+import T from "../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
+  key: 0,
+  class: "chat-info__container"
+}, A = { class: "chat-info__base-line" }, B = { class: "chat-info__avatar-container" }, C = ["src"], I = {
+  key: 1,
+  class: ""
+}, q = { class: "chat-info__info-container" }, w = { class: "chat-info__title" }, N = {
+  key: 0,
+  class: "chat-info__additional-title"
+}, S = {
+  key: 0,
+  class: "chat-info__time"
+}, V = { class: "chat-info__actions" }, $ = ["id"], b = {
+  __name: "ChatInfo",
+  props: {
+    chat: {
+      type: Object,
+      required: !0
+    },
+    showReturnButton: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    description: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    additionalTitle: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    defaultLastActivityTime: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["returnToChats"],
+  setup(e, { emit: h }) {
+    const t = e, f = h, _ = p("chatAppId"), d = m(() => {
+      if (t.description) return t.description;
+      if (!t.description && t.defaultLastActivityTime) return t.chat["lastActivity.time"];
+    });
+    return (s, l) => e.chat ? (a(), i("div", g, [
+      n("div", A, [
+        e.showReturnButton ? (a(), i("span", {
+          key: 0,
+          class: "pi pi-arrow-left chat-info__return-button",
+          onClick: l[0] || (l[0] = (j) => f("returnToChats"))
+        })) : o("", !0),
+        n("div", B, [
+          t.chat.avatar ? (a(), i("img", {
+            key: 0,
+            src: t.chat.avatar,
+            width: "40",
+            height: "40"
+          }, null, 8, C)) : (a(), i("span", I, [
+            v(k, { size: 40 })
+          ]))
+        ]),
+        n("div", q, [
+          n("span", w, [
+            u(c(e.chat.name) + " ", 1),
+            e.additionalTitle ? (a(), i("span", N, c(e.additionalTitle), 1)) : o("", !0)
+          ]),
+          d.value ? (a(), i("p", S, [
+            r(s.$slots, "img-description", {}, void 0, !0),
+            u(" " + c(d.value), 1)
+          ])) : o("", !0)
+        ]),
+        n("div", V, [
+          r(s.$slots, "actions", {}, void 0, !0)
+        ])
+      ]),
+      n("div", {
+        id: "chat-info-search-panel-" + y(_),
+        class: "chat-info__search-panel"
+      }, [
+        r(s.$slots, "search", {}, void 0, !0)
+      ], 8, $)
+    ])) : o("", !0);
+  }
+}, x = /* @__PURE__ */ T(b, [["__scopeId", "data-v-7364088e"]]);
+export {
+  x as default
+};

package/dist/components/2_elements/ChatPanel/ChatPanel.vue.js

@@ -0,0 +1,47 @@
+import { createElementBlock as n, openBlock as o, createElementVNode as t, createCommentVNode as s, createVNode as c, toDisplayString as i, renderSlot as r } from "vue";
+import _ from "../../1_icons/CloseButtonIcon.vue.js";
+/* empty css               */
+import d from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "chat-panel" }, m = { class: "chat-panel__header" }, u = { class: "chat-panel__button-close-cross" }, h = {
+  key: 0,
+  class: "chat-panel__title-container"
+}, f = {
+  key: 0,
+  class: "chat-panel__title"
+}, v = {
+  __name: "ChatPanel",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    titleEnabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["close-panel"],
+  setup(e, { emit: b }) {
+    return (a, l) => (o(), n("div", p, [
+      t("div", m, [
+        t("button", {
+          class: "chat-panel__button-close",
+          onClick: l[0] || (l[0] = (k) => a.$emit("close-panel"))
+        }, [
+          t("span", u, [
+            c(_)
+          ])
+        ]),
+        e.titleEnabled ? (o(), n("div", h, [
+          e.title ? (o(), n("span", f, i(e.title), 1)) : s("", !0)
+        ])) : s("", !0)
+      ]),
+      t("div", null, [
+        r(a.$slots, "content", {}, void 0, !0)
+      ])
+    ]));
+  }
+}, N = /* @__PURE__ */ d(v, [["__scopeId", "data-v-aa67f69c"]]);
+export {
+  N as default
+};

package/dist/components/2_elements/ContactInfo/ContactInfo.vue.js

@@ -0,0 +1,158 @@
+import { ref as h, computed as b, watch as P, createElementBlock as s, openBlock as a, createElementVNode as o, Fragment as O, renderList as R, normalizeClass as S, withDirectives as z, vModelRadio as F, createTextVNode as j, createCommentVNode as C, createBlock as g, toDisplayString as k, resolveDynamicComponent as x, createVNode as U } from "vue";
+import W from "../../1_icons/ContactCRMIcon.vue.js";
+import G from "../../1_icons/CheckIcon.vue.js";
+import H from "../../1_icons/WhatsAppIcon.vue.js";
+import J from "../../1_icons/TelegramIcon.vue.js";
+/* empty css                 */
+import K from "../../../_virtual/_plugin-vue_export-helper.js";
+const Q = { class: "contact-info" }, X = { class: "contact-info__attribute-list" }, Y = ["id", "value", "onChange"], Z = ["for"], tt = { class: "contact-info__custom-radio" }, et = { class: "contact-info__radio-inner" }, nt = {
+  key: 0,
+  class: "contact-info__badge"
+}, ot = { class: "contact-info__channel-section" }, ct = { class: "contact-info__custom-select" }, at = { class: "contact-info__icon" }, lt = ["src", "alt"], it = {
+  key: 0,
+  class: "contact-info__select-options"
+}, st = ["onClick"], rt = { class: "contact-info__icon" }, ut = ["src", "alt"], dt = { class: "contact-info__crm-button" }, _t = {
+  __name: "ContactInfo",
+  props: {
+    contact: {
+      type: Object,
+      required: !1,
+      default: () => ({ attributes: [] })
+    },
+    currentDialog: {
+      type: Object,
+      default: () => ({})
+    },
+    channels: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["close", "open-crm", "select-attribute-channel"],
+  setup(y, { emit: B }) {
+    var V, A, N;
+    const c = y, I = B, l = h(((N = (A = (V = c.contact) == null ? void 0 : V.attributes) == null ? void 0 : A[0]) == null ? void 0 : N.id) || ""), f = h(c.channels[0] || null), u = h(!1), L = (t) => {
+      f.value = t, u.value = !1, console.log(`Выбран канал связи: ${t.title}`), I("select-attribute-channel", {
+        attributeId: l.value,
+        channelId: t.channelId
+      });
+    }, M = (t) => (t == null ? void 0 : t.replace(/\D/g, "")) || "", w = b(() => {
+      var t, e;
+      return (e = (t = c.contact) == null ? void 0 : t.attributes) == null ? void 0 : e.find((i) => i.id === l.value);
+    }), d = b(() => {
+      if (f.value)
+        return f.value;
+      if (!w.value) return c.channels[0] || null;
+      const t = M(w.value.value);
+      return t ? c.channels.find((i) => {
+        var r, _;
+        const v = ((r = i.title) == null ? void 0 : r.toLowerCase()) || "", m = ((_ = i.channelId) == null ? void 0 : _.toLowerCase()) || "", p = v.includes(t), n = ["whatsapp", "waba", "telegram"].some((E) => m.includes(E));
+        return p && n;
+      }) || c.channels[0] || { title: "default", channelId: "fallback" } : c.channels[0] || null;
+    }), T = b(() => c.channels), $ = (t) => t ? t.includes("whatsapp") || t.includes("waba") ? H : t.includes("telegram") ? J : null : null, D = (t) => !c.currentDialog || !Object.keys(c.currentDialog) ? !1 : c.currentDialog.attributeId === t.id, q = (t) => {
+      I("select-attribute-channel", {
+        attributeId: t.id,
+        channelId: f.value.channelId
+      });
+    };
+    return P(
+      () => c.contact,
+      () => {
+        var t, e;
+        (e = (t = c.contact) == null ? void 0 : t.attributes) != null && e.length ? l.value && c.contact.attributes.some((i) => i.id === l.value) || (l.value = c.contact.attributes[0].id) : l.value = "";
+      },
+      { immediate: !0 }
+    ), (t, e) => {
+      var i, v, m, p;
+      return a(), s("div", Q, [
+        o("div", X, [
+          (a(!0), s(O, null, R(((i = y.contact) == null ? void 0 : i.attributes) || [], (n, r) => (a(), s("div", {
+            key: n.id,
+            class: S(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": D(n) }])
+          }, [
+            z(o("input", {
+              id: `attr-${r}`,
+              "onUpdate:modelValue": e[0] || (e[0] = (_) => l.value = _),
+              type: "radio",
+              value: n.id,
+              onChange: (_) => q(n)
+            }, null, 40, Y), [
+              [F, l.value]
+            ]),
+            o("label", {
+              for: `attr-${r}`
+            }, [
+              o("span", tt, [
+                o("span", et, [
+                  l.value === n.id ? (a(), g(G, { key: 0 })) : C("", !0)
+                ])
+              ]),
+              j(" " + k(n.value) + " ", 1),
+              D(n) ? (a(), s("span", nt, " Текущий чат ")) : C("", !0)
+            ], 8, Z)
+          ], 2))), 128))
+        ]),
+        o("div", ot, [
+          e[3] || (e[3] = o("label", { class: "contact-info__channel-label" }, "Канал связи", -1)),
+          o("div", ct, [
+            o("div", {
+              class: "contact-info__select-trigger",
+              onClick: e[1] || (e[1] = (n) => u.value = !u.value)
+            }, [
+              o("div", at, [
+                (v = d.value) != null && v.icon ? (a(), s("img", {
+                  key: 0,
+                  src: d.value.icon,
+                  alt: d.value.title,
+                  width: "22",
+                  height: "22"
+                }, null, 8, lt)) : (a(), g(x($((m = d.value) == null ? void 0 : m.channelId)), {
+                  key: 1,
+                  class: "contact-info__icon-component"
+                }))
+              ]),
+              o("span", null, k((p = d.value) == null ? void 0 : p.title), 1),
+              o("div", {
+                class: S(["contact-info__arrow", { "contact-info__arrow--open": u.value }])
+              }, null, 2)
+            ]),
+            u.value ? (a(), s("div", it, [
+              (a(!0), s(O, null, R(T.value, (n) => (a(), s("div", {
+                key: n.channelId,
+                class: "contact-info__select-option",
+                onClick: (r) => L(n)
+              }, [
+                o("div", rt, [
+                  n.icon ? (a(), s("img", {
+                    key: 0,
+                    src: n.icon,
+                    alt: n.title,
+                    width: "22",
+                    height: "22"
+                  }, null, 8, ut)) : (a(), g(x($(n.channelId)), {
+                    key: 1,
+                    class: "contact-info__icon-component"
+                  }))
+                ]),
+                o("span", null, k(n.title), 1)
+              ], 8, st))), 128))
+            ])) : C("", !0)
+          ])
+        ]),
+        e[5] || (e[5] = o("div", { class: "contact-info__divider" }, null, -1)),
+        o("div", dt, [
+          o("button", {
+            class: "contact-info__button",
+            onClick: e[2] || (e[2] = (n) => t.$emit("open-crm"))
+          }, [
+            U(W),
+            e[4] || (e[4] = j(" Открыть контакт в CRM ", -1))
+          ])
+        ])
+      ]);
+    };
+  }
+}, gt = /* @__PURE__ */ K(_t, [["__scopeId", "data-v-42660d89"]]);
+export {
+  gt as default
+};

package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js

@@ -0,0 +1,49 @@
+import { inject as f, onMounted as T, createElementBlock as m, createCommentVNode as _, openBlock as s, createElementVNode as g, Fragment as y, renderList as v, toDisplayString as k } from "vue";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
+/* empty css                              */
+import I from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+/* empty css               */
+const x = { key: 0 }, A = ["value", "selected"], E = {
+  __name: "ThemeMode",
+  props: {
+    themes: {
+      type: Array,
+      default: () => []
+    },
+    show: Boolean
+  },
+  emits: ["selectedTheme"],
+  setup(c, { emit: a }) {
+    const n = c, i = a, r = f("chatAppId"), { getTheme: p } = B(r), l = () => {
+      const e = n.themes.find((t) => t.default === !0);
+      return e ? e.code : n.themes[0].code;
+    }, u = (e) => {
+      const t = e.target.value;
+      d(t);
+    }, d = (e) => {
+      r && (document.getElementById(r).dataset.theme = e, p().theme = e, i("selectedTheme", e));
+    };
+    return T(() => {
+      const e = l();
+      d(e);
+    }), (e, t) => c.show ? (s(), m("div", x, [
+      g("select", {
+        onChange: t[0] || (t[0] = (o) => u(o))
+      }, [
+        (s(!0), m(y, null, v(n.themes, (o, h) => (s(), m("option", {
+          key: h,
+          value: o.code,
+          selected: o.default === !0
+        }, k(o.name), 9, A))), 128))
+      ], 32)
+    ])) : _("", !0);
+  }
+}, S = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
+export {
+  S as default
+};

package/dist/components/2_elements/UserProfile/UserProfile.vue.js

@@ -0,0 +1,39 @@
+import { createElementBlock as r, createCommentVNode as o, openBlock as a, createElementVNode as t, normalizeStyle as c, toDisplayString as s } from "vue";
+/* empty css                 */
+import i from "../../../_virtual/_plugin-vue_export-helper.js";
+const l = {
+  key: 0,
+  class: "profile__container"
+}, n = {
+  key: 0,
+  class: "profile__avatar-container"
+}, _ = ["src"], u = { class: "profile__name" }, d = { class: "profile__email" }, m = { class: "profile__phone" }, f = {
+  __name: "UserProfile",
+  props: {
+    user: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (h, p) => e.user ? (a(), r("div", l, [
+      e.user.avatar ? (a(), r("div", n, [
+        t("span", {
+          class: "profile__status",
+          style: c({ backgroundColor: e.user.status })
+        }, null, 4),
+        t("img", {
+          src: e.user.avatar,
+          height: "48",
+          width: "48"
+        }, null, 8, _)
+      ])) : o("", !0),
+      t("h2", u, s(e.user.name), 1),
+      t("p", d, s(e.user.email), 1),
+      t("p", m, s(e.user.phone), 1)
+    ])) : o("", !0);
+  }
+}, g = /* @__PURE__ */ i(f, [["__scopeId", "data-v-8ff961d8"]]);
+export {
+  g as default
+};

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js

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

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js

@@ -0,0 +1,94 @@
+import { defineComponent as F, inject as R, ref as g, watch as V, createElementBlock as d, openBlock as o, Fragment as C, createCommentVNode as s, createBlock as y, unref as p, normalizeClass as I, createElementVNode as w, Teleport as M } from "vue";
+import { uploadFile as z } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as A } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import { useModalVideoRecorder as S } from "../../../hooks/modals/useVideoRecorder.js";
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import E from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
+const U = {
+  key: 0,
+  class: "video-recorder__container"
+}, N = {
+  key: 1,
+  class: "video-recorder__container"
+}, O = /* @__PURE__ */ F({
+  __name: "VideoRecorder",
+  props: {
+    state: {
+      type: String,
+      default: "active"
+    },
+    filebumpUrl: {
+      type: String,
+      default: null
+    }
+  },
+  setup(c) {
+    const r = R("chatAppId"), { getMessage: t, setMessageFile: h, setRecordingMessage: m, resetMessageFile: _ } = A(r), { getTheme: u } = B(r), a = g(""), l = g(), f = c, k = async () => {
+      if (!t().file && f.state == "active") {
+        const n = u().theme ? u().theme : "";
+        await S(n).then(async (i) => {
+          i.videoFile && (a.value = "uploading", m(!0), await z(f.filebumpUrl, i.videoFile).then((e) => {
+            if (m(!1), a.value = e.status, e.status == "success") {
+              h({
+                url: e.url,
+                name: e.name,
+                size: e.size,
+                type: e.type
+              });
+              const v = document.getElementById("chat-input-file-line-" + r);
+              v && (v.style.display = "inherit"), e.preview && (l.value = {
+                previewUrl: e.preview.previewUrl,
+                isImage: e.preview.isImage,
+                isVideo: e.preview.isVideo,
+                isAudio: e.preview.isAudio,
+                fileName: e.name,
+                fileSize: e.preview.fileSize
+              });
+            }
+          }));
+        });
+      }
+    }, b = () => {
+      _();
+      const n = document.getElementById("chat-input-file-line-" + r);
+      n && (n.style.display = "none"), l.value = void 0;
+    };
+    return V(
+      () => t().file,
+      () => {
+        t().file || (l.value = void 0);
+      }
+    ), (n, i) => (o(), d(C, null, [
+      p(t)().isRecording ? s("", !0) : (o(), d("div", U, [
+        a.value != "uploading" ? (o(), d("button", {
+          key: 0,
+          class: I(["video-recorder__button", { "video-recorder__button-disabled": c.state == "disabled" || p(t)().file }]),
+          onClick: k
+        }, [...i[0] || (i[0] = [
+          w("span", { class: "pi pi-video" }, null, -1)
+        ])], 2)) : s("", !0)
+      ])),
+      a.value === "uploading" ? (o(), d("div", N, [...i[1] || (i[1] = [
+        w("p", null, "Загрузка файла...", -1)
+      ])])) : s("", !0),
+      p(t)().file ? (o(), y(M, {
+        key: 2,
+        to: "#chat-input-file-line-" + p(r)
+      }, [
+        l.value ? (o(), y(E, {
+          key: 0,
+          "file-info": l.value,
+          onReset: b
+        }, null, 8, ["file-info"])) : s("", !0)
+      ], 8, ["to"])) : s("", !0)
+    ], 64));
+  }
+});
+export {
+  O as default
+};