@mobilon-dev/chotto 0.3.108 → 0.3.110

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

@@ -1,9 +1,6 @@
 import { defineComponent as _, inject as b, ref as g, computed as N, createElementBlock as l, openBlock as i, createElementVNode as n, createBlock as m, createCommentVNode as o, toDisplayString as c, Teleport as V, createVNode as C, Transition as T, withCtx as d, unref as u } from "vue";
 import U from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
 import { useTheme as B } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -20,7 +17,7 @@ const x = { class: "preview" }, z = ["src", "alt"], F = ["src"], M = {
 }, j = { class: "preview__info" }, A = ["title"], E = {
   key: 0,
   class: "preview__size"
-}, O = ["aria-label"], P = ["src"], $ = ["src", "alt"], ee = /* @__PURE__ */ _({
+}, O = ["aria-label"], P = ["src"], $ = ["src", "alt"], X = /* @__PURE__ */ _({
   __name: "FilePreview",
   props: {
     fileInfo: {
@@ -112,5 +109,5 @@ const x = { class: "preview" }, z = ["src", "alt"], F = ["src"], M = {
   }
 });
 export {
-  ee as default
+  X as default
 };

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

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

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

@@ -1,10 +1,7 @@
-import { defineComponent as H, ref as n, inject as S, computed as _, unref as U, watchEffect as L, watch as O, onMounted as $, onUnmounted as T, createElementBlock as w, openBlock as A, Fragment as R, createCommentVNode as X, createElementVNode as d, normalizeClass as q, createVNode as G } from "vue";
-import { buildFilePreview as J } from "../../../hooks/uploadFile/generatePreview.js";
-import { uploadFile as K } from "../../../hooks/uploadFile/uploadFile.js";
-import { MAX_ATTACHED_FILES as D, useMessageDraft as Q, getDraftFiles as C } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
+import { defineComponent as L, ref as i, inject as U, computed as _, unref as S, watchEffect as O, watch as $, onMounted as T, onUnmounted as R, createElementBlock as w, openBlock as A, Fragment as X, createCommentVNode as q, createElementVNode as c, normalizeClass as G, createVNode as J } from "vue";
+import { buildFilePreview as K } from "../../../hooks/uploadFile/generatePreview.js";
+import { useChottoUploader as Q } from "../../../hooks/uploadFile/useChottoUploader.js";
+import { MAX_ATTACHED_FILES as D, useMessageDraft as W, getDraftFiles as C } from "../../../hooks/useMessageDraft.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -12,20 +9,28 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import W from "./icons/FileUploaderIcon.vue.js";
-const Y = {
+import Y from "./icons/FileUploaderIcon.vue.js";
+const Z = {
   key: 0,
   class: "file-uploader__status file-uploader__status--uploading"
-}, Z = {
+}, ee = {
   key: 1,
   class: "file-uploader__status file-uploader__status--error"
-}, ee = ["disabled"], Fe = /* @__PURE__ */ H({
+}, te = ["disabled"], ve = /* @__PURE__ */ L({
   __name: "FileUploader",
   props: {
+    /**
+     * @deprecated Используйте `uploader` или `provide(chottoUploadFileKey)`.
+     * Legacy adapter: POST `{filebumpUrl}/upload`. Будет удалён в следующем major.
+     */
     filebumpUrl: {
       type: String,
       default: ""
     },
+    uploader: {
+      type: Function,
+      default: void 0
+    },
     state: {
       type: String,
       default: "active"
@@ -36,16 +41,19 @@ const Y = {
     }
   },
   emits: ["fileUploaded"],
-  setup(v, { emit: te }) {
-    const s = v, r = n(""), a = n(), M = n();
+  setup(v, { emit: le }) {
+    const s = v, { upload: N } = Q({
+      uploader: () => s.uploader,
+      filebumpUrl: () => s.filebumpUrl
+    }), a = i(""), r = i(), M = i();
     M.value;
-    const u = S("chatAppId"), N = S("maxAttachedFiles", D), { addMessageFiles: V, getMessage: g, setRecordingMessage: E } = Q(u), F = _(() => {
+    const u = U("chatAppId"), V = U("maxAttachedFiles", D), { addMessageFiles: B, getMessage: g, setRecordingMessage: E } = W(u), F = _(() => {
       const t = s.maxAttachedFiles;
       if (typeof t == "number" && t > 0) return Math.floor(t);
-      const e = U(N);
+      const e = S(V);
       return typeof e == "number" && e > 0 ? Math.floor(e) : D;
-    }), f = n("#5F5F5F"), p = n("#404040"), y = n(!1);
-    let c = null;
+    }), f = i("#5F5F5F"), p = i("#404040"), y = i(!1);
+    let d = null;
     const h = () => {
       if (!u) {
         f.value = "#5F5F5F", p.value = "#404040";
@@ -56,105 +64,102 @@ const Y = {
         f.value = "#5F5F5F", p.value = "#404040";
         return;
       }
-      const e = window.getComputedStyle(t), l = e.getPropertyValue("--chotto-fileuploader-trigger-color").trim(), i = e.getPropertyValue("--chotto-fileuploader-trigger-hover-color").trim();
-      f.value = l || "#5F5F5F", p.value = i || "#404040";
-    }, B = _(() => y.value ? p.value : f.value);
-    L(() => {
+      const e = window.getComputedStyle(t), l = e.getPropertyValue("--chotto-fileuploader-trigger-color").trim(), n = e.getPropertyValue("--chotto-fileuploader-trigger-hover-color").trim();
+      f.value = l || "#5F5F5F", p.value = n || "#404040";
+    }, P = _(() => y.value ? p.value : f.value);
+    O(() => {
       h();
     });
     const m = _(() => C(g()).length < F.value), b = () => {
-      a.value && (a.value.value = "");
-    }, P = () => F.value - C(g()).length, I = async (t) => {
-      const e = t.slice(0, Math.max(0, P()));
+      r.value && (r.value.value = "");
+    }, j = () => F.value - C(g()).length, I = async (t) => {
+      const e = t.slice(0, Math.max(0, j()));
       if (e.length) {
-        r.value = "uploading", E(!0);
+        a.value = "uploading", E(!0);
         try {
           const l = [];
-          for (const i of e) {
-            const o = await K(
-              typeof s.filebumpUrl == "string" ? s.filebumpUrl : null,
-              i
-            );
+          for (const n of e) {
+            const o = await N(n, { kind: "file" });
             o.status == "success" ? l.push({
               url: o.url,
               name: o.name,
               size: o.size,
               type: o.type,
-              preview: J(o.name, o.preview)
-            }) : r.value = "error";
+              preview: K(o.name, o.preview)
+            }) : a.value = "error";
           }
-          l.length ? (V(l, F.value), r.value !== "error" && (r.value = "success")) : r.value !== "error" && (r.value = "error");
+          l.length ? (B(l, F.value), a.value !== "error" && (a.value = "success")) : a.value !== "error" && (a.value = "error");
         } finally {
           E(!1);
         }
       }
-    }, j = async () => {
+    }, z = async () => {
       var l;
-      const t = (l = a.value) == null ? void 0 : l.files, e = t ? Array.from(t) : [];
+      const t = (l = r.value) == null ? void 0 : l.files, e = t ? Array.from(t) : [];
       b(), await I(e);
-    }, z = () => {
-      a.value && m.value && s.state == "active" && (b(), a.value.click());
-    }, x = async (t) => {
-      var i;
+    }, H = () => {
+      r.value && m.value && s.state == "active" && (b(), r.value.click());
+    }, k = async (t) => {
+      var n;
       if (!m.value || s.state !== "active") return;
-      const e = (i = t.clipboardData) == null ? void 0 : i.items;
+      const e = (n = t.clipboardData) == null ? void 0 : n.items;
       if (!e) return;
       const l = [];
       for (const o of e)
         if (o.type.indexOf("image") !== -1) {
-          const k = o.getAsFile();
-          k && l.push(k);
+          const x = o.getAsFile();
+          x && l.push(x);
         }
       l.length && (t.preventDefault(), await I(l));
     };
-    return O(
+    return $(
       () => C(g()).length,
       (t) => {
-        t || (r.value = "", b());
+        t || (a.value = "", b());
       }
-    ), $(() => {
-      if (window.addEventListener("paste", x), h(), u) {
+    ), T(() => {
+      if (window.addEventListener("paste", k), h(), u) {
         const t = document.getElementById(u);
-        t && (c = new MutationObserver((e) => {
+        t && (d = new MutationObserver((e) => {
           e.forEach((l) => {
             l.type === "attributes" && l.attributeName === "data-theme" && h();
           });
-        }), c.observe(t, {
+        }), d.observe(t, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-    }), T(() => {
-      window.removeEventListener("paste", x), c && (c.disconnect(), c = null);
-    }), (t, e) => (A(), w(R, null, [
-      r.value === "uploading" ? (A(), w("div", Y, [...e[2] || (e[2] = [
-        d("span", null, "Загрузка", -1),
-        d("span", null, "файла...", -1)
-      ])])) : r.value === "error" ? (A(), w("div", Z, [...e[3] || (e[3] = [
-        d("span", null, "Ошибка при загрузке файла.", -1)
-      ])])) : X("", !0),
-      d("span", {
+    }), R(() => {
+      window.removeEventListener("paste", k), d && (d.disconnect(), d = null);
+    }), (t, e) => (A(), w(X, null, [
+      a.value === "uploading" ? (A(), w("div", Z, [...e[2] || (e[2] = [
+        c("span", null, "Загрузка", -1),
+        c("span", null, "файла...", -1)
+      ])])) : a.value === "error" ? (A(), w("div", ee, [...e[3] || (e[3] = [
+        c("span", null, "Ошибка при загрузке файла.", -1)
+      ])])) : q("", !0),
+      c("span", {
         ref_key: "triggerElement",
         ref: M,
-        class: q(["file-uploader__trigger", { "file-uploader__disabled": !m.value || v.state == "disabled" }]),
+        class: G(["file-uploader__trigger", { "file-uploader__disabled": !m.value || v.state == "disabled" }]),
         disabled: !m.value || v.state == "disabled",
-        onClick: z,
+        onClick: H,
         onMouseenter: e[0] || (e[0] = (l) => y.value = !0),
         onMouseleave: e[1] || (e[1] = (l) => y.value = !1)
       }, [
-        G(U(W), { fill: B.value }, null, 8, ["fill"])
-      ], 42, ee),
-      d("input", {
+        J(S(Y), { fill: P.value }, null, 8, ["fill"])
+      ], 42, te),
+      c("input", {
         ref_key: "fileInput",
-        ref: a,
+        ref: r,
         style: { display: "none" },
         type: "file",
         multiple: "",
-        onChange: j
+        onChange: z
       }, null, 544)
     ], 64));
   }
 });
 export {
-  Fe as default
+  ve as default
 };

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

@@ -1,8 +1,5 @@
 import { defineComponent as Ee, ref as i, inject as Fe, computed as p, watchEffect as Le, watch as z, onMounted as Ue, onUnmounted as $e, createElementBlock as a, openBlock as o, Fragment as X, createCommentVNode as C, createVNode as P, unref as E, normalizeClass as Z, createElementVNode as F, Transition as x, withCtx as ee, withDirectives as Oe, renderList as te, toDisplayString as se, vShow as Ae, normalizeStyle as Be } from "vue";
 import { useMessageDraft as De } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -25,7 +22,7 @@ const We = { class: "sticker-picker__container" }, Ne = ["onClick", "onMouseente
 }, Xe = ["onClick", "onMouseenter"], Ye = ["src"], Ge = ["src", "alt"], Ke = ["src"], qe = ["src", "alt"], Je = {
   key: 2,
   class: "sticker-picker__preview-label"
-}, Qe = 700, kt = /* @__PURE__ */ Ee({
+}, Qe = 700, ut = /* @__PURE__ */ Ee({
   __name: "StickerPicker",
   props: {
     state: { default: "active" },
@@ -334,5 +331,5 @@ const We = { class: "sticker-picker__container" }, Ne = ["onClick", "onMouseente
   }
 });
 export {
-  kt as default
+  ut as default
 };

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

@@ -1,8 +1,5 @@
-import { inject as j, ref as c, computed as m, onMounted as G, unref as p, createElementBlock as s, openBlock as a, createElementVNode as e, normalizeClass as b, createCommentVNode as S, Fragment as V, renderList as x, withDirectives as E, vModelRadio as H, toDisplayString as w, vModelText as J, normalizeStyle as K } from "vue";
+import { inject as j, ref as c, computed as m, onMounted as G, unref as p, createElementBlock as o, openBlock as a, createElementVNode as e, normalizeClass as b, createCommentVNode as S, Fragment as V, renderList as x, withDirectives as E, vModelRadio as H, toDisplayString as w, vModelText as J, normalizeStyle as K } from "vue";
 import { useMessageDraft as X } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 import Y from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
@@ -13,7 +10,7 @@ import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import Z from "../../3_compounds/Feed/assets/chat-background.svg.js";
 /* empty css                      */
-const ee = { class: "template-selector" }, te = ["id"], le = { style: { display: "flex" } }, oe = { style: { display: "flex" } }, se = {
+const ee = { class: "template-selector" }, te = ["id"], le = { style: { display: "flex" } }, se = { style: { display: "flex" } }, oe = {
   key: 0,
   class: "template-selector__button-close"
 }, ae = {
@@ -87,7 +84,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
     });
     return G(() => {
       y(), p(C) && Q.observe(p(C));
-    }), (t, l) => (a(), s("div", ee, [
+    }), (t, l) => (a(), o("div", ee, [
       e("div", {
         id: "template-selector-container-" + p(r),
         ref_key: "refContainer",
@@ -98,14 +95,14 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
         })
       }, [
         e("div", le, [
-          e("div", oe, [
-            $.value ? (a(), s("button", se, [
+          e("div", se, [
+            $.value ? (a(), o("button", oe, [
               e("span", {
                 class: "pi pi-arrow-left",
                 onClick: A
               })
             ])) : S("", !0),
-            z.value ? (a(), s("button", ae, [
+            z.value ? (a(), o("button", ae, [
               e("span", {
                 class: "pi pi-arrow-right",
                 onClick: q
@@ -115,7 +112,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
           e("button", re, [
             e("span", {
               class: "pi pi-times",
-              onClick: l[0] || (l[0] = (o) => t.$emit("closeTemplateWindow"))
+              onClick: l[0] || (l[0] = (s) => t.$emit("closeTemplateWindow"))
             })
           ])
         ]),
@@ -125,28 +122,28 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
             class: "template-selector__first-col"
           }, [
             e("ul", ie, [
-              (a(!0), s(V, null, x(_.groupTemplates, (o, g) => (a(), s("li", {
+              (a(!0), o(V, null, x(_.groupTemplates, (s, g) => (a(), o("li", {
                 key: g,
-                class: b(["template-selector__item-group", { "template-selector__item-selected": u.value === o }]),
+                class: b(["template-selector__item-group", { "template-selector__item-selected": u.value === s }]),
                 onClick: O
               }, [
                 e("label", pe, [
-                  o.iconUrl ? (a(), s("img", {
+                  s.iconUrl ? (a(), o("img", {
                     key: 0,
                     class: "template-selector__item-group-icon",
-                    src: o.iconUrl,
-                    alt: o.title
+                    src: s.iconUrl,
+                    alt: s.title
                   }, null, 8, de)) : S("", !0),
                   E(e("input", {
                     id: g,
                     "onUpdate:modelValue": l[1] || (l[1] = (P) => u.value = P),
-                    value: o,
+                    value: s,
                     class: "template-selector__input-group",
                     type: "radio"
                   }, null, 8, ue), [
                     [H, u.value]
                   ]),
-                  e("span", null, w(o.title), 1)
+                  e("span", null, w(s.title), 1)
                 ])
               ], 2))), 128))
             ])
@@ -157,7 +154,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
           }, [
             e("div", _e, [
               E(e("input", {
-                "onUpdate:modelValue": l[2] || (l[2] = (o) => k.value = o),
+                "onUpdate:modelValue": l[2] || (l[2] = (s) => k.value = s),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
@@ -166,18 +163,18 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
               ])
             ]),
             e("div", ve, [
-              I.value.length !== 0 ? (a(), s("ul", fe, [
-                (a(!0), s(V, null, x(I.value, (o, g) => (a(), s("li", {
+              I.value.length !== 0 ? (a(), o("ul", fe, [
+                (a(!0), o(V, null, x(I.value, (s, g) => (a(), o("li", {
                   key: g,
-                  class: b(["template-selector__item-template", { "template-selector__item-selected": o.isSelected }]),
-                  onClick: (P) => F(o)
+                  class: b(["template-selector__item-template", { "template-selector__item-selected": s.isSelected }]),
+                  onClick: (P) => F(s)
                 }, [
                   e("div", ye, [
-                    e("p", ge, w(o.title), 1),
-                    e("p", we, w(o.template), 1)
+                    e("p", ge, w(s.title), 1),
+                    e("p", we, w(s.template), 1)
                   ])
                 ], 10, he))), 128))
-              ])) : (a(), s("p", ke, " Шаблоны отсутствуют "))
+              ])) : (a(), o("p", ke, " Шаблоны отсутствуют "))
             ])
           ], 8, me),
           e("div", {
@@ -188,12 +185,12 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
               class: "template-selector__preview-container",
               style: K({ backgroundImage: `url(${U.value})` })
             }, [
-              v.value ? (a(), s("div", Te, [
+              v.value ? (a(), o("div", Te, [
                 e("div", be, [
                   e("p", Se, w(v.value.template), 1),
                   l[3] || (l[3] = e("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
                 ])
-              ])) : (a(), s("p", Be, " Предпросмотр шаблона "))
+              ])) : (a(), o("p", Be, " Предпросмотр шаблона "))
             ], 4),
             e("button", {
               class: "template-selector__button-paste",
@@ -204,7 +201,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
       ], 10, te)
     ]));
   }
-}, Oe = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
+}, qe = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
 export {
-  Oe as default
+  qe as default
 };

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

@@ -1,8 +1,5 @@
 import { defineComponent as N, inject as O, ref as c, watch as U, onMounted as W, onUnmounted as X, createBlock as P, openBlock as z, Teleport as Q, createVNode as D, Transition as G, withCtx as J, createElementBlock as K, createCommentVNode as Z, normalizeStyle as ee, unref as u, createElementVNode as o, nextTick as te } from "vue";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
 import { useTheme as oe } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import { t as f } from "../../../locale/useLocale.js";
@@ -10,7 +7,7 @@ import { t as f } from "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], Le = /* @__PURE__ */ N({
+const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], Me = /* @__PURE__ */ N({
   __name: "TextFormatToolbar",
   props: {
     textarea: {
@@ -209,5 +206,5 @@ const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le =
   }
 });
 export {
-  Le as default
+  Me as default
 };

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

@@ -1,7 +1,7 @@
 import t from "./WABAAttachmentSection.vue2.js";
 /* empty css                           */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-8c8d4b41"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ad2e24d7"]]);
 export {
-  a as default
+  r as default
 };

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

@@ -1,10 +1,6 @@
-import { defineComponent as E, ref as n, inject as F, watch as h, createElementBlock as v, openBlock as u, Fragment as A, createBlock as D, createCommentVNode as S, normalizeClass as P, createElementVNode as r, toDisplayString as _, unref as U } from "vue";
-import V from "../FilePreview/FilePreview.vue.js";
-import { uploadFile as N } from "../../../hooks/uploadFile/uploadFile.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
+import { defineComponent as I, inject as E, ref as r, watch as g, createElementBlock as v, openBlock as u, Fragment as U, createBlock as A, createCommentVNode as h, normalizeClass as D, createElementVNode as c, toDisplayString as S } from "vue";
+import P from "../FilePreview/FilePreview.vue.js";
+import { useChottoUploader as V } from "../../../hooks/uploadFile/useChottoUploader.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -12,10 +8,10 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const O = ["accept"], B = { class: "attachment-section__info" }, G = {
+const N = ["accept"], O = { class: "attachment-section__info" }, j = {
   key: 2,
   class: "attachment-section__error-text"
-}, $ = /* @__PURE__ */ E({
+}, H = /* @__PURE__ */ I({
   __name: "WABAAttachmentSection",
   props: {
     type: {
@@ -25,12 +21,19 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
     templateId: {
       type: String,
       required: !0
+    },
+    uploader: {
+      type: Function,
+      default: void 0
     }
   },
   emits: ["fileSelected"],
-  setup(m, { emit: w }) {
-    const c = m, z = n(F("filebumpUrl")), p = n(null), o = n(), l = n(""), i = n(""), f = n(), d = w, k = () => {
-      o.value && i.value != "success" && o.value.click();
+  setup(m, { emit: _ }) {
+    const o = m, w = E("filebumpUrl", void 0), { upload: k } = V({
+      uploader: () => o.uploader,
+      filebumpUrl: () => w
+    }), p = r(null), n = r(), l = r(""), i = r(""), f = r(), d = _, z = () => {
+      n.value && i.value != "success" && n.value.click();
     }, s = {
       DOCUMENT: {
         text: "Документ до 100 МБ",
@@ -53,78 +56,70 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
         error: "Некорректный тип файла, выберите MP4 или MOV",
         icon: "pi pi-video"
       }
-    }, I = (a) => {
+    }, C = (a) => {
       var x;
       const t = (x = a.target.files) == null ? void 0 : x[0];
       if (t) {
         l.value = "";
         const y = t.name.split(".");
-        if (s[c.type].accept.indexOf(y[y.length - 1]) == -1)
-          l.value = s[c.type].error;
-        else if (t.size > s[c.type].maxSize)
-          l.value = "Файл слишком большого размера";
-        else if (!l.value) {
-          p.value = t, i.value = "uploading";
-          const g = U(z.value);
-          N(typeof g == "string" ? g : null, t).then((e) => {
-            i.value = e.status, e.status == "success" && (d("fileSelected", {
-              url: e.url,
-              filename: e.name,
-              filesize: e.size,
-              filetype: e.type
-            }), e.preview && (f.value = {
-              previewUrl: e.preview.previewUrl,
-              isImage: e.preview.isImage,
-              isVideo: e.preview.isVideo,
-              isAudio: e.preview.isAudio,
-              fileName: e.name,
-              fileSize: e.preview.fileSize
-            }));
-          });
-        }
+        s[o.type].accept.indexOf(y[y.length - 1]) == -1 ? l.value = s[o.type].error : t.size > s[o.type].maxSize ? l.value = "Файл слишком большого размера" : l.value || (p.value = t, i.value = "uploading", k(t, { kind: "file" }).then((e) => {
+          i.value = e.status, e.status == "success" && (d("fileSelected", {
+            url: e.url,
+            filename: e.name,
+            filesize: e.size,
+            filetype: e.type
+          }), e.preview && (f.value = {
+            previewUrl: e.preview.previewUrl,
+            isImage: e.preview.isImage,
+            isVideo: e.preview.isVideo,
+            isAudio: e.preview.isAudio,
+            fileName: e.name,
+            fileSize: e.preview.fileSize
+          }));
+        }));
       }
-    }, C = () => {
+    }, F = () => {
       p.value && (p.value = null, i.value = "");
     };
-    return h(
+    return g(
       () => i.value,
       (a) => {
-        a === "" && (o.value && (o.value.value = ""), p.value = null, d("fileSelected", null));
+        a === "" && (n.value && (n.value.value = ""), p.value = null, d("fileSelected", null));
       }
-    ), h(
-      () => c.templateId,
+    ), g(
+      () => o.templateId,
       () => {
         i.value = "";
       }
-    ), (a, t) => (u(), v(A, null, [
+    ), (a, t) => (u(), v(U, null, [
       i.value !== "success" ? (u(), v("div", {
         key: 0,
-        class: P(["attachment-section", { "attachment-section__error": l.value }]),
-        onClick: k
+        class: D(["attachment-section", { "attachment-section__error": l.value }]),
+        onClick: z
       }, [
-        r("input", {
+        c("input", {
           id: "file-upload",
           ref_key: "fileInput",
-          ref: o,
+          ref: n,
           type: "file",
           style: { display: "none" },
           accept: s[m.type].accept,
-          onChange: I
-        }, null, 40, O),
-        t[1] || (t[1] = r("span", { class: "pi pi-paperclip attachment-section__icon" }, null, -1)),
-        r("div", null, [
-          t[0] || (t[0] = r("p", { class: "attachment-section__title" }, " Прикрепить файл ", -1)),
-          r("p", B, _(s[m.type].text), 1)
+          onChange: C
+        }, null, 40, N),
+        t[1] || (t[1] = c("span", { class: "pi pi-paperclip attachment-section__icon" }, null, -1)),
+        c("div", null, [
+          t[0] || (t[0] = c("p", { class: "attachment-section__title" }, " Прикрепить файл ", -1)),
+          c("p", O, S(s[m.type].text), 1)
         ])
-      ], 2)) : i.value === "success" && f.value ? (u(), D(V, {
+      ], 2)) : i.value === "success" && f.value ? (u(), A(P, {
         key: 1,
         "file-info": f.value,
-        onReset: C
-      }, null, 8, ["file-info"])) : S("", !0),
-      l.value ? (u(), v("div", G, _(l.value), 1)) : S("", !0)
+        onReset: F
+      }, null, 8, ["file-info"])) : h("", !0),
+      l.value ? (u(), v("div", j, S(l.value), 1)) : h("", !0)
     ], 64));
   }
 });
 export {
-  $ as default
+  H as default
 };