@dv.net/ui-kit 7.4.1 → 7.5.0

package/dist/composables/useNotification/UiNotification.js

@@ -1,18 +1,25 @@
-import { defineComponent as C, ref as y, computed as _, onMounted as D, onUnmounted as L, createBlock as n, openBlock as o, Transition as w, withCtx as F, withDirectives as $, createElementVNode as l, normalizeStyle as b, createElementBlock as s, unref as i, normalizeClass as E, Fragment as T, createTextVNode as k, toDisplayString as m, vShow as O } from "vue";
+import { defineComponent as C, ref as y, computed as _, onMounted as D, onUnmounted as L, createBlock as n, openBlock as o, Transition as w, withCtx as F, withDirectives as $, createElementVNode as m, normalizeStyle as b, createElementBlock as s, unref as i, normalizeClass as E, Fragment as T, createTextVNode as k, toDisplayString as l, vShow as O } from "vue";
 import "../../assets/vue3-lottie.es.BGWavb2-.js";
-import "../../assets/style.CD0jFgS4.js";
+import "../../assets/style.C3xG1ALc.js";
 import { _ as p } from "../../assets/UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
 /* empty css                                                           */
-/* empty css                                                                    */
+/* empty css                                                                   */
+import { config as u } from "../../config/index.js";
+/* empty css                                                              */
+/* empty css                                                                      */
+/* empty css                                                               */
 /* empty css                                                               */
+import { isMobileDevice as S } from "../../helpers/is-mobile-device.js";
+/* empty css                                                                             */
+/* empty css                                                                  */
+/* empty css                                                                       */
 import "../../assets/useDatePicker.DnhbkLG1.js";
-import { config as u } from "../../config/index.js";
+/* empty css                                                                    */
 /* empty css                                                                      */
 import "../../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                                  */
 /* empty css                                                              */
 /* empty css                                                             */
-import { isMobileDevice as S } from "../../helpers/is-mobile-device.js";
 /* empty css                                                               */
 /* empty css                                                               */
 /* empty css                                                               */
@@ -22,12 +29,10 @@ import "vue-router";
 /* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                 */
-/* empty css                                                                   */
 /* empty css                                                               */
 /* empty css                                                           */
 /* empty css                                                               */
 /* empty css                                                                          */
-/* empty css                                                               */
 import { _ as U } from "../../assets/_plugin-vue_export-helper.CHgC5LLL.js";
 const z = { class: "ui-notification__top" }, I = ["innerHTML"], V = {
   key: 1,
@@ -66,13 +71,13 @@ const z = { class: "ui-notification__top" }, I = ["innerHTML"], V = {
       onAfterLeave: v[0] || (v[0] = (P) => c("remove"))
     }, {
       default: F(() => [
-        $(l("div", {
+        $(m("div", {
           class: "ui-notification",
           style: b(g.value),
           onMouseenter: H,
           onMouseleave: B
         }, [
-          l("div", z, [
+          m("div", z, [
             e.type === "error" ? (o(), n(i(p), {
               key: 0,
               name: "block",
@@ -89,13 +94,13 @@ const z = { class: "ui-notification__top" }, I = ["innerHTML"], V = {
               type: "400",
               color: "#B4FF29"
             })),
-            l("span", {
+            m("span", {
               class: E(["ui-notification__title", `${e.type}`])
             }, [
               e.title ? (o(), s(T, { key: 0 }, [
-                k(m(e.title), 1)
+                k(l(e.title), 1)
               ], 64)) : (o(), s(T, { key: 1 }, [
-                k(m(e.type === "error" ? i(u).uiNotification.translations.error : e.type === "success" ? i(u).uiNotification.translations.success + "!" : e.title || i(u).uiNotification.translations.infoTitle), 1)
+                k(l(e.type === "error" ? i(u).uiNotification.translations.error : e.type === "success" ? i(u).uiNotification.translations.success + "!" : e.title || i(u).uiNotification.translations.infoTitle), 1)
               ], 64))
             ], 2)
           ]),
@@ -103,7 +108,7 @@ const z = { class: "ui-notification__top" }, I = ["innerHTML"], V = {
             key: 0,
             innerHTML: e.message,
             class: "ui-notification__text"
-          }, null, 8, I)) : (o(), s("div", V, m(e.message), 1))
+          }, null, 8, I)) : (o(), s("div", V, l(e.message), 1))
         ], 36), [
           [O, a.value]
         ])
@@ -111,7 +116,7 @@ const z = { class: "ui-notification__top" }, I = ["innerHTML"], V = {
       _: 1
     }));
   }
-}), ke = /* @__PURE__ */ U(A, [["__scopeId", "data-v-2bd67e86"]]);
+}), He = /* @__PURE__ */ U(A, [["__scopeId", "data-v-2bd67e86"]]);
 export {
-  ke as default
+  He as default
 };

package/dist/config/index.js

@@ -1,5 +1,5 @@
 import { reactive as e } from "vue";
-const t = e({
+const a = e({
   locale: "en",
   uiDatePicker: {
     beginDate: "2022-01-01",
@@ -67,8 +67,23 @@ const t = e({
       success: "Success",
       infoTitle: "Information"
     }
+  },
+  uiChat: {
+    translations: {
+      newTicket: "New ticket",
+      ticket: "Ticket",
+      actions: "Actions",
+      remindAboutTicket: "Remind about ticket",
+      changeOperator: "Change operator",
+      closeTicket: "Close ticket",
+      defaultMessage: "Hello. How can I help you?",
+      messagePlaceholder: "Your message",
+      maxFiles: "Maximum files",
+      supportsFormats: "Supports formats",
+      managerAlert: "Connecting operator"
+    }
   }
 });
 export {
-  t as config
+  a as config
 };

package/dist/index.js

@@ -1,113 +1,116 @@
-import { _ as y } from "./assets/UiAnimation.vue_vue_type_script_setup_true_lang.DaVsSmL9.js";
-import { _ as T } from "./assets/UiAvatar.vue_vue_type_script_setup_true_lang.CqOkYtri.js";
-import "./assets/style.CD0jFgS4.js";
-import { _ as b } from "./assets/UiBlockTitle.vue_vue_type_script_setup_true_lang.CDQzSyvH.js";
-import { _ as C } from "./assets/UiButton.vue_vue_type_script_setup_true_lang.CAgnUvIV.js";
-import { _ as D } from "./assets/UiCheckbox.vue_vue_type_script_setup_true_lang.jNhN0anJ.js";
-import { _ as A } from "./assets/UiCheckboxGroup.vue_vue_type_script_setup_true_lang.RuHoIxXC.js";
+import { _ as I } from "./assets/UiAnimation.vue_vue_type_script_setup_true_lang.DaVsSmL9.js";
+import { _ as C } from "./assets/UiAvatar.vue_vue_type_script_setup_true_lang.D1vn5qXx.js";
+import "./assets/style.C3xG1ALc.js";
+import { _ as b } from "./assets/UiBlockTitle.vue_vue_type_script_setup_true_lang.D3gstLQO.js";
+import { _ as M } from "./assets/UiButton.vue_vue_type_script_setup_true_lang.C58Ve9-q.js";
+import { _ as D } from "./assets/UiChat.vue_vue_type_script_setup_true_lang.CTu88TXM.js";
+import { _ as w } from "./assets/UiCheckbox.vue_vue_type_script_setup_true_lang.BJv0xDk8.js";
+import { _ as F } from "./assets/UiCheckboxGroup.vue_vue_type_script_setup_true_lang.RuHoIxXC.js";
 /* empty css                                                                */
-import { _ as B } from "./assets/UiCollapse.vue_vue_type_script_setup_true_lang.DlfuDIVd.js";
-import { _ as G } from "./assets/UiCollapseItem.vue_vue_type_script_setup_true_lang.T5nsbevZ.js";
-import { _ as S } from "./assets/UiConfirm.vue_vue_type_script_setup_true_lang.BtEjkj0Q.js";
-import { _ as P } from "./assets/UiCopyText.vue_vue_type_script_setup_true_lang.pRQoDOxU.js";
+import { _ as R } from "./assets/UiCollapse.vue_vue_type_script_setup_true_lang.DlfuDIVd.js";
+import { _ as v } from "./assets/UiCollapseItem.vue_vue_type_script_setup_true_lang.CBGtA0OT.js";
+import { _ as j } from "./assets/UiConfirm.vue_vue_type_script_setup_true_lang.C0NGQkz6.js";
+import { _ as O } from "./assets/UiCopyText.vue_vue_type_script_setup_true_lang.BW_J9zQD.js";
 /* empty css                                                           */
-import { _ as N } from "./assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.DEaQJdY2.js";
-import { default as q } from "./components/UiDragAndDrop/UiDragAndDrop.js";
-import { _ as E } from "./assets/UiDrawer.vue_vue_type_script_setup_true_lang.7FvRxX0A.js";
+import { _ as z } from "./assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.BfxSFgGk.js";
+import { default as H } from "./components/UiDragAndDrop/UiDragAndDrop.js";
+import { _ as K } from "./assets/UiDrawer.vue_vue_type_script_setup_true_lang.7FvRxX0A.js";
 /* empty css                                                         */
-import { _ as J } from "./assets/UiDropdown.vue_vue_type_script_setup_true_lang.C8sc2Ar4.js";
+import { _ as V } from "./assets/UiDropdown.vue_vue_type_script_setup_true_lang.BPFv-AjS.js";
 /* empty css                                                           */
-import { _ as Q } from "./assets/UiFlagIcon.vue_vue_type_script_setup_true_lang.DgsviojW.js";
+import { _ as X } from "./assets/UiFlagIcon.vue_vue_type_script_setup_true_lang.DgsviojW.js";
 /* empty css                                                           */
-import { _ as W } from "./assets/UiForm.vue_vue_type_script_setup_true_lang.BH_LDWq2.js";
-import { _ as Y } from "./assets/UiFormItem.vue_vue_type_script_setup_true_lang.Bre9VzXd.js";
+import { _ as Z } from "./assets/UiForm.vue_vue_type_script_setup_true_lang.BH_LDWq2.js";
+import { _ as oo } from "./assets/UiFormItem.vue_vue_type_script_setup_true_lang.Bre9VzXd.js";
 /* empty css                                                           */
-import { _ as $ } from "./assets/UiGallery.vue_vue_type_script_setup_true_lang.vSJzXRLK.js";
-import { _ as ro } from "./assets/UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as to } from "./assets/UiGallery.vue_vue_type_script_setup_true_lang.pDss49af.js";
+/* empty css                                                          */
+import { _ as io } from "./assets/UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
 /* empty css                                                       */
-import { _ as ao } from "./assets/UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
-import { _ as io } from "./assets/UiInput.vue_vue_type_script_setup_true_lang.BH5qdvOZ.js";
-import { _ as mo } from "./assets/UiLanguages.vue_vue_type_script_setup_true_lang.DtEthdD6.js";
-import { _ as so } from "./assets/UiLayout.vue_vue_type_script_setup_true_lang.CELUDfDH.js";
+import { _ as po } from "./assets/UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
+import { _ as fo } from "./assets/UiInput.vue_vue_type_script_setup_true_lang.Dr-b7jG5.js";
+import { _ as xo } from "./assets/UiLanguages.vue_vue_type_script_setup_true_lang.MmWfwC3C.js";
+import { _ as _o } from "./assets/UiLayout.vue_vue_type_script_setup_true_lang.CELUDfDH.js";
 /* empty css                                                         */
-import { default as Uo } from "./components/UiLayoutAuth/UiLayoutAuth.js";
-import { _ as no } from "./assets/UiLayoutMenu.vue_vue_type_script_setup_true_lang.CjdqGSzF.js";
-import { _ as uo } from "./assets/UiLayoutMenuItem.vue_vue_type_script_setup_true_lang.CLIVTrur.js";
-import { _ as go } from "./assets/UiLink.vue_vue_type_script_setup_true_lang.BdNoHssP.js";
+import { default as lo } from "./components/UiLayoutAuth/UiLayoutAuth.js";
+import { _ as co } from "./assets/UiLayoutMenu.vue_vue_type_script_setup_true_lang.4wLA6Do-.js";
+import { _ as yo } from "./assets/UiLayoutMenuItem.vue_vue_type_script_setup_true_lang.ZkGXLRX8.js";
+import { _ as To } from "./assets/UiLink.vue_vue_type_script_setup_true_lang.BdNoHssP.js";
 /* empty css                                                       */
-import { _ as Io } from "./assets/UiLoading.vue_vue_type_script_setup_true_lang.D452h_BA.js";
-import { _ as Lo } from "./assets/UiMobileMenu.vue_vue_type_script_setup_true_lang.BWJ__ZHV.js";
-import { _ as ko } from "./assets/UiModal.vue_vue_type_script_setup_true_lang.CatEtX_V.js";
-import { _ as Mo } from "./assets/UiOverlay.vue_vue_type_script_setup_true_lang.DkZL3VLh.js";
+import { _ as Lo } from "./assets/UiLoading.vue_vue_type_script_setup_true_lang.cWPzNcNZ.js";
+import { _ as ko } from "./assets/UiMobileMenu.vue_vue_type_script_setup_true_lang.CVdeZpLR.js";
+import { _ as ho } from "./assets/UiModal.vue_vue_type_script_setup_true_lang.kAASqaaY.js";
+import { _ as Ao } from "./assets/UiOverlay.vue_vue_type_script_setup_true_lang.DkZL3VLh.js";
 /* empty css                                                          */
-import { _ as ho } from "./assets/UiPagination.vue_vue_type_script_setup_true_lang.DguX4iwq.js";
-import { _ as wo } from "./assets/UiProfileMenu.vue_vue_type_script_setup_true_lang.DLKXYSDQ.js";
-import { _ as Fo } from "./assets/UiRadio.vue_vue_type_script_setup_true_lang.Fg_yBWqe.js";
+import { _ as Bo } from "./assets/UiPagination.vue_vue_type_script_setup_true_lang.Br97aEUF.js";
+import { _ as Go } from "./assets/UiProfileMenu.vue_vue_type_script_setup_true_lang.BPIM20fS.js";
+import { _ as So } from "./assets/UiRadio.vue_vue_type_script_setup_true_lang.Fg_yBWqe.js";
 /* empty css                                                        */
-import { _ as Ro } from "./assets/UiRadioGroup.vue_vue_type_script_setup_true_lang.Bp5ikjTU.js";
+import { _ as Po } from "./assets/UiRadioGroup.vue_vue_type_script_setup_true_lang.Bp5ikjTU.js";
 /* empty css                                                             */
-import { _ as vo } from "./assets/UiSelect.vue_vue_type_script_setup_true_lang.CL2T5ktg.js";
-import { _ as jo } from "./assets/UiSkeleton.vue_vue_type_script_setup_true_lang.DdPvBHJ7.js";
+import { _ as No } from "./assets/UiSelect.vue_vue_type_script_setup_true_lang.KW-gAx4L.js";
+import { _ as qo } from "./assets/UiSkeleton.vue_vue_type_script_setup_true_lang.DdPvBHJ7.js";
 /* empty css                                                           */
-import { _ as Oo } from "./assets/UiSwitch.vue_vue_type_script_setup_true_lang.DqsPZD1T.js";
-import { _ as zo } from "./assets/UiTable.vue_vue_type_script_setup_true_lang.f0rsrVh5.js";
-import { _ as Ho } from "./assets/UiTabs.vue_vue_type_script_setup_true_lang.Cl2uvELZ.js";
+import { _ as Eo } from "./assets/UiSwitch.vue_vue_type_script_setup_true_lang.CQL4VRs4.js";
+import { _ as Jo } from "./assets/UiTable.vue_vue_type_script_setup_true_lang.BRxWn-LJ.js";
+import { _ as Qo } from "./assets/UiTabs.vue_vue_type_script_setup_true_lang.Cl2uvELZ.js";
 /* empty css                                                       */
-import { _ as Ko } from "./assets/UiTabsItem.vue_vue_type_script_setup_true_lang.XvsBaqkr.js";
+import { _ as Wo } from "./assets/UiTabsItem.vue_vue_type_script_setup_true_lang.XvsBaqkr.js";
 /* empty css                                                           */
-import { default as Vo } from "./components/UiTag/UiTag.js";
-import { _ as Xo } from "./assets/UiTextarea.vue_vue_type_script_setup_true_lang.Dv0mPKxv.js";
+import { default as Yo } from "./components/UiTag/UiTag.js";
+import { _ as $o } from "./assets/UiTextarea.vue_vue_type_script_setup_true_lang.bD1zcxkh.js";
 /* empty css                                                           */
-import { _ as Zo } from "./assets/UiTooltip.vue_vue_type_script_setup_true_lang.CptSEao7.js";
-import { default as or } from "./composables/useNotification/useNotification.js";
-import { config as tr } from "./config/index.js";
-import { d as er } from "./assets/useDatePicker.DnhbkLG1.js";
+import { _ as rr } from "./assets/UiTooltip.vue_vue_type_script_setup_true_lang.DNZTJcY4.js";
+import { default as ar } from "./composables/useNotification/useNotification.js";
+import { config as er } from "./config/index.js";
+import { d as mr } from "./assets/useDatePicker.DnhbkLG1.js";
 export {
-  y as UiAnimation,
-  T as UiAvatar,
+  I as UiAnimation,
+  C as UiAvatar,
   b as UiBlockTitle,
-  C as UiButton,
-  D as UiCheckbox,
-  A as UiCheckboxGroup,
-  B as UiCollapse,
-  G as UiCollapseItem,
-  S as UiConfirm,
-  P as UiCopyText,
-  N as UiDatepickerRange,
-  q as UiDragAndDrop,
-  E as UiDrawer,
-  J as UiDropdown,
-  Q as UiFlagIcon,
-  W as UiForm,
-  Y as UiFormItem,
-  $ as UiGallery,
-  ro as UiIcon,
-  ao as UiIconButton,
-  io as UiInput,
-  mo as UiLanguages,
-  so as UiLayout,
-  Uo as UiLayoutAuth,
-  no as UiLayoutMenu,
-  uo as UiLayoutMenuItem,
-  go as UiLink,
-  Io as UiLoading,
-  Lo as UiMobileMenu,
-  ko as UiModal,
-  or as UiNotification,
-  Mo as UiOverlay,
-  ho as UiPagination,
-  wo as UiProfileMenu,
-  Fo as UiRadio,
-  Ro as UiRadioGroup,
-  vo as UiSelect,
-  jo as UiSkeleton,
-  Oo as UiSwitch,
-  zo as UiTable,
-  Ho as UiTabs,
-  Ko as UiTabsItem,
-  Vo as UiTag,
-  Xo as UiTextarea,
-  Zo as UiTooltip,
-  tr as config,
-  er as dayjs
+  M as UiButton,
+  D as UiChat,
+  w as UiCheckbox,
+  F as UiCheckboxGroup,
+  R as UiCollapse,
+  v as UiCollapseItem,
+  j as UiConfirm,
+  O as UiCopyText,
+  z as UiDatepickerRange,
+  H as UiDragAndDrop,
+  K as UiDrawer,
+  V as UiDropdown,
+  X as UiFlagIcon,
+  Z as UiForm,
+  oo as UiFormItem,
+  to as UiGallery,
+  io as UiIcon,
+  po as UiIconButton,
+  fo as UiInput,
+  xo as UiLanguages,
+  _o as UiLayout,
+  lo as UiLayoutAuth,
+  co as UiLayoutMenu,
+  yo as UiLayoutMenuItem,
+  To as UiLink,
+  Lo as UiLoading,
+  ko as UiMobileMenu,
+  ho as UiModal,
+  ar as UiNotification,
+  Ao as UiOverlay,
+  Bo as UiPagination,
+  Go as UiProfileMenu,
+  So as UiRadio,
+  Po as UiRadioGroup,
+  No as UiSelect,
+  qo as UiSkeleton,
+  Eo as UiSwitch,
+  Jo as UiTable,
+  Qo as UiTabs,
+  Wo as UiTabsItem,
+  Yo as UiTag,
+  $o as UiTextarea,
+  rr as UiTooltip,
+  er as config,
+  mr as dayjs
 };

package/dist/lib/components/UiChat/UiChat.vue.d.ts

@@ -0,0 +1,11 @@
+import { UiChatProps, ChatAction, UiChatSubmitPayload } from './types';
+declare const _default: import('vue').DefineComponent<UiChatProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (payload: UiChatSubmitPayload) => any;
+    "action-ticket": (value: ChatAction) => any;
+    attach: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<UiChatProps> & Readonly<{
+    onSubmit?: ((payload: UiChatSubmitPayload) => any) | undefined;
+    "onAction-ticket"?: ((value: ChatAction) => any) | undefined;
+    onAttach?: ((files: File[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/lib/components/UiChat/UiChatAttachments.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    maxFiles?: number;
+    accept?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    openFileDialog: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((files: File[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInput: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/lib/components/UiChat/UiChatFooter.vue.d.ts

@@ -0,0 +1,82 @@
+import { UiChatSubmitPayload } from './types';
+type __VLS_Props = {
+    isEmpty: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'footer-left'?(_: {}): any;
+        'footer-right'?(_: {}): any;
+    };
+    refs: {
+        attachmentsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            maxFiles?: number;
+            accept?: string;
+        }> & Readonly<{
+            onChange?: ((files: File[]) => any) | undefined;
+        }>, {
+            openFileDialog: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            change: (files: File[]) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            fileInput: HTMLInputElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            maxFiles?: number;
+            accept?: string;
+        }> & Readonly<{
+            onChange?: ((files: File[]) => any) | undefined;
+        }>, {
+            openFileDialog: () => void;
+        }, {}, {}, {}, {}> | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (payload: UiChatSubmitPayload) => any;
+    attach: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: UiChatSubmitPayload) => any) | undefined;
+    onAttach?: ((files: File[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    attachmentsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        maxFiles?: number;
+        accept?: string;
+    }> & Readonly<{
+        onChange?: ((files: File[]) => any) | undefined;
+    }>, {
+        openFileDialog: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (files: File[]) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        fileInput: HTMLInputElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        maxFiles?: number;
+        accept?: string;
+    }> & Readonly<{
+        onChange?: ((files: File[]) => any) | undefined;
+    }>, {
+        openFileDialog: () => void;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/UiChat/UiChatHeader.vue.d.ts

@@ -0,0 +1,11 @@
+import { UiChatTicket, ChatAction } from './types';
+type __VLS_Props = {
+    ticket: UiChatTicket | null | undefined;
+    isEmpty: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "action-ticket": (value: ChatAction) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onAction-ticket"?: ((value: ChatAction) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/lib/components/UiChat/UiChatManagerAlert.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    seconds?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/lib/components/UiChat/UiChatMessage.vue.d.ts

@@ -0,0 +1,7 @@
+import { UiChatMessage } from './types';
+type __VLS_Props = {
+    message: UiChatMessage;
+    isOwn?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/lib/components/UiChat/UiChatMessageAttachments.vue.d.ts

@@ -0,0 +1,6 @@
+import { UiChatMessageAttachment } from './types';
+type __VLS_Props = {
+    attachments: UiChatMessageAttachment[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/lib/components/UiChat/types.d.ts

@@ -0,0 +1,57 @@
+export interface UiChatMessageUser {
+    uuid: string;
+    avatar: string | null;
+    telegram: string | null;
+    email: string;
+    name: string | null;
+}
+export interface UiChatMessageAttachment {
+    uuid: string;
+    type: string;
+    title: string;
+    url: string;
+    file_size: number;
+}
+export interface UiChatMessage {
+    id: number;
+    ticket_id: number;
+    message: string;
+    created_at: string;
+    updated_at: string;
+    files: string[];
+    attachments: UiChatMessageAttachment[];
+    user: UiChatMessageUser;
+}
+export interface UiChatTicketStatus {
+    name: string;
+    value: number;
+}
+export interface UiChatTicket {
+    id: number;
+    subject: string;
+    status: UiChatTicketStatus;
+    created_at: string;
+    updated_at: string;
+    closed_at: string | null;
+    messages_count: number;
+    init_message: UiChatMessage;
+    support_name: string;
+}
+export type ChatAction = "remind-ticket" | "change-operator" | "close-ticket";
+export interface ChatActionOption {
+    value: ChatAction;
+    label: string;
+    icon: string;
+    color?: string;
+}
+export interface UiChatSubmitPayload {
+    message: string;
+    files: File[];
+}
+export interface UiChatProps {
+    ticket: UiChatTicket | null | undefined;
+    messages?: UiChatMessage[];
+    currentUserUuid?: string;
+    showManagerAlert?: boolean;
+    managerAlertSeconds?: number;
+}