@dv.net/ui-kit 7.5.7 → 7.5.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dv.net/ui-kit",
   "private": false,
-  "version": "7.5.7",
+  "version": "7.5.9",
   "type": "module",
   "sideEffects": false,
   "module": "dist/index.js",

package/dist/assets/UiChat.vue_vue_type_script_setup_true_lang.DCBYICkI.js

@@ -1,134 +0,0 @@
-import { defineComponent as $, ref as b, computed as n, watch as j, onUnmounted as I, createElementBlock as r, openBlock as i, createCommentVNode as u, createElementVNode as c, unref as k, toDisplayString as g, createVNode as G, createBlock as p, normalizeClass as q, Transition as H, withCtx as J, Fragment as A, renderList as B } from "vue";
-import { _ as K } from "./UiChatHeader.vue_vue_type_script_setup_true_lang.CkV0GeAh.js";
-import "./style.C3xG1ALc.js";
-import { _ as P } from "./UiChatFooter.vue_vue_type_script_setup_true_lang.DDY3HZXd.js";
-import { _ as Q } from "./UiChatMessage.vue_vue_type_script_setup_true_lang.BkD09EG5.js";
-/* empty css                                                       */
-import { _ as W } from "./UiChatManagerAlert.vue_vue_type_script_setup_true_lang.DzU8TXYU.js";
-/* empty css                                                            */
-import { d, u as X, t as Y } from "./useDatePicker.BwRlPS-o.js";
-import { config as l } from "../config/index.js";
-import { UiChatTicketStatusValue as L } from "../components/UiChat/types.js";
-import { d as Z } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.DDZ-aWa5.js";
-import { useBreakpoints as x } from "../composables/useBreakpoints.js";
-const ee = { class: "ui-chat" }, te = {
-  key: 0,
-  class: "ui-chat__top"
-}, ae = { class: "ui-chat__top-title" }, se = {
-  key: 0,
-  class: "ui-chat__top-id"
-}, ie = { class: "ui-chat__wrapper" }, ne = { class: "ui-chat__group-date" }, ye = /* @__PURE__ */ $({
-  __name: "UiChat",
-  props: {
-    ticket: {},
-    messages: { default: () => [] },
-    currentUserUuid: {},
-    showManagerAlert: { type: Boolean, default: !1 },
-    managerAlertSeconds: {},
-    ticketLoading: { type: Boolean, default: !1 },
-    isCreateTicket: { type: Boolean, default: !1 },
-    sendingLoading: { type: Boolean, default: !1 },
-    enableReopenTicket: { type: Boolean, default: !1 }
-  },
-  emits: ["action-ticket", "submit", "attach"],
-  setup(s, { expose: U, emit: z }) {
-    d.extend(X), d.extend(Y);
-    const h = z, { isDesktop: _ } = x(), w = b(), m = b(!s.isCreateTicket);
-    let o = null;
-    const M = n(() => l.uiChat.timezone || d.tz.guess()), v = (e) => {
-      const t = d(e);
-      return t.isValid() ? t.tz(M.value) : null;
-    }, D = (e) => {
-      const t = v(e);
-      return t?.isValid() ? t.format(l.uiChat.dateFormat) : e.split(/[T\s]/)[0] || e;
-    }, E = (e) => e.user.uuid === s.currentUserUuid, y = n(() => !s.messages.length || !s.ticket || !s.currentUserUuid), C = n(() => typeof s.ticket?.status?.value < "u"), S = n(() => C.value ? s.ticket?.status?.value === L.MANAGER_CLOSED || s.ticket?.status?.value === L.USER_CLOSED : !1), F = n(() => !(!s.isCreateTicket && !C.value || C.value && S.value)), R = n(() => s.isCreateTicket && y.value && !s.ticketLoading), V = n(() => {
-      if (!y.value) return s.messages;
-      if (!m.value) return [];
-      const e = d().tz(M.value).format(l.uiChat.dateTimeFormat);
-      return [Z(l.uiChat.translations.defaultMessage, e)];
-    }), O = n(() => {
-      const e = {};
-      for (const t of V.value) {
-        const a = D(t.created_at);
-        e[a] || (e[a] = []), e[a].push(t);
-      }
-      for (const t in e)
-        e[t].sort((a, f) => (v(a.created_at)?.valueOf() ?? 0) - (v(f.created_at)?.valueOf() ?? 0));
-      return e;
-    }), N = () => {
-      w.value?.clearInputAndFiles();
-    };
-    return j(
-      R,
-      (e) => {
-        if (o && (clearTimeout(o), o = null), !e) {
-          m.value = !0;
-          return;
-        }
-        m.value = !1, o = setTimeout(() => {
-          m.value = !0;
-        }, 1e3);
-      },
-      { immediate: !0 }
-    ), I(() => {
-      o && (clearTimeout(o), o = null);
-    }), U({ clearInputAndFiles: N }), (e, t) => (i(), r("div", ee, [
-      k(_) ? (i(), r("div", te, [
-        c("span", ae, g(e.ticket?.subject || k(l).uiChat.translations.newTicket), 1),
-        e.ticket?.id ? (i(), r("span", se, g(k(l).uiChat.translations.ticket) + " #" + g(e.ticket.id), 1)) : u("", !0)
-      ])) : u("", !0),
-      c("div", ie, [
-        G(K, {
-          ticket: e.ticket,
-          "is-empty": y.value,
-          "is-closed-ticket": S.value,
-          "ticket-loading": e.ticketLoading,
-          "enable-reopen-ticket": e.enableReopenTicket,
-          onActionTicket: t[0] || (t[0] = (a) => h("action-ticket", a))
-        }, null, 8, ["ticket", "is-empty", "is-closed-ticket", "ticket-loading", "enable-reopen-ticket"]),
-        c("div", {
-          class: q(["ui-chat__body", { "mobile-layout": k(_) }])
-        }, [
-          e.ticketLoading ? u("", !0) : (i(), p(H, {
-            key: 0,
-            name: "alert",
-            mode: "out-in",
-            appear: ""
-          }, {
-            default: J(() => [
-              e.showManagerAlert ? (i(), p(W, {
-                key: 0,
-                seconds: e.managerAlertSeconds
-              }, null, 8, ["seconds"])) : u("", !0)
-            ]),
-            _: 1
-          })),
-          e.ticketLoading ? u("", !0) : (i(!0), r(A, { key: 1 }, B(O.value, (a, f) => (i(), r("div", {
-            key: f,
-            class: "ui-chat__group"
-          }, [
-            c("div", ne, [
-              c("span", null, g(f), 1)
-            ]),
-            (i(!0), r(A, null, B(a, (T) => (i(), p(Q, {
-              key: T.id,
-              message: T,
-              "is-own": E(T)
-            }, null, 8, ["message", "is-own"]))), 128))
-          ]))), 128))
-        ], 2),
-        F.value ? (i(), p(P, {
-          key: 0,
-          ref_key: "footerRef",
-          ref: w,
-          "sending-loading": e.sendingLoading,
-          onSubmit: t[1] || (t[1] = (a) => h("submit", a)),
-          onAttach: t[2] || (t[2] = (a) => h("attach", a))
-        }, null, 8, ["sending-loading"])) : u("", !0)
-      ])
-    ]));
-  }
-});
-export {
-  ye as _
-};

package/dist/assets/UiChatAttachments.vue_vue_type_script_setup_true_lang.DDZ-aWa5.js

@@ -1,97 +0,0 @@
-import { defineComponent as w, ref as o, computed as U, createElementBlock as d, openBlock as h, createElementVNode as i, createVNode as _, Fragment as R, renderList as j, toDisplayString as E } from "vue";
-import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
-/* empty css                                                */
-import { _ as I } from "./UiGallery.vue_vue_type_script_setup_true_lang.BT952T6m.js";
-/* empty css                                                   */
-const J = (n, u) => ({
-  id: 0,
-  ticket_id: 0,
-  message: n,
-  created_at: u,
-  updated_at: u,
-  files: [],
-  attachments: [],
-  user: { uuid: "", avatar: null, telegram: null, email: "", name: null }
-}), O = 10, f = ["jpg", "jpeg", "png", "heic", "heif"], K = f.join(", "), V = f.map((n) => `.${n}`).join(","), M = { class: "ui-chat-attachments" }, S = ["accept", "multiple"], $ = { class: "ui-chat-attachments__file" }, H = ["src", "alt"], x = { class: "ui-chat-attachments__overlay" }, B = ["onClick"], D = ["disabled", "onClick"], P = { class: "ui-chat-attachments__description" }, Q = /* @__PURE__ */ w({
-  __name: "UiChatAttachments",
-  props: {
-    maxFiles: { default: () => O },
-    accept: { default: () => V },
-    sendingLoading: { type: Boolean, default: !1 }
-  },
-  emits: ["change"],
-  setup(n, { expose: u, emit: A }) {
-    const r = A, v = o(), t = o([]), l = o(/* @__PURE__ */ new Map()), F = () => {
-      t.value.length >= n.maxFiles || n.sendingLoading || v.value?.click();
-    }, y = (e) => {
-      const a = e.target;
-      if (!a.files?.length) return;
-      const s = n.maxFiles - t.value.length, c = Array.from(a.files).slice(0, s);
-      t.value.push(...c), r("change", t.value), a.value = "";
-    }, C = (e) => {
-      if (n.sendingLoading) return;
-      const a = l.value.get(t.value[e]);
-      a && (window.URL.revokeObjectURL(a), l.value.delete(t.value[e])), t.value.splice(e, 1), r("change", t.value);
-    }, L = (e) => (l.value.has(e) || l.value.set(e, window.URL.createObjectURL(e)), l.value.get(e)), m = o(!1), p = o(0), b = U(() => t.value.map((e) => ({ file: e }))), k = (e) => {
-      p.value = e, m.value = !0;
-    };
-    return u({ openFileDialog: F, clearFiles: () => {
-      l.value.forEach((e) => window.URL.revokeObjectURL(e)), l.value.clear(), t.value = [], r("change", []);
-    } }), (e, a) => (h(), d("div", M, [
-      i("input", {
-        ref_key: "fileInput",
-        ref: v,
-        type: "file",
-        accept: e.accept,
-        multiple: e.maxFiles > 1,
-        hidden: "",
-        onChange: y
-      }, null, 40, S),
-      (h(!0), d(R, null, j(t.value, (s, c) => (h(), d("div", {
-        key: c,
-        class: "ui-chat-attachments__item"
-      }, [
-        i("div", $, [
-          i("img", {
-            src: L(s),
-            alt: s.name
-          }, null, 8, H),
-          i("div", x, [
-            i("button", {
-              class: "ui-chat-attachments__btn ui-chat-attachments__btn--show",
-              onClick: (T) => k(c)
-            }, [
-              _(g, {
-                name: "visibility",
-                type: "400"
-              })
-            ], 8, B),
-            i("button", {
-              class: "ui-chat-attachments__btn ui-chat-attachments__btn--remove",
-              disabled: e.sendingLoading,
-              onClick: (T) => C(c)
-            }, [
-              _(g, {
-                name: "close",
-                type: "400"
-              })
-            ], 8, D)
-          ])
-        ]),
-        i("span", P, E(s.name), 1)
-      ]))), 128)),
-      _(I, {
-        modelValue: m.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => m.value = s),
-        images: b.value,
-        "initial-index": p.value
-      }, null, 8, ["modelValue", "images", "initial-index"])
-    ]));
-  }
-});
-export {
-  O as A,
-  Q as _,
-  K as a,
-  J as d
-};

package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.DDY3HZXd.js

@@ -1,106 +0,0 @@
-import { defineComponent as L, ref as d, computed as $, createElementBlock as V, openBlock as _, createElementVNode as e, createVNode as r, normalizeClass as h, unref as t, createBlock as x, createCommentVNode as B, withCtx as g, renderSlot as v, toDisplayString as c } from "vue";
-import { A as m, a as S, _ as T } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.DDZ-aWa5.js";
-/* empty css                                                           */
-import { _ as b } from "./UiIconButton.vue_vue_type_script_setup_true_lang.DMTMLuQZ.js";
-import "./style.C3xG1ALc.js";
-import { _ as z } from "./UiTextarea.vue_vue_type_script_setup_true_lang.D7yuONgD.js";
-/* empty css                                                    */
-import { _ as E } from "./UiTooltip.vue_vue_type_script_setup_true_lang.CHftlCxm.js";
-import { config as p } from "../config/index.js";
-import { useBreakpoints as D } from "../composables/useBreakpoints.js";
-const I = { class: "ui-chat__footer-wrapper" }, M = { class: "ui-chat__footer-tooltip" }, N = { class: "ui-chat__footer-input" }, K = /* @__PURE__ */ L({
-  __name: "UiChatFooter",
-  props: {
-    sendingLoading: { type: Boolean, default: !1 }
-  },
-  emits: ["submit", "attach"],
-  setup(C, { expose: y, emit: F }) {
-    const u = F, { isDesktop: k } = D(), a = d(null), s = d([]), i = d(), A = $(() => s.value.length >= m), f = () => {
-      !a.value || C.sendingLoading || u("submit", { message: a.value, files: s.value });
-    };
-    return y({ clearInputAndFiles: () => {
-      if (a.value = null, i.value?.clearFiles) {
-        i.value.clearFiles();
-        return;
-      }
-      s.value = [], u("attach", []);
-    } }), (o, l) => (_(), V("div", I, [
-      e("div", {
-        class: h(["ui-chat__footer", { "mobile-layout": t(k) }])
-      }, [
-        A.value ? B("", !0) : (_(), x(E, { key: 0 }, {
-          text: g(() => [
-            e("p", M, [
-              e("span", null, c(t(p).uiChat.translations.maxFiles) + ": " + c(t(m)), 1),
-              e("span", null, c(t(p).uiChat.translations.supportsFormats) + ": " + c(t(S)), 1)
-            ])
-          ]),
-          default: g(() => [
-            e("div", {
-              class: "ui-chat__footer-control",
-              onClick: l[0] || (l[0] = (n) => i.value?.openFileDialog())
-            }, [
-              v(o.$slots, "footer-left", {}, () => [
-                r(b, {
-                  class: "ui-chat__footer-icon-button",
-                  "icon-name": "attach-file_add",
-                  type: "clear",
-                  "icon-type": "100",
-                  "icon-color": "#1968e5",
-                  size: "xl",
-                  "container-small": "",
-                  disabled: o.sendingLoading
-                }, null, 8, ["disabled"])
-              ])
-            ])
-          ]),
-          _: 3
-        })),
-        e("div", N, [
-          r(z, {
-            class: "ui-chat__footer-input-el",
-            modelValue: a.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (n) => a.value = n),
-            size: "auto",
-            placeholder: t(p).uiChat.translations.messagePlaceholder,
-            submitOnEnter: "",
-            disabled: o.sendingLoading,
-            onSubmit: f,
-            "is-empty-value-null": ""
-          }, null, 8, ["modelValue", "placeholder", "disabled"])
-        ]),
-        e("div", {
-          class: "ui-chat__footer-control",
-          onClick: f
-        }, [
-          v(o.$slots, "footer-right", {}, () => [
-            r(b, {
-              class: "ui-chat__footer-icon-button",
-              "icon-name": "send",
-              type: "clear",
-              "icon-type": "400",
-              "icon-color": "#1968e5",
-              size: "xl",
-              "container-small": "",
-              loading: o.sendingLoading,
-              disabled: !a.value
-            }, null, 8, ["loading", "disabled"])
-          ])
-        ])
-      ], 2),
-      r(T, {
-        ref_key: "attachmentsRef",
-        ref: i,
-        "max-files": t(m),
-        "sending-loading": o.sendingLoading,
-        class: h(["ui-chat__footer-attachments", { "ui-chat__footer-attachments--empty": !s.value.length }]),
-        onChange: l[2] || (l[2] = (n) => {
-          s.value = n, u("attach", n);
-        })
-      }, null, 8, ["max-files", "sending-loading", "class"])
-    ]));
-  }
-});
-export {
-  K as _
-};