@mobilon-dev/chotto 0.3.107 → 0.3.109

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

@@ -1,11 +1,12 @@
-import { provide as h, inject as k, ref as s, 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 { provide as s, inject as k, ref as i, onMounted as w, createElementBlock as u, openBlock as p, Fragment as B, createCommentVNode as W, createElementVNode as d, 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 { chottoUploadFileKey as A } from "../../../hooks/uploadFile/types.js";
+import { useMessageDraft as q } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
-import q from "../../../_virtual/_plugin-vue_export-helper.js";
+import C from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
@@ -13,7 +14,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 /* empty css                                */
-const C = {
+const U = {
   __name: "ButtonWabaTemplateSelector",
   props: {
     wabaTemplates: {
@@ -39,6 +40,10 @@ const C = {
       type: String,
       default: "https://filebump2.services.mobilon.ru"
     },
+    uploader: {
+      type: Function,
+      default: void 0
+    },
     elevatedWindow: {
       type: Boolean,
       required: !1
@@ -49,39 +54,39 @@ const C = {
     }
   },
   emits: ["sendWabaValues"],
-  setup(a, { emit: d }) {
-    const t = a;
-    h("filebumpUrl", t.filebumpUrl);
-    const m = k("chatAppId"), { getMessage: c } = A(m), f = s(null), e = s(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"));
+  setup(a, { emit: m }) {
+    const e = a;
+    s("filebumpUrl", e.filebumpUrl), e.uploader && s(A, e.uploader);
+    const c = k("chatAppId"), { getMessage: f } = q(c), y = i(null), t = i(null), v = m, b = () => {
+      e.mode == "click" && e.state == "active" && (t.value.style.display == "none" ? t.value.style.display = "inherit" : t.value.style.display == "inherit" && (t.value.style.display = "none"));
     }, o = () => {
-      t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
+      e.mode == "hover" && e.state == "active" && (t.value.style.display = "inherit");
     }, l = () => {
-      t.mode == "hover" && t.state == "active" && (e.value.style.display = "none");
-    }, b = () => {
-      e.value.style.display = "none";
+      e.mode == "hover" && e.state == "active" && (t.value.style.display = "none");
+    }, g = () => {
+      t.value.style.display = "none";
     };
     w(() => {
-      e.value.style.display = "none";
+      t.value.style.display = "none";
     });
-    const g = (n) => {
-      y("sendWabaValues", n);
+    const h = (n) => {
+      v("sendWabaValues", n);
     };
-    return (n, r) => (u(), i(B, null, [
-      S(c)().isRecording ? W("", !0) : (u(), i("button", {
+    return (n, r) => (p(), u(B, null, [
+      S(f)().isRecording ? W("", !0) : (p(), u("button", {
         key: 0,
         ref_key: "templateButton",
-        ref: f,
+        ref: y,
         class: T(["button-template", { "button-template-disabled": a.state == "disabled" }]),
-        onClick: v,
+        onClick: b,
         onMouseover: o,
         onMouseout: l
       }, [...r[0] || (r[0] = [
-        p("span", { class: "pi pi-code" }, null, -1)
+        d("span", { class: "pi pi-code" }, null, -1)
       ])], 34)),
-      p("div", {
+      d("div", {
         ref_key: "template",
-        ref: e,
+        ref: t,
         onMouseover: o,
         onMouseout: l
       }, [
@@ -90,13 +95,13 @@ const C = {
           "group-templates": a.groupTemplates,
           "elevated-window": a.elevatedWindow,
           "chat-background": a.chatBackground,
-          onCloseTemplateWindow: b,
-          onSendWabaValues: g
+          onCloseTemplateWindow: g,
+          onSendWabaValues: h
         }, null, 8, ["waba-templates", "group-templates", "elevated-window", "chat-background"])
       ], 544)
     ], 64));
   }
-}, O = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
+}, Q = /* @__PURE__ */ C(U, [["__scopeId", "data-v-8202d124"]]);
 export {
-  O as default
+  Q 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"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f08e54cf"]]);
 export {
   p as default
 };

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

@@ -1,7 +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 { defineComponent as L, ref as n, 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";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -12,20 +12,24 @@ 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"], ye = /* @__PURE__ */ L({
   __name: "FileUploader",
   props: {
     filebumpUrl: {
       type: String,
       default: ""
     },
+    uploader: {
+      type: Function,
+      default: void 0
+    },
     state: {
       type: String,
       default: "active"
@@ -36,65 +40,65 @@ 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
+    }), r = n(""), a = n(), M = n();
     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;
+    }), p = n("#5F5F5F"), f = n("#404040"), y = n(!1);
+    let d = null;
     const h = () => {
       if (!u) {
-        f.value = "#5F5F5F", p.value = "#404040";
+        p.value = "#5F5F5F", f.value = "#404040";
         return;
       }
       const t = document.getElementById(u);
       if (!t) {
-        f.value = "#5F5F5F", p.value = "#404040";
+        p.value = "#5F5F5F", f.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(() => {
+      p.value = l || "#5F5F5F", f.value = i || "#404040";
+    }, P = _(() => y.value ? f.value : p.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()));
+    }, 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);
         try {
           const l = [];
           for (const i of e) {
-            const o = await K(
-              typeof s.filebumpUrl == "string" ? s.filebumpUrl : null,
-              i
-            );
+            const o = await N(i, { 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)
+              preview: K(o.name, o.preview)
             }) : r.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), r.value !== "error" && (r.value = "success")) : r.value !== "error" && (r.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) : [];
       b(), await I(e);
-    }, z = () => {
+    }, H = () => {
       a.value && m.value && s.state == "active" && (b(), a.value.click());
-    }, x = async (t) => {
+    }, k = async (t) => {
       var i;
       if (!m.value || s.state !== "active") return;
       const e = (i = t.clipboardData) == null ? void 0 : i.items;
@@ -102,59 +106,59 @@ const Y = {
       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());
       }
-    ), $(() => {
-      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, [
+      r.value === "uploading" ? (A(), w("div", Z, [...e[2] || (e[2] = [
+        c("span", null, "Загрузка", -1),
+        c("span", null, "файла...", -1)
+      ])])) : r.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,
         style: { display: "none" },
         type: "file",
         multiple: "",
-        onChange: j
+        onChange: z
       }, null, 544)
     ], 64));
   }
 });
 export {
-  Fe as default
+  ye 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,6 +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 { defineComponent as I, inject as E, ref as s, watch as g, createElementBlock as v, openBlock as u, Fragment as U, createBlock as A, createCommentVNode as h, normalizeClass as D, createElementVNode as p, toDisplayString as S } from "vue";
+import P from "../FilePreview/FilePreview.vue.js";
+import { useChottoUploader as V } from "../../../hooks/uploadFile/useChottoUploader.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
@@ -12,10 +12,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({
+}, Z = /* @__PURE__ */ I({
   __name: "WABAAttachmentSection",
   props: {
     type: {
@@ -25,13 +25,20 @@ 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();
-    }, s = {
+  setup(m, { emit: _ }) {
+    const o = m, w = E("filebumpUrl", void 0), { upload: k } = V({
+      uploader: () => o.uploader,
+      filebumpUrl: () => w
+    }), c = s(null), n = s(), l = s(""), i = s(""), f = s(), d = _, z = () => {
+      n.value && i.value != "success" && n.value.click();
+    }, r = {
       DOCUMENT: {
         text: "Документ до 100 МБ",
         accept: ".pdf,.doc,.docx,.xls,.xlsx",
@@ -53,78 +60,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
-            }));
-          });
-        }
+        r[o.type].accept.indexOf(y[y.length - 1]) == -1 ? l.value = r[o.type].error : t.size > r[o.type].maxSize ? l.value = "Файл слишком большого размера" : l.value || (c.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 = () => {
-      p.value && (p.value = null, i.value = "");
+    }, F = () => {
+      c.value && (c.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 = ""), c.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", {
+        p("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)
+          accept: r[m.type].accept,
+          onChange: C
+        }, null, 40, N),
+        t[1] || (t[1] = p("span", { class: "pi pi-paperclip attachment-section__icon" }, null, -1)),
+        p("div", null, [
+          t[0] || (t[0] = p("p", { class: "attachment-section__title" }, " Прикрепить файл ", -1)),
+          p("p", O, S(r[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
+  Z as default
 };

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

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