@mobilon-dev/chotto 0.3.96 → 0.3.98

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

@@ -1,16 +1,16 @@
-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 { defineComponent as I, inject as P, ref as a, watch as W, onMounted as B, onUnmounted as U, nextTick as V } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as oe } from "../../../hooks/useTheme.js";
+import { useTheme as z } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-import { t as f } from "../../../locale/useLocale.js";
+import { t as D } from "../../../locale/useLocale.js";
 /* empty css                                                            */
 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 le = /* @__PURE__ */ I({
   __name: "TextFormatToolbar",
   props: {
     textarea: {
@@ -19,195 +19,107 @@ const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le =
     }
   },
   emits: ["format-applied"],
-  setup(H, { emit: R }) {
-    const m = H, F = R, A = O("chatAppId"), { getTheme: k } = oe(A), x = c(), h = c(!1), q = c({ top: "0px", left: "0px" }), S = c(""), $ = c(0), y = c(0);
-    let b = !1, a = null, i = null, B = 0, T = 0;
-    const V = {
+  setup(X, { expose: Y, emit: R }) {
+    Y();
+    const l = X, $ = R, y = P("chatAppId"), { getTheme: q } = z(y), g = a(), T = a(!1), S = a({ top: "0px", left: "0px" }), k = a(""), b = a(0), E = a(0);
+    let c = !1, i = null, t = null, f = 0, m = 0;
+    const O = {
       bold: { prefix: "**", suffix: "**" },
       italic: { prefix: "*", suffix: "*" },
       underline: { prefix: "<u>", suffix: "</u>" },
       strikethrough: { prefix: "~~", suffix: "~~" },
       code: { prefix: "`", suffix: "`" },
       quote: { prefix: "> ", suffix: "" }
-    }, g = (t) => {
-      B = t.clientX, T = t.clientY;
-    }, r = () => {
-      const t = i || m.textarea;
-      if (!t)
+    }, p = (e) => {
+      f = e.clientX, m = e.clientY;
+    }, o = () => {
+      const e = t || l.textarea;
+      if (!e)
         return;
-      const e = t.selectionStart, n = t.selectionEnd;
-      if (e === n) {
-        w();
+      const r = e.selectionStart, s = e.selectionEnd;
+      if (r === s) {
+        v();
         return;
       }
-      const s = t.value.substring(e, n);
-      s.trim().length > 0 ? (S.value = s, $.value = e, y.value = n, Y(), h.value = !0, a && (clearTimeout(a), a = null)) : w();
-    }, M = () => {
-      const t = i || m.textarea;
-      !t || document.activeElement !== t || r();
-    }, _ = (t) => {
-      i && (i.removeEventListener("mouseup", r), i.removeEventListener("keyup", r), i.removeEventListener("select", r), i.removeEventListener("mousemove", g)), document.removeEventListener("selectionchange", M), t ? (i = t, t.addEventListener("mouseup", r), t.addEventListener("keyup", r), t.addEventListener("select", r), t.addEventListener("mousemove", g), document.addEventListener("selectionchange", M)) : i = null;
-    }, Y = () => {
-      te(() => {
-        if (!x.value) return;
-        const t = x.value.getBoundingClientRect(), e = window.innerWidth, n = window.innerHeight;
-        let s = B - t.width / 2, l = T - t.height - 10;
-        s < 10 ? s = 10 : s + t.width > e - 10 && (s = e - t.width - 10), l < 10 ? l = T + 20 : l + t.height > n - 10 && (l = n - t.height - 10), q.value = {
-          top: `${l}px`,
-          left: `${s}px`
+      const n = e.value.substring(r, s);
+      n.trim().length > 0 ? (k.value = n, b.value = r, E.value = s, j(), T.value = !0, i && (clearTimeout(i), i = null)) : v();
+    }, d = () => {
+      const e = t || l.textarea;
+      !e || document.activeElement !== e || o();
+    }, L = (e) => {
+      t && (t.removeEventListener("mouseup", o), t.removeEventListener("keyup", o), t.removeEventListener("select", o), t.removeEventListener("mousemove", p)), document.removeEventListener("selectionchange", d), e ? (t = e, e.addEventListener("mouseup", o), e.addEventListener("keyup", o), e.addEventListener("select", o), e.addEventListener("mousemove", p), document.addEventListener("selectionchange", d)) : t = null;
+    }, j = () => {
+      V(() => {
+        if (!g.value) return;
+        const e = g.value.getBoundingClientRect(), r = window.innerWidth, s = window.innerHeight;
+        let n = f - e.width / 2, u = m - e.height - 10;
+        n < 10 ? n = 10 : n + e.width > r - 10 && (n = r - e.width - 10), u < 10 ? u = m + 20 : u + e.height > s - 10 && (u = s - e.height - 10), S.value = {
+          top: `${u}px`,
+          left: `${n}px`
         };
       });
-    }, d = (t) => {
-      const e = m.textarea;
-      if (!e) return;
-      const n = V[t];
-      if (!n) return;
-      const s = e.value, l = $.value, p = y.value, C = s.substring(l, p);
-      let v, L;
-      t === "quote" ? (v = C.split(`
+    }, A = (e) => {
+      const r = l.textarea;
+      if (!r) return;
+      const s = O[e];
+      if (!s) return;
+      const n = r.value, u = b.value, x = E.value, w = n.substring(u, x);
+      let h, _;
+      e === "quote" ? (h = w.split(`
 `).map(
-        (E) => E.trim() ? `${n.prefix}${E}${n.suffix}` : E
+        (M) => M.trim() ? `${s.prefix}${M}${s.suffix}` : M
       ).join(`
-`), L = s.substring(0, l) + v + s.substring(p)) : (v = `${n.prefix}${C}${n.suffix}`, L = s.substring(0, l) + v + s.substring(p)), F("format-applied", {
-        format: t,
-        selectedText: C,
-        start: l,
-        end: p,
-        newText: L
+`), _ = n.substring(0, u) + h + n.substring(x)) : (h = `${s.prefix}${w}${s.suffix}`, _ = n.substring(0, u) + h + n.substring(x)), $("format-applied", {
+        format: e,
+        selectedText: w,
+        start: u,
+        end: x,
+        newText: _
       }), setTimeout(() => {
-        r();
+        o();
       }, 10);
-    }, w = () => {
-      b || (h.value = !1);
-    }, j = () => {
-      b = !0, a && (clearTimeout(a), a = null);
-    }, I = () => {
-      b = !1, a = setTimeout(() => {
-        w();
+    }, v = () => {
+      c || (T.value = !1);
+    }, F = () => {
+      c = !0, i && (clearTimeout(i), i = null);
+    }, H = () => {
+      c = !1, i = setTimeout(() => {
+        v();
       }, 200);
     };
-    return U(() => m.textarea, (t, e) => {
-      t !== e && _(t);
-    }, { immediate: !0 }), W(() => {
-      m.textarea && _(m.textarea);
-    }), X(() => {
-      i && (i.removeEventListener("mouseup", r), i.removeEventListener("keyup", r), i.removeEventListener("select", r), i.removeEventListener("mousemove", g)), document.removeEventListener("selectionchange", M), a && clearTimeout(a);
-    }), (t, e) => (z(), P(Q, { to: "body" }, [
-      D(G, { name: "fade" }, {
-        default: J(() => [
-          h.value ? (z(), K("div", {
-            key: 0,
-            ref_key: "toolbarRef",
-            ref: x,
-            "data-theme": u(k)().theme ? u(k)().theme : "light",
-            class: "text-format-toolbar",
-            style: ee(q.value),
-            onMouseenter: j,
-            onMouseleave: I
-          }, [
-            o("button", {
-              class: "text-format-toolbar__button",
-              title: u(f)("component.TextFormatToolbar.Bold"),
-              onClick: e[0] || (e[0] = (n) => d("bold"))
-            }, [...e[6] || (e[6] = [
-              o("svg", {
-                viewBox: "0 0 24 24",
-                width: "20",
-                preserveAspectRatio: "xMidYMid meet",
-                class: "",
-                fill: "currentColor"
-              }, [
-                o("path", { d: "M6.8 19V5h5.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm3.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z" })
-              ], -1)
-            ])], 8, ie),
-            o("button", {
-              class: "text-format-toolbar__button",
-              title: u(f)("component.TextFormatToolbar.Italic"),
-              onClick: e[1] || (e[1] = (n) => d("italic"))
-            }, [...e[7] || (e[7] = [
-              o("svg", {
-                viewBox: "0 0 24 24",
-                width: "20",
-                preserveAspectRatio: "xMidYMid meet",
-                class: "",
-                fill: "currentColor"
-              }, [
-                o("path", { d: "M5 19v-2.5h4l3-9H8V5h10v2.5h-3.5l-3 9H15V19z" })
-              ], -1)
-            ])], 8, se),
-            o("button", {
-              class: "text-format-toolbar__button",
-              title: u(f)("component.TextFormatToolbar.Underline"),
-              onClick: e[2] || (e[2] = (n) => d("underline"))
-            }, [...e[8] || (e[8] = [
-              o("svg", {
-                viewBox: "0 0 512 512",
-                width: "13",
-                height: "13",
-                preserveAspectRatio: "xMidYMid meet",
-                class: "",
-                fill: "currentColor"
-              }, [
-                o("rect", {
-                  x: "16.65",
-                  y: "443.317",
-                  width: "478.699",
-                  height: "68.683"
-                }),
-                o("path", { d: `M303.383,0h-94L87.689,376.715h88.041l21.225-72.846H315.81l21.496,72.846h88.043L303.383,0z M216.38,235.187
-              l39.103-133.203h1.544l39.362,133.203H216.38z` })
-              ], -1)
-            ])], 8, re),
-            o("button", {
-              class: "text-format-toolbar__button",
-              title: u(f)("component.TextFormatToolbar.Strikethrough"),
-              onClick: e[3] || (e[3] = (n) => d("strikethrough"))
-            }, [...e[9] || (e[9] = [
-              o("svg", {
-                viewBox: "0 0 24 24",
-                width: "20",
-                preserveAspectRatio: "xMidYMid meet",
-                class: "",
-                fill: "currentColor"
-              }, [
-                o("path", { d: "M13.99 15.27q0-.83-.586-1.27-.585-.45-2.11-.937L11.107 13H4v-2h16v2h-3.76q.69.96.69 2.25 0 1.845-1.397 2.9-1.396 1.045-3.76 1.045-1.64 0-2.988-.595-1.347-.606-2.06-1.65a4 4 0 0 1-.472-.951l2.451-.98c.145.303.363.651.667.962l.014.019h.004a2.87 2.87 0 0 0 1.971.867q.199.014.413.014 1.045 0 1.631-.42.586-.43.586-1.191M10.548 10h-3.79a3.5 3.5 0 0 1-.297-1.44q0-1.152.644-2.05.655-.909 1.866-1.416 1.22-.508 2.734-.508 1.523 0 2.715.557 1.191.546 1.846 1.552.26.394.418.831l-2.492.997C13.85 7.823 13 7 11.656 6.92q-1.074 0-1.67.459a1.42 1.42 0 0 0-.595 1.191q0 .694.693 1.162.204.136.464.268" })
-              ], -1)
-            ])], 8, le),
-            o("button", {
-              class: "text-format-toolbar__button",
-              title: u(f)("component.TextFormatToolbar.Code"),
-              onClick: e[4] || (e[4] = (n) => d("code"))
-            }, [...e[10] || (e[10] = [
-              o("span", { class: "pi pi-code" }, null, -1)
-            ])], 8, ae),
-            o("button", {
-              class: "text-format-toolbar__button",
-              title: u(f)("component.TextFormatToolbar.Quote"),
-              onClick: e[5] || (e[5] = (n) => d("quote"))
-            }, [...e[11] || (e[11] = [
-              o("svg", {
-                viewBox: "0 0 512 512",
-                width: "13",
-                height: "13",
-                preserveAspectRatio: "xMidYMid meet",
-                class: "",
-                fill: "currentColor"
-              }, [
-                o("path", { d: `M119.472,66.59C53.489,66.59,0,120.094,0,186.1c0,65.983,53.489,119.487,119.472,119.487
-              c0,0-0.578,44.392-36.642,108.284c-4.006,12.802,3.135,26.435,15.945,30.418c9.089,2.859,18.653,0.08,24.829-6.389
-              c82.925-90.7,115.385-197.448,115.385-251.8C238.989,120.094,185.501,66.59,119.472,66.59z` }),
-                o("path", { d: `M392.482,66.59c-65.983,0-119.472,53.505-119.472,119.51c0,65.983,53.489,119.487,119.472,119.487
-              c0,0-0.578,44.392-36.642,108.284c-4.006,12.802,3.136,26.435,15.945,30.418c9.089,2.859,18.653,0.08,24.828-6.389
-              C479.539,347.2,512,240.452,512,186.1C512,120.094,458.511,66.59,392.482,66.59z` })
-              ], -1)
-            ])], 8, ue)
-          ], 44, ne)) : Z("", !0)
-        ]),
-        _: 1
-      })
-    ]));
+    W(() => l.textarea, (e, r) => {
+      e !== r && L(e);
+    }, { immediate: !0 }), B(() => {
+      l.textarea && L(l.textarea);
+    }), U(() => {
+      t && (t.removeEventListener("mouseup", o), t.removeEventListener("keyup", o), t.removeEventListener("select", o), t.removeEventListener("mousemove", p)), document.removeEventListener("selectionchange", d), i && clearTimeout(i);
+    });
+    const C = { props: l, emit: $, chatAppId: y, getTheme: q, toolbarRef: g, isVisible: T, toolbarStyle: S, selectedText: k, selectionStart: b, selectionEnd: E, get isMouseOverToolbar() {
+      return c;
+    }, set isMouseOverToolbar(e) {
+      c = e;
+    }, get hideTimeout() {
+      return i;
+    }, set hideTimeout(e) {
+      i = e;
+    }, get currentTextarea() {
+      return t;
+    }, set currentTextarea(e) {
+      t = e;
+    }, get mouseX() {
+      return f;
+    }, set mouseX(e) {
+      f = e;
+    }, get mouseY() {
+      return m;
+    }, set mouseY(e) {
+      m = e;
+    }, formatMap: O, handleMouseMove: p, handleSelection: o, handleSelectionChange: d, setupTextareaListeners: L, updateToolbarPosition: j, applyFormat: A, hideToolbar: v, handleMouseEnter: F, handleMouseLeave: H, get t() {
+      return D;
+    } };
+    return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
   }
 });
 export {
-  Le as default
+  le as default
 };

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

@@ -1,7 +1,76 @@
-import t from "./WABAAttachmentSection.vue2.js";
+import l from "./WABAAttachmentSection.vue2.js";
+import { createElementBlock as i, openBlock as n, Fragment as s, createBlock as _, createCommentVNode as a, normalizeClass as m, createElementVNode as t, toDisplayString as r } from "vue";
 /* empty css                           */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-8c8d4b41"]]);
+import d from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["accept"], p = { class: "attachment-section__info" }, h = {
+  key: 2,
+  class: "attachment-section__error-text"
+};
+function v(u, o, c, e, y, A) {
+  return n(), i(
+    s,
+    null,
+    [
+      e.uploadStatus !== "success" ? (n(), i(
+        "div",
+        {
+          key: 0,
+          class: m(["attachment-section", { "attachment-section__error": e.error }]),
+          onClick: e.triggerFileUpload
+        },
+        [
+          t("input", {
+            id: "file-upload",
+            ref: "fileInput",
+            type: "file",
+            style: { display: "none" },
+            accept: e.fileInfo[c.type].accept,
+            onChange: e.handleFileChange
+          }, null, 40, f),
+          o[1] || (o[1] = t(
+            "span",
+            { class: "pi pi-paperclip attachment-section__icon" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          t("div", null, [
+            o[0] || (o[0] = t(
+              "p",
+              { class: "attachment-section__title" },
+              " Прикрепить файл ",
+              -1
+              /* CACHED */
+            )),
+            t(
+              "p",
+              p,
+              r(e.fileInfo[c.type].text),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        2
+        /* CLASS */
+      )) : e.uploadStatus === "success" && e.preview ? (n(), _(e.FilePreview, {
+        key: 1,
+        "file-info": e.preview,
+        onReset: e.handleFileDecline
+      }, null, 8, ["file-info"])) : a("v-if", !0),
+      e.error ? (n(), i(
+        "div",
+        h,
+        r(e.error),
+        1
+        /* TEXT */
+      )) : a("v-if", !0)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const x = /* @__PURE__ */ d(l, [["render", v], ["__scopeId", "data-v-cdbee945"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue"]]);
 export {
-  a as default
+  x 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, ref as t, inject as F, watch as d, unref as P } from "vue";
+import A from "../FilePreview/FilePreview.vue.js";
+import { uploadFile as E } from "../../../hooks/uploadFile/uploadFile.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
@@ -12,10 +12,7 @@ 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 = {
-  key: 2,
-  class: "attachment-section__error-text"
-}, $ = /* @__PURE__ */ E({
+const T = /* @__PURE__ */ I({
   __name: "WABAAttachmentSection",
   props: {
     type: {
@@ -28,9 +25,10 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
     }
   },
   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(g, { expose: w, emit: y }) {
+    w();
+    const l = g, m = t(F("filebumpUrl")), r = t(null), p = t(), o = t(""), i = t(""), f = t(), u = y, _ = () => {
+      p.value && i.value != "success" && p.value.click();
     }, s = {
       DOCUMENT: {
         text: "Документ до 100 МБ",
@@ -53,21 +51,21 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
         error: "Некорректный тип файла, выберите MP4 или MOV",
         icon: "pi pi-video"
       }
-    }, I = (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", {
+    }, h = (c) => {
+      var v;
+      const n = (v = c.target.files) == null ? void 0 : v[0];
+      if (n) {
+        o.value = "";
+        const x = n.name.split(".");
+        if (s[l.type].accept.indexOf(x[x.length - 1]) == -1)
+          o.value = s[l.type].error;
+        else if (n.size > s[l.type].maxSize)
+          o.value = "Файл слишком большого размера";
+        else if (!o.value) {
+          r.value = n, i.value = "uploading";
+          const S = P(m.value);
+          E(typeof S == "string" ? S : null, n).then((e) => {
+            i.value = e.status, e.status == "success" && (u("fileSelected", {
               url: e.url,
               filename: e.name,
               filesize: e.size,
@@ -83,48 +81,24 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
           });
         }
       }
-    }, C = () => {
-      p.value && (p.value = null, i.value = "");
+    }, z = () => {
+      r.value && (r.value = null, i.value = "");
     };
-    return h(
+    d(
       () => i.value,
-      (a) => {
-        a === "" && (o.value && (o.value.value = ""), p.value = null, d("fileSelected", null));
+      (c) => {
+        c === "" && (p.value && (p.value.value = ""), r.value = null, u("fileSelected", null));
       }
-    ), h(
-      () => c.templateId,
+    ), d(
+      () => l.templateId,
       () => {
         i.value = "";
       }
-    ), (a, t) => (u(), v(A, null, [
-      i.value !== "success" ? (u(), v("div", {
-        key: 0,
-        class: P(["attachment-section", { "attachment-section__error": l.value }]),
-        onClick: k
-      }, [
-        r("input", {
-          id: "file-upload",
-          ref_key: "fileInput",
-          ref: o,
-          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)
-        ])
-      ], 2)) : i.value === "success" && f.value ? (u(), D(V, {
-        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)
-    ], 64));
+    );
+    const a = { props: l, filebumpUrl: m, selectedFile: r, fileInput: p, error: o, uploadStatus: i, preview: f, emit: u, triggerFileUpload: _, fileInfo: s, handleFileChange: h, handleFileDecline: z, FilePreview: A };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
 export {
-  $ as default
+  T as default
 };

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

@@ -1,7 +1,50 @@
-import o from "./WABAQuickReplyButtons.vue2.js";
+import i from "./WABAQuickReplyButtons.vue2.js";
+import { createElementBlock as s, openBlock as n, Fragment as u, renderList as p, createElementVNode as e, normalizeClass as a, toDisplayString as _ } from "vue";
 /* empty css                           */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ce7b10d6"]]);
+import d from "../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "quick-reply-buttons" }, m = ["onClick"], y = { class: "quick-reply-buttons__line" };
+function f(h, l, o, c, v, B) {
+  return n(), s("div", k, [
+    (n(!0), s(
+      u,
+      null,
+      p(o.buttons.slice(0, 3), (r, t) => (n(), s("div", {
+        key: t,
+        class: "quick-reply-buttons__preview-action",
+        onClick: (b) => c.handleQuickReplyClick(t)
+      }, [
+        l[0] || (l[0] = e(
+          "hr",
+          { class: "quick-reply-buttons__separator" },
+          null,
+          -1
+          /* CACHED */
+        )),
+        e("div", y, [
+          e(
+            "span",
+            {
+              class: a(["quick-reply-buttons__icon pi pi-arrow-up-left", t == 2 && o.buttons.length > 3 ? "pi-list" : c.icons[r.type]])
+            },
+            null,
+            2
+            /* CLASS */
+          ),
+          e(
+            "p",
+            null,
+            _(t == 2 && o.buttons.length > 3 ? "Смотреть все варианты" : r.text),
+            1
+            /* TEXT */
+          )
+        ])
+      ], 8, m))),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ]);
+}
+const Q = /* @__PURE__ */ d(i, [["render", f], ["__scopeId", "data-v-c7dd3663"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/WABAQuickReplyButtons/WABAQuickReplyButtons.vue"]]);
 export {
-  e as default
+  Q as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as k, createElementBlock as s, openBlock as l, Fragment as m, renderList as y, createElementVNode as n, normalizeClass as b, toDisplayString as d } from "vue";
-const h = { class: "quick-reply-buttons" }, f = ["onClick"], g = { class: "quick-reply-buttons__line" }, v = /* @__PURE__ */ k({
+import { defineComponent as p } from "vue";
+const u = /* @__PURE__ */ p({
   __name: "WABAQuickReplyButtons",
   props: {
     buttons: {
@@ -8,31 +8,18 @@ const h = { class: "quick-reply-buttons" }, f = ["onClick"], g = { class: "quick
     }
   },
   emits: ["selectAllVariants"],
-  setup(t, { emit: c }) {
-    const u = c, a = t, p = {
+  setup(s, { expose: i, emit: o }) {
+    i();
+    const e = o, t = s, n = { emit: e, props: t, icons: {
       URL: "pi-arrow-up-right",
       PHONE_NUMBER: "pi-phone",
       QUICK_REPLY: "pi-arrow-up-left"
-    }, _ = (o) => {
-      o == 2 && a.buttons.length > 3 && u("selectAllVariants");
-    };
-    return (o, i) => (l(), s("div", h, [
-      (l(!0), s(m, null, y(t.buttons.slice(0, 3), (r, e) => (l(), s("div", {
-        key: e,
-        class: "quick-reply-buttons__preview-action",
-        onClick: (C) => _(e)
-      }, [
-        i[0] || (i[0] = n("hr", { class: "quick-reply-buttons__separator" }, null, -1)),
-        n("div", g, [
-          n("span", {
-            class: b(["quick-reply-buttons__icon pi pi-arrow-up-left", e == 2 && t.buttons.length > 3 ? "pi-list" : p[r.type]])
-          }, null, 2),
-          n("p", null, d(e == 2 && t.buttons.length > 3 ? "Смотреть все варианты" : r.text), 1)
-        ])
-      ], 8, f))), 128))
-    ]));
+    }, handleQuickReplyClick: (r) => {
+      r == 2 && t.buttons.length > 3 && e("selectAllVariants");
+    } };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
   }
 });
 export {
-  v as default
+  u as default
 };