@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,16 +1,16 @@
-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 { 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 z } from "../../../hooks/useTheme.js";
+import { useTheme as oe } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-import { t as D } from "../../../locale/useLocale.js";
+import { t as f } 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 le = /* @__PURE__ */ I({
+const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], Le = /* @__PURE__ */ N({
   __name: "TextFormatToolbar",
   props: {
     textarea: {
@@ -19,107 +19,195 @@ const le = /* @__PURE__ */ I({
     }
   },
   emits: ["format-applied"],
-  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 = {
+  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 = {
       bold: { prefix: "**", suffix: "**" },
       italic: { prefix: "*", suffix: "*" },
       underline: { prefix: "<u>", suffix: "</u>" },
       strikethrough: { prefix: "~~", suffix: "~~" },
       code: { prefix: "`", suffix: "`" },
       quote: { prefix: "> ", suffix: "" }
-    }, p = (e) => {
-      f = e.clientX, m = e.clientY;
-    }, o = () => {
-      const e = t || l.textarea;
-      if (!e)
+    }, g = (t) => {
+      B = t.clientX, T = t.clientY;
+    }, r = () => {
+      const t = i || m.textarea;
+      if (!t)
         return;
-      const r = e.selectionStart, s = e.selectionEnd;
-      if (r === s) {
-        v();
+      const e = t.selectionStart, n = t.selectionEnd;
+      if (e === n) {
+        w();
         return;
       }
-      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`
+      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`
         };
       });
-    }, 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(`
+    }, 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(`
 `).map(
-        (M) => M.trim() ? `${s.prefix}${M}${s.suffix}` : M
+        (E) => E.trim() ? `${n.prefix}${E}${n.suffix}` : E
       ).join(`
-`), _ = 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: _
+`), 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
       }), setTimeout(() => {
-        o();
+        r();
       }, 10);
-    }, v = () => {
-      c || (T.value = !1);
-    }, F = () => {
-      c = !0, i && (clearTimeout(i), i = null);
-    }, H = () => {
-      c = !1, i = setTimeout(() => {
-        v();
+    }, w = () => {
+      b || (h.value = !1);
+    }, j = () => {
+      b = !0, a && (clearTimeout(a), a = null);
+    }, I = () => {
+      b = !1, a = setTimeout(() => {
+        w();
       }, 200);
     };
-    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;
+    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
+      })
+    ]));
   }
 });
 export {
-  le as default
+  Le as default
 };

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

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

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

@@ -1,6 +1,6 @@
-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 { 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";
@@ -12,7 +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 T = /* @__PURE__ */ I({
+const O = ["accept"], B = { class: "attachment-section__info" }, G = {
+  key: 2,
+  class: "attachment-section__error-text"
+}, $ = /* @__PURE__ */ E({
   __name: "WABAAttachmentSection",
   props: {
     type: {
@@ -25,10 +28,9 @@ const T = /* @__PURE__ */ I({
     }
   },
   emits: ["fileSelected"],
-  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();
+  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 = {
       DOCUMENT: {
         text: "Документ до 100 МБ",
@@ -51,21 +53,21 @@ const T = /* @__PURE__ */ I({
         error: "Некорректный тип файла, выберите MP4 или MOV",
         icon: "pi pi-video"
       }
-    }, 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", {
+    }, 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", {
               url: e.url,
               filename: e.name,
               filesize: e.size,
@@ -81,24 +83,48 @@ const T = /* @__PURE__ */ I({
           });
         }
       }
-    }, z = () => {
-      r.value && (r.value = null, i.value = "");
+    }, C = () => {
+      p.value && (p.value = null, i.value = "");
     };
-    d(
+    return h(
       () => i.value,
-      (c) => {
-        c === "" && (p.value && (p.value.value = ""), r.value = null, u("fileSelected", null));
+      (a) => {
+        a === "" && (o.value && (o.value.value = ""), p.value = null, d("fileSelected", null));
       }
-    ), d(
-      () => l.templateId,
+    ), h(
+      () => c.templateId,
       () => {
         i.value = "";
       }
-    );
-    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;
+    ), (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));
   }
 });
 export {
-  T as default
+  $ as default
 };

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

@@ -1,50 +1,7 @@
-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";
+import o from "./WABAQuickReplyButtons.vue2.js";
 /* empty css                           */
-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"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ce7b10d6"]]);
 export {
-  Q as default
+  e as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as p } from "vue";
-const u = /* @__PURE__ */ p({
+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({
   __name: "WABAQuickReplyButtons",
   props: {
     buttons: {
@@ -8,18 +8,31 @@ const u = /* @__PURE__ */ p({
     }
   },
   emits: ["selectAllVariants"],
-  setup(s, { expose: i, emit: o }) {
-    i();
-    const e = o, t = s, n = { emit: e, props: t, icons: {
+  setup(t, { emit: c }) {
+    const u = c, a = t, p = {
       URL: "pi-arrow-up-right",
       PHONE_NUMBER: "pi-phone",
       QUICK_REPLY: "pi-arrow-up-left"
-    }, handleQuickReplyClick: (r) => {
-      r == 2 && t.buttons.length > 3 && e("selectAllVariants");
-    } };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+    }, _ = (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))
+    ]));
   }
 });
 export {
-  u as default
+  v as default
 };