@mobilon-dev/chotto 0.3.30 → 0.3.31

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

@@ -0,0 +1,66 @@
+import { inject as p, ref as c, watch as g, onMounted as h, onUnmounted as v, createElementBlock as y, openBlock as w, withKeys as x, normalizeClass as k, unref as E, toDisplayString as F, nextTick as B } from "vue";
+/* empty css                          */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = ["id"], I = {
+  __name: "PlaceholderComponent",
+  props: {
+    index: {
+      type: Number,
+      required: !0
+    },
+    value: {
+      type: String,
+      required: !0
+    },
+    isFilled: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["edit"],
+  setup(l, { emit: u }) {
+    const i = p("chatAppId"), e = l, s = u, n = c(e.value), r = c();
+    g(
+      () => e.isFilled,
+      () => {
+        e.isFilled || (n.value = "Заполнить");
+      },
+      { immediate: !0 }
+    );
+    const f = (t) => {
+      if (!e.isFilled) {
+        n.value = "";
+        const o = window.getSelection();
+        o.getRangeAt && o.rangeCount && o.getRangeAt(0).selectNodeContents(t.target);
+      }
+    };
+    function a() {
+      n.value = r.value.innerText.trim(), e.value != n.value && (n.value != "" ? s("edit", [n.value, e.index]) : e.isFilled ? B(() => {
+        n.value = e.value;
+      }) : n.value = "Заполнить");
+    }
+    function m(t) {
+      t.target.blur(), a();
+    }
+    function d(t) {
+      t.target == document.getElementById("placeholder" + i + e.index) && (t.key === "Escape" && t.target.blur(), t.key == "Tab" && (t.target.blur(), document.getElementById("placeholder" + i + (e.index + 1)) && (t.preventDefault(), document.getElementById("placeholder" + i + (e.index + 1)).focus())));
+    }
+    return h(() => {
+      window.addEventListener("keydown", d);
+    }), v(() => {
+      window.removeEventListener("keydown", d);
+    }), (t, o) => (w(), y("span", {
+      id: "placeholder" + E(i) + l.index,
+      ref_key: "refPlaceholder",
+      ref: r,
+      contenteditable: "",
+      class: k([{ filled: l.isFilled, empty: !l.isFilled }, "placeholder"]),
+      onKeydown: x(m, ["enter"]),
+      onFocus: f,
+      onBlur: a
+    }, F(n.value), 43, b));
+  }
+}, K = /* @__PURE__ */ _(I, [["__scopeId", "data-v-558891d3"]]);
+export {
+  K as default
+};

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

@@ -0,0 +1,206 @@
+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";
+/* empty css                              */
+import Y from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.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" } }, se = { style: { display: "flex" } }, oe = {
+  key: 0,
+  class: "template-selector__button-close"
+}, ae = {
+  key: 1,
+  class: "template-selector__button-close"
+}, re = { class: "template-selector__button-close" }, ce = { class: "template-selector__layout" }, ne = ["id"], ie = { class: "template-selector__list-groups" }, pe = { class: "template-selector__label-group" }, de = ["src", "alt"], ue = ["id", "value"], me = ["id"], _e = { class: "template-selector__searching-container" }, ve = { class: "template-selector__templates" }, fe = {
+  key: 0,
+  class: "template-selector__list-templates"
+}, he = ["onClick"], ye = { class: "template-selector__item-template-info" }, ge = { class: "template-selector__item-title" }, we = { class: "template-selector__item-text" }, ke = {
+  key: 1,
+  class: "template-selector__plug"
+}, Ce = ["id"], Te = {
+  key: 0,
+  class: "template-selector__preview"
+}, be = { class: "template-selector__preview-wrapper" }, Se = { class: "template-selector__preview-text" }, Be = {
+  key: 1,
+  class: "template-selector__plug"
+}, Ie = {
+  __name: "TemplateSelector",
+  props: {
+    templates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    groupTemplates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    elevatedWindow: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    chatBackground: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["closeTemplateWindow", "pasteTemplate"],
+  setup(_, { emit: W }) {
+    const d = _, r = j("chatAppId"), { setMessageText: L } = X(r), M = () => {
+      R("closeTemplateWindow"), L(v.value.template);
+    }, R = W, u = c(null), v = c(null), k = c(""), C = c(), f = c(""), n = c(""), h = c(""), i = c(!1), U = m(() => d.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(Z)}`), $ = m(() => !!(i.value && (h.value == "grid" && n.value == "none" || n.value == "grid" && f.value == "none"))), z = m(() => !!(i.value && (f.value == "grid" && n.value == "none" || n.value == "grid" && h.value == "none"))), A = () => {
+      i.value && (n.value == "grid" ? D() : h.value == "grid" && T());
+    }, q = () => {
+      i.value && (n.value == "grid" ? B() : f.value == "grid" && T());
+    }, D = () => {
+      const t = document.getElementById("template-selector-container-" + r);
+      t.style.setProperty("--chotto-template-first-col-display", "grid"), t.style.setProperty("--chotto-template-second-col-display", "none"), y();
+    }, B = () => {
+      const t = document.getElementById("template-selector-container-" + r);
+      t.style.setProperty("--chotto-template-third-col-display", "grid"), t.style.setProperty("--chotto-template-second-col-display", "none"), y();
+    }, T = () => {
+      const t = document.getElementById("template-selector-container-" + r);
+      t.style.setProperty("--chotto-template-second-col-display", "grid"), t.style.setProperty("--chotto-template-first-col-display", "none"), t.style.setProperty("--chotto-template-third-col-display", "none"), y();
+    }, y = () => {
+      const t = document.getElementById("template-selector-container-" + r), l = window.getComputedStyle(t);
+      f.value = l.getPropertyValue("--chotto-template-first-col-display"), n.value = l.getPropertyValue("--chotto-template-second-col-display"), h.value = l.getPropertyValue("--chotto-template-third-col-display");
+    }, F = (t) => {
+      d.templates.forEach((l) => l.isSelected = !1), t.isSelected = !0, v.value = t, B();
+    }, O = () => {
+      T(), d.templates.forEach((t) => t.isSelected = !1);
+    }, N = m(() => u.value ? d.templates.filter((t) => t.groupId === u.value.groupId) : d.templates), I = m(() => {
+      const t = k.value.trim().toLowerCase();
+      return N.value.filter((l) => l.title.toLowerCase().includes(t) || l.template.toLowerCase().includes(t));
+    }), Q = new ResizeObserver((t) => {
+      const l = t[0].target.clientWidth;
+      l > 700 && (i.value = !1), l < 700 && (i.value = !0);
+    });
+    return G(() => {
+      y(), p(C) && Q.observe(p(C));
+    }), (t, l) => (a(), o("div", ee, [
+      e("div", {
+        id: "template-selector-container-" + p(r),
+        ref_key: "refContainer",
+        ref: C,
+        class: b({
+          "template-selector__container-inline": !_.elevatedWindow,
+          "template-selector__container-elevated": _.elevatedWindow
+        })
+      }, [
+        e("div", le, [
+          e("div", se, [
+            $.value ? (a(), o("button", oe, [
+              e("span", {
+                class: "pi pi-arrow-left",
+                onClick: A
+              })
+            ])) : S("", !0),
+            z.value ? (a(), o("button", ae, [
+              e("span", {
+                class: "pi pi-arrow-right",
+                onClick: q
+              })
+            ])) : S("", !0)
+          ]),
+          e("button", re, [
+            e("span", {
+              class: "pi pi-times",
+              onClick: l[0] || (l[0] = (s) => t.$emit("closeTemplateWindow"))
+            })
+          ])
+        ]),
+        e("div", ce, [
+          e("div", {
+            id: "template-selector-first-col-" + p(r),
+            class: "template-selector__first-col"
+          }, [
+            e("ul", ie, [
+              (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 === s }]),
+                onClick: O
+              }, [
+                e("label", pe, [
+                  s.iconUrl ? (a(), o("img", {
+                    key: 0,
+                    class: "template-selector__item-group-icon",
+                    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: s,
+                    class: "template-selector__input-group",
+                    type: "radio"
+                  }, null, 8, ue), [
+                    [H, u.value]
+                  ]),
+                  e("span", null, w(s.title), 1)
+                ])
+              ], 2))), 128))
+            ])
+          ], 8, ne),
+          e("div", {
+            id: "template-selector-second-col-" + p(r),
+            class: "template-selector__second-col"
+          }, [
+            e("div", _e, [
+              E(e("input", {
+                "onUpdate:modelValue": l[2] || (l[2] = (s) => k.value = s),
+                class: "template-selector__searching-input",
+                type: "text",
+                placeholder: "Поиск шаблона"
+              }, null, 512), [
+                [J, k.value]
+              ])
+            ]),
+            e("div", ve, [
+              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": s.isSelected }]),
+                  onClick: (P) => F(s)
+                }, [
+                  e("div", ye, [
+                    e("p", ge, w(s.title), 1),
+                    e("p", we, w(s.template), 1)
+                  ])
+                ], 10, he))), 128))
+              ])) : (a(), o("p", ke, " Шаблоны отсутствуют "))
+            ])
+          ], 8, me),
+          e("div", {
+            id: "template-selector-third-col-" + p(r),
+            class: "template-selector__third-col"
+          }, [
+            e("div", {
+              class: "template-selector__preview-container",
+              style: K({ backgroundImage: `url(${U.value})` })
+            }, [
+              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(), o("p", Be, " Предпросмотр шаблона "))
+            ], 4),
+            e("button", {
+              class: "template-selector__button-paste",
+              onClick: M
+            }, " Вставить ")
+          ], 8, Ce)
+        ])
+      ], 10, te)
+    ]));
+  }
+}, Ae = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
+export {
+  Ae as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./TextFormatToolbar.vue2.js";
+/* empty css                       */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-496f7af0"]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,210 @@
+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";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import { t as f } from "../../../locale/useLocale.js";
+const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], Me = /* @__PURE__ */ N({
+  __name: "TextFormatToolbar",
+  props: {
+    textarea: {
+      type: Object,
+      default: null
+    }
+  },
+  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 = {
+      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)
+        return;
+      const e = t.selectionStart, n = t.selectionEnd;
+      if (e === n) {
+        w();
+        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`
+        };
+      });
+    }, 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(
+        (E) => E.trim() ? `${n.prefix}${E}${n.suffix}` : E
+      ).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
+      }), setTimeout(() => {
+        r();
+      }, 10);
+    }, w = () => {
+      b || (h.value = !1);
+    }, j = () => {
+      b = !0, a && (clearTimeout(a), a = null);
+    }, I = () => {
+      b = !1, a = setTimeout(() => {
+        w();
+      }, 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
+      })
+    ]));
+  }
+});
+export {
+  Me as default
+};

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

@@ -0,0 +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"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,126 @@
+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 c, 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";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+const O = ["accept"], B = { class: "attachment-section__info" }, G = {
+  key: 2,
+  class: "attachment-section__error-text"
+}, K = /* @__PURE__ */ E({
+  __name: "WABAAttachmentSection",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    templateId: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["fileSelected"],
+  setup(m, { emit: w }) {
+    const r = 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 МБ",
+        accept: ".pdf,.doc,.docx,.xls,.xlsx",
+        maxSize: 104857600,
+        error: "Некорректный тип файла, выберите PDF, DOC или XLS",
+        icon: "pi pi-file"
+      },
+      IMAGE: {
+        text: "Изображение до 5 МБ",
+        accept: ".jpg,.jpeg,.png",
+        maxSize: 5242880,
+        error: "Некорректный тип файла, выберите JPG, JPEG или PNG",
+        icon: "pi pi-image"
+      },
+      VIDEO: {
+        text: "Видео до 16 МБ",
+        accept: ".mp4,.mov",
+        maxSize: 16777216,
+        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[r.type].accept.indexOf(y[y.length - 1]) == -1)
+          l.value = s[r.type].error;
+        else if (t.size > s[r.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
+            }));
+          });
+        }
+      }
+    }, C = () => {
+      p.value && (p.value = null, i.value = "");
+    };
+    return h(
+      () => i.value,
+      (a) => {
+        a === "" && (o.value && (o.value.value = ""), p.value = null, d("fileSelected", null));
+      }
+    ), h(
+      () => r.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
+      }, [
+        c("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] = 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", 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 {
+  K as default
+};

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

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

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

@@ -0,0 +1,38 @@
+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: {
+      type: Array,
+      default: []
+    }
+  },
+  emits: ["selectAllVariants"],
+  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"
+    }, _ = (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 {
+  v as default
+};