@dv.net/ui-kit 7.5.5 → 7.5.6

package/dist/assets/{DatePickerInput.vue_vue_type_script_setup_true_lang.DZ7tWsTE.js → DatePickerInput.vue_vue_type_script_setup_true_lang.DGd2fKOi.js}

@@ -6,7 +6,7 @@ import "./style.C3xG1ALc.js";
 import "../config/index.js";
 /* empty css                                                   */
 /* empty css                                                           */
-import { _ as G } from "./UiIconButton.vue_vue_type_script_setup_true_lang.CLwrAt2h.js";
+import { _ as G } from "./UiIconButton.vue_vue_type_script_setup_true_lang.DMTMLuQZ.js";
 /* empty css                                                    */
 /* empty css                                                    */
 /* empty css                                                                  */

package/dist/assets/{DatePickerInputs.vue_vue_type_script_setup_true_lang.Cl6w-GjV.js → DatePickerInputs.vue_vue_type_script_setup_true_lang.D_ON70om.js}

@@ -1,5 +1,5 @@
 import { defineComponent as h, mergeModels as V, useModel as F, ref as m, computed as b, watch as I, createElementBlock as D, openBlock as E, createElementVNode as y, withModifiers as N, createVNode as w, createCommentVNode as A, unref as n, Fragment as C } from "vue";
-import { _ as B } from "./DatePickerInput.vue_vue_type_script_setup_true_lang.DZ7tWsTE.js";
+import { _ as B } from "./DatePickerInput.vue_vue_type_script_setup_true_lang.DGd2fKOi.js";
 import "./style.C3xG1ALc.js";
 import { a as L } from "./index.Cp1LhIxy.js";
 import { a as S } from "./useDatePicker.BwRlPS-o.js";

package/dist/assets/{DatePickerSlider.vue_vue_type_script_setup_true_lang.BAkdY4F-.js → DatePickerSlider.vue_vue_type_script_setup_true_lang.B5uX5clB.js}

@@ -3,7 +3,7 @@ import { a as V } from "./useDatePicker.BwRlPS-o.js";
 import { config as S } from "../config/index.js";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 /* empty css                                                   */

package/dist/assets/SelectListItem.vue_vue_type_script_setup_true_lang.CzkGE6ek.js

@@ -0,0 +1,31 @@
+import { defineComponent as o, useCssVars as a, computed as l, createElementBlock as c, openBlock as n, normalizeClass as r, renderSlot as p } from "vue";
+import { SelectListItemSize as d } from "../components/UiSelect/types.js";
+const k = /* @__PURE__ */ o({
+  __name: "SelectListItem",
+  props: {
+    isDisabled: { type: Boolean },
+    isChecked: { type: Boolean },
+    isNavigated: { type: Boolean },
+    size: { default: "sm" }
+  },
+  emits: ["check", "mouseOver"],
+  setup(t) {
+    a((e) => ({
+      a2ec6fc8: s.value
+    }));
+    const i = t, s = l(() => d[i.size] + "px");
+    return (e, m) => (n(), c("button", {
+      class: r(["ui-select__option", [
+        { "is-checked": e.isChecked },
+        { "is-navigated": e.isNavigated },
+        { "is-disabled": e.isDisabled },
+        `size-${s.value}`
+      ]])
+    }, [
+      p(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  k as _
+};

package/dist/assets/{SelectSearch.vue_vue_type_script_setup_true_lang.CdrsJ21l.js → SelectSearch.vue_vue_type_script_setup_true_lang.2TYO-HaX.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, mergeModels as l, useModel as a, createElementBlock as s, openBlock as c, createElementVNode as n, createVNode as t, unref as r, withCtx as d } from "vue";
-import { _ as u } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as u } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
@@ -22,7 +22,7 @@ import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                    */
 /* empty css                                                    */
 /* empty css                                                    */
-import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.BuuJ7Jhm.js";
+import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.C7fskhMc.js";
 /* empty css                                                  */
 /* empty css                                                      */
 import "vue-router";

package/dist/assets/{SelectTrigger.vue_vue_type_script_setup_true_lang.DL0PZAhX.js → SelectTrigger.vue_vue_type_script_setup_true_lang.CKdFL6-w.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, createElementBlock as t, openBlock as r, createElementVNode as o, createCommentVNode as l, toDisplayString as m, renderSlot as n, createVNode as i, Transition as _, withCtx as d, unref as p, withModifiers as h } from "vue";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import "../config/index.js";

package/dist/assets/{SelectVirtualList.vue_vue_type_script_setup_true_lang.DWiYg4id.js → SelectVirtualList.vue_vue_type_script_setup_true_lang.DaXd5JY2.js}

@@ -2,7 +2,7 @@ import { defineComponent as a, computed as r, createBlock as c, openBlock as u,
 import { s as _ } from "./style.C3xG1ALc.js";
 import "./vue3-lottie.es.BGWavb2-.js";
 /* empty css                                                */
-import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang.DTrsijd2.js";
+import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang.CGIpSwtF.js";
 import { SelectListItemSize as z } from "../components/UiSelect/types.js";
 /* empty css                                                        */
 import "../config/index.js";

package/dist/assets/{TableSort.vue_vue_type_script_setup_true_lang.pWu7KNxi.js → TableSort.vue_vue_type_script_setup_true_lang.BnV2c4FZ.js}

@@ -1,7 +1,7 @@
 import { defineComponent as p, mergeModels as l, useModel as s, createElementBlock as a, openBlock as n, renderSlot as u, createVNode as c, unref as d, normalizeClass as f } from "vue";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import "../config/index.js";

package/dist/assets/{UiAvatar.vue_vue_type_script_setup_true_lang.CioFe57C.js → UiAvatar.vue_vue_type_script_setup_true_lang.DABufUmt.js}

@@ -2,7 +2,7 @@ import { defineComponent as v, computed as n, useId as _, createElementBlock as
 import { _ as d } from "./AvatarMask.vue_vue_type_script_setup_true_lang.DknpN85J.js";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import "../config/index.js";

package/dist/assets/{UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js → UiButton.vue_vue_type_script_setup_true_lang.C102Xym_.js}

@@ -1,9 +1,9 @@
 import { defineComponent as d, useAttrs as f, computed as c, createBlock as y, openBlock as e, resolveDynamicComponent as g, mergeProps as I, unref as a, withCtx as h, createElementBlock as t, createCommentVNode as i, createVNode as r, createElementVNode as z, renderSlot as b } from "vue";
-import { _ as p } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as p } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as C } from "./UiLoading.vue_vue_type_script_setup_true_lang.DTrsijd2.js";
+import { _ as C } from "./UiLoading.vue_vue_type_script_setup_true_lang.CGIpSwtF.js";
 /* empty css                                                        */
 import "../config/index.js";
 /* empty css                                                   */

package/dist/assets/{UiChat.vue_vue_type_script_setup_true_lang.BMXwKjGj.js → UiChat.vue_vue_type_script_setup_true_lang.DW7Yk7Kh.js}

@@ -1,15 +1,15 @@
-import { defineComponent as $, ref as A, 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 h, normalizeClass as q, Transition as H, withCtx as J, Fragment as L, renderList as U } from "vue";
-import { _ as K } from "./UiChatHeader.vue_vue_type_script_setup_true_lang.DXyrZ_AB.js";
+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.Bd2E7fmC.js";
-import { _ as Q } from "./UiChatMessage.vue_vue_type_script_setup_true_lang.BuCaTu3U.js";
+import { _ as P } from "./UiChatFooter.vue_vue_type_script_setup_true_lang.CYNMX_9D.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 B } from "../components/UiChat/types.js";
-import { d as Z } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.mJdMkaps.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,
@@ -27,38 +27,39 @@ const ee = { class: "ui-chat" }, te = {
     managerAlertSeconds: {},
     ticketLoading: { type: Boolean, default: !1 },
     isCreateTicket: { type: Boolean, default: !1 },
-    sendingLoading: { type: Boolean, default: !1 }
+    sendingLoading: { type: Boolean, default: !1 },
+    enableReopenTicket: { type: Boolean, default: !1 }
   },
   emits: ["action-ticket", "submit", "attach"],
-  setup(s, { expose: z, emit: D }) {
+  setup(s, { expose: U, emit: z }) {
     d.extend(X), d.extend(Y);
-    const p = D, { isDesktop: _ } = x(), w = A(), m = A(!s.isCreateTicket);
+    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;
-    }, E = (e) => {
+    }, D = (e) => {
       const t = v(e);
       return t?.isValid() ? t.format(l.uiChat.dateFormat) : e.split(/[T\s]/)[0] || e;
-    }, b = (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 === B.MANAGER_CLOSED || s.ticket?.status?.value === B.USER_CLOSED : !1), F = n(() => !(!s.isCreateTicket && !C.value || C.value && S.value)), V = n(() => s.isCreateTicket && y.value && !s.ticketLoading), O = n(() => {
+    }, 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)];
-    }), N = n(() => {
+    }), O = n(() => {
       const e = {};
-      for (const t of O.value) {
-        const a = E(t.created_at);
+      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;
-    }), R = () => {
+    }), N = () => {
       w.value?.clearInputAndFiles();
     };
     return j(
-      V,
+      R,
       (e) => {
         if (o && (clearTimeout(o), o = null), !e) {
           m.value = !0;
@@ -71,7 +72,7 @@ const ee = { class: "ui-chat" }, te = {
       { immediate: !0 }
     ), I(() => {
       o && (clearTimeout(o), o = null);
-    }), z({ clearInputAndFiles: R }), (e, t) => (i(), r("div", ee, [
+    }), 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)
@@ -82,46 +83,47 @@ const ee = { class: "ui-chat" }, te = {
           "is-empty": y.value,
           "is-closed-ticket": S.value,
           "ticket-loading": e.ticketLoading,
-          onActionTicket: t[0] || (t[0] = (a) => p("action-ticket", a))
-        }, null, 8, ["ticket", "is-empty", "is-closed-ticket", "ticket-loading"]),
+          "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(), h(H, {
+          e.ticketLoading ? u("", !0) : (i(), p(H, {
             key: 0,
             name: "alert",
             mode: "out-in",
             appear: ""
           }, {
             default: J(() => [
-              e.showManagerAlert ? (i(), h(W, {
+              e.showManagerAlert ? (i(), p(W, {
                 key: 0,
                 seconds: e.managerAlertSeconds
               }, null, 8, ["seconds"])) : u("", !0)
             ]),
             _: 1
           })),
-          e.ticketLoading ? u("", !0) : (i(!0), r(L, { key: 1 }, U(N.value, (a, f) => (i(), r("div", {
+          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(L, null, U(a, (T) => (i(), h(Q, {
+            (i(!0), r(A, null, B(a, (T) => (i(), p(Q, {
               key: T.id,
               message: T,
-              "is-own": b(T)
+              "is-own": E(T)
             }, null, 8, ["message", "is-own"]))), 128))
           ]))), 128))
         ], 2),
-        F.value ? (i(), h(P, {
+        F.value ? (i(), p(P, {
           key: 0,
           ref_key: "footerRef",
           ref: w,
           "sending-loading": e.sendingLoading,
-          onSubmit: t[1] || (t[1] = (a) => p("submit", a)),
-          onAttach: t[2] || (t[2] = (a) => p("attach", a))
+          onSubmit: t[1] || (t[1] = (a) => h("submit", a)),
+          onAttach: t[2] || (t[2] = (a) => h("attach", a))
         }, null, 8, ["sending-loading"])) : u("", !0)
       ])
     ]));

package/dist/assets/{UiChatAttachments.vue_vue_type_script_setup_true_lang.mJdMkaps.js → UiChatAttachments.vue_vue_type_script_setup_true_lang.DDZ-aWa5.js}

@@ -1,7 +1,7 @@
 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.BjdWpbZ0.js";
+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.pDss49af.js";
+import { _ as I } from "./UiGallery.vue_vue_type_script_setup_true_lang.BT952T6m.js";
 /* empty css                                                   */
 const J = (n, u) => ({
   id: 0,

package/dist/assets/{UiChatFooter.vue_vue_type_script_setup_true_lang.Bd2E7fmC.js → UiChatFooter.vue_vue_type_script_setup_true_lang.CYNMX_9D.js}

@@ -1,11 +1,11 @@
 import { defineComponent as L, ref as d, computed as $, createElementBlock as V, openBlock as _, createElementVNode as e, createVNode as r, normalizeClass as g, unref as t, createBlock as x, createCommentVNode as B, withCtx as h, 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.mJdMkaps.js";
+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.CLwrAt2h.js";
+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.bD1zcxkh.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.CPGLcn2L.js";
+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({

package/dist/assets/{UiChatHeader.vue_vue_type_script_setup_true_lang.DXyrZ_AB.js → UiChatHeader.vue_vue_type_script_setup_true_lang.CkV0GeAh.js}

@@ -1,7 +1,7 @@
-import { defineComponent as B, ref as V, computed as _, createElementBlock as s, openBlock as o, normalizeClass as h, unref as e, createElementVNode as t, createCommentVNode as d, createVNode as m, createBlock as S, Fragment as T, toDisplayString as r, withCtx as k, normalizeStyle as z } from "vue";
-import { _ as f } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { defineComponent as w, ref as B, computed as k, createElementBlock as r, openBlock as s, normalizeClass as p, unref as o, createElementVNode as t, createCommentVNode as h, createVNode as d, createBlock as V, Fragment as z, toDisplayString as c, withCtx as _, normalizeStyle as S } from "vue";
+import { _ as f } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
-import { _ as E } from "./UiSelect.vue_vue_type_script_setup_true_lang.BWtNMYSM.js";
+import { _ as E } from "./UiSelect.vue_vue_type_script_setup_true_lang.DoggeBZc.js";
 import "./style.C3xG1ALc.js";
 import { config as n } from "../config/index.js";
 import "./vue3-lottie.es.BGWavb2-.js";
@@ -34,60 +34,72 @@ import { _ as v } from "./UiSkeleton.vue_vue_type_script_setup_true_lang.DdPvBHJ
 /* empty css                                                */
 /* empty css                                                    */
 /* empty css                                                               */
-const L = { class: "ui-chat__header-content" }, N = { class: "ui-chat__header-icon" }, O = { class: "ui-chat__header-info" }, $ = {
+const L = { class: "ui-chat__header-content" }, N = { class: "ui-chat__header-icon" }, O = { class: "ui-chat__header-info" }, R = {
   key: 0,
   class: "ui-chat__header-ticket"
-}, D = { class: "ui-chat__header-title" }, U = {
+}, $ = { class: "ui-chat__header-title" }, D = {
   key: 0,
   class: "ui-chat__header-id"
-}, j = { class: "ui-chat__header-name" }, F = {
+}, U = { class: "ui-chat__header-name" }, j = {
   key: 0,
   class: "ui-chat__actions"
-}, H = {
+}, F = {
   key: 1,
   class: "ui-chat__actions"
-}, q = { class: "ui-chat__actions-selected" }, wt = /* @__PURE__ */ B({
+}, H = { class: "ui-chat__actions-selected" }, Te = /* @__PURE__ */ w({
   __name: "UiChatHeader",
   props: {
     ticket: {},
     isEmpty: { type: Boolean },
     isClosedTicket: { type: Boolean },
-    ticketLoading: { type: Boolean, default: !1 }
+    ticketLoading: { type: Boolean, default: !1 },
+    enableReopenTicket: { type: Boolean, default: !1 }
   },
   emits: ["action-ticket"],
-  setup(u, { emit: y }) {
-    const g = y, { isDesktop: p } = A(), c = V(null), b = _(() => [
-      {
-        value: "remind-ticket",
-        label: n.uiChat.translations.remindAboutTicket,
-        icon: "notifications-active"
-      },
-      {
-        value: "change-operator",
-        label: n.uiChat.translations.changeOperator,
-        icon: "sync-alt"
-      },
-      {
+  setup(i, { emit: y }) {
+    const b = y, { isDesktop: u } = A(), l = B(null), C = k(() => {
+      const e = [
+        {
+          value: "remind-ticket",
+          label: n.uiChat.translations.remindAboutTicket,
+          icon: "notifications-active",
+          disabled: i.isClosedTicket
+        },
+        {
+          value: "change-operator",
+          label: n.uiChat.translations.changeOperator,
+          icon: "sync-alt",
+          disabled: i.isClosedTicket
+        }
+      ];
+      return i.enableReopenTicket && i.isClosedTicket ? e.unshift({
+        value: "reopen-ticket",
+        label: n.uiChat.translations.reopenTicket,
+        icon: "revert",
+        disabled: !i.isClosedTicket
+      }) : e.push({
         value: "close-ticket",
         label: n.uiChat.translations.closeTicket,
         icon: "delete",
-        color: "var(--color-text-negative)"
-      }
-    ]), C = _(() => !u.isEmpty && !u.isClosedTicket), w = () => {
-      c.value && g("action-ticket", c.value), c.value = null;
+        color: "var(--color-text-negative)",
+        disabled: i.isClosedTicket
+      }), e;
+    }), g = k(() => !i.isEmpty && (i.enableReopenTicket || !i.isClosedTicket)), T = () => {
+      l.value && b("action-ticket", l.value), l.value = null;
     };
-    return (i, l) => (o(), s("div", {
-      class: h(["ui-chat__header", { "mobile-layout": e(p) }])
+    return (e, m) => (s(), r("div", {
+      class: p(["ui-chat__header", { "mobile-layout": o(u) }])
     }, [
       t("div", L, [
         t("div", N, [
-          m(f, {
+          d(f, {
             name: "support-agent  2",
-            type: "100"
+            type: "100",
+            size: "lg"
           })
         ]),
         t("div", O, [
-          i.ticketLoading ? (o(), S(e(v), {
+          e.ticketLoading ? (s(), V(o(v), {
             key: 0,
             class: "ui-chat__header-info-skeleton",
             "row-height": 36,
@@ -95,61 +107,62 @@ const L = { class: "ui-chat__header-content" }, N = { class: "ui-chat__header-ic
             "item-border-radius": 6,
             "first-color": "var(--color-background-tertiary)",
             "second-color": "var(--color-background-primary)"
-          })) : (o(), s(T, { key: 1 }, [
-            e(p) ? d("", !0) : (o(), s("div", $, [
-              t("span", D, r(i.ticket?.subject || e(n).uiChat.translations.newTicket), 1),
-              i.ticket?.id ? (o(), s("span", U, r(e(n).uiChat.translations.ticket) + " #" + r(i.ticket.id), 1)) : d("", !0)
+          })) : (s(), r(z, { key: 1 }, [
+            o(u) ? h("", !0) : (s(), r("div", R, [
+              t("span", $, c(e.ticket?.subject || o(n).uiChat.translations.newTicket), 1),
+              e.ticket?.id ? (s(), r("span", D, c(o(n).uiChat.translations.ticket) + " #" + c(e.ticket.id), 1)) : h("", !0)
             ])),
             t("div", {
-              class: h(["ui-chat__header-support", { "mobile-layout": e(p) }])
+              class: p(["ui-chat__header-support", { "mobile-layout": o(u) }])
             }, [
-              t("span", j, r(i.ticket?.support_name || "Sofia"), 1),
-              l[1] || (l[1] = t("span", { class: "ui-chat__header-status" }, "Online", -1))
+              t("span", U, c(e.ticket?.support_name || "Sofia"), 1),
+              m[1] || (m[1] = t("span", { class: "ui-chat__header-status" }, "Online", -1))
             ], 2)
           ], 64))
         ])
       ]),
-      i.ticketLoading ? (o(), s("div", F, [
-        m(e(v), {
+      e.ticketLoading ? (s(), r("div", j, [
+        d(o(v), {
           "row-height": 36,
           rows: 1,
           "item-border-radius": 6,
           "first-color": "var(--color-background-tertiary)",
           "second-color": "var(--color-background-primary)"
         })
-      ])) : C.value ? (o(), s("div", H, [
-        m(E, {
-          modelValue: c.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => c.value = a),
-          options: b.value,
+      ])) : g.value ? (s(), r("div", F, [
+        d(E, {
+          modelValue: l.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (a) => l.value = a),
+          options: C.value,
           size: "sm",
           placement: "bottom-end",
           "fit-content-width": !0,
           teleport: !1,
-          onChange: w
+          onChange: T
         }, {
-          selected: k(() => [
-            t("span", q, r(e(n).uiChat.translations.actions), 1)
+          selected: _(() => [
+            t("span", H, c(o(n).uiChat.translations.actions), 1)
           ]),
-          default: k(({ option: a }) => [
+          default: _(({ option: a }) => [
             t("span", {
               class: "ui-chat__actions-item",
-              style: z(a.color && { color: a.color })
+              style: S(a.color && { color: a.color })
             }, [
-              m(f, {
+              d(f, {
                 name: a.icon,
+                class: p([a.value === "reopen-ticket" ? "no-fill" : ""]),
                 type: "400",
                 size: "sm"
-              }, null, 8, ["name"]),
-              t("span", null, r(a.label), 1)
+              }, null, 8, ["name", "class"]),
+              t("span", null, c(a.label), 1)
             ], 4)
           ]),
           _: 1
         }, 8, ["modelValue", "options"])
-      ])) : d("", !0)
+      ])) : h("", !0)
     ], 2));
   }
 });
 export {
-  wt as _
+  Te as _
 };

package/dist/assets/{UiChatMessage.vue_vue_type_script_setup_true_lang.BuCaTu3U.js → UiChatMessage.vue_vue_type_script_setup_true_lang.BkD09EG5.js}

@@ -1,5 +1,5 @@
 import { defineComponent as m, computed as c, createElementBlock as o, openBlock as t, normalizeClass as _, createElementVNode as s, createBlock as g, createCommentVNode as i, toDisplayString as h } from "vue";
-import { _ as u } from "./UiChatMessageAttachments.vue_vue_type_script_setup_true_lang.gr8ostyK.js";
+import { _ as u } from "./UiChatMessageAttachments.vue_vue_type_script_setup_true_lang.pAbQdJI8.js";
 /* empty css                                                                  */
 const p = /(https?:\/\/[^\s<]+)/g, d = { class: "ui-chat__message-bubble" }, f = { class: "ui-chat__message-info" }, w = ["innerHTML"], v = { class: "ui-chat__message-time" }, M = /* @__PURE__ */ m({
   __name: "UiChatMessage",

package/dist/assets/{UiChatMessageAttachments.vue_vue_type_script_setup_true_lang.gr8ostyK.js → UiChatMessageAttachments.vue_vue_type_script_setup_true_lang.pAbQdJI8.js}

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as _, computed as n, createElementBlock as g, createCommentVNode as d, openBlock as p, createElementVNode as e, createVNode as v } from "vue";
-import { _ as f } from "./UiGallery.vue_vue_type_script_setup_true_lang.pDss49af.js";
+import { _ as f } from "./UiGallery.vue_vue_type_script_setup_true_lang.BT952T6m.js";
 /* empty css                                                   */
 const V = {
   key: 0,

package/dist/assets/{UiCheckbox.vue_vue_type_script_setup_true_lang.DIkDwrW3.js → UiCheckbox.vue_vue_type_script_setup_true_lang.Cc-pU9ur.js}

@@ -2,7 +2,7 @@ import { defineComponent as x, mergeModels as c, inject as y, useModel as z, com
 import { CHECKBOX_GROUP_PROVIDE_VALUE as M } from "../components/UiCheckboxGroup/constants.js";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as w } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as w } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import "../config/index.js";

package/dist/assets/{UiCollapseItem.vue_vue_type_script_setup_true_lang.BSqb8_Jx.js → UiCollapseItem.vue_vue_type_script_setup_true_lang.B2OvT-Gp.js}

@@ -1,7 +1,7 @@
 import { defineComponent as S, inject as A, computed as i, createElementBlock as m, openBlock as s, normalizeClass as E, unref as u, createElementVNode as r, createVNode as p, createCommentVNode as d, renderSlot as c, toDisplayString as b, Transition as k, withCtx as w, withDirectives as D, vShow as O } from "vue";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as $ } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as $ } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import "../config/index.js";

package/dist/assets/{UiConfirm.vue_vue_type_script_setup_true_lang.DQ7DDKAC.js → UiConfirm.vue_vue_type_script_setup_true_lang.BMAOyD6k.js}

@@ -1,7 +1,7 @@
 import { defineComponent as B, ref as u, createElementBlock as w, openBlock as f, createVNode as n, unref as l, createSlots as S, withCtx as e, createBlock as V, renderSlot as r, createElementVNode as h, createTextVNode as c, toDisplayString as v } from "vue";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as C } from "./UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js";
+import { _ as C } from "./UiButton.vue_vue_type_script_setup_true_lang.C102Xym_.js";
 /* empty css                                                */
 /* empty css                                                        */
 import { config as $ } from "../config/index.js";
@@ -9,7 +9,7 @@ import { config as $ } from "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                    */
 /* empty css                                                    */
-import { _ as k } from "./UiTooltip.vue_vue_type_script_setup_true_lang.CPGLcn2L.js";
+import { _ as k } from "./UiTooltip.vue_vue_type_script_setup_true_lang.CHftlCxm.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */

package/dist/assets/{UiCopyText.vue_vue_type_script_setup_true_lang.BW_J9zQD.js → UiCopyText.vue_vue_type_script_setup_true_lang.DZTcTa4v.js}

@@ -1,5 +1,5 @@
 import { defineComponent as f, ref as I, createElementBlock as v, createCommentVNode as t, openBlock as h, normalizeClass as z, withModifiers as C, renderSlot as l, withDirectives as p, createVNode as a, vShow as c } from "vue";
-import { _ as i } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as i } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 import { u as T } from "./index.Cp1LhIxy.js";
 const g = /* @__PURE__ */ f({

package/dist/assets/{UiDatepickerRange.vue_vue_type_script_setup_true_lang.BH027TeO.js → UiDatepickerRange.vue_vue_type_script_setup_true_lang.DaiSwln3.js}

@@ -1,14 +1,14 @@
 import { defineComponent as x, mergeModels as R, useModel as ee, computed as p, ref as S, onMounted as ae, createElementBlock as $, openBlock as v, normalizeClass as te, createVNode as r, unref as a, withCtx as s, createElementVNode as D, createCommentVNode as z, renderSlot as U, createBlock as F, createTextVNode as C, toDisplayString as b } from "vue";
-import { _ as ie } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.Cl6w-GjV.js";
+import { _ as ie } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.D_ON70om.js";
 import { Q as le } from "./style.C3xG1ALc.js";
 import { _ as oe } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang.Bvgo7JE0.js";
 /* empty css                                                           */
-import { _ as ne } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.BAkdY4F-.js";
-import { _ as E } from "./UiIconButton.vue_vue_type_script_setup_true_lang.CLwrAt2h.js";
+import { _ as ne } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.B5uX5clB.js";
+import { _ as E } from "./UiIconButton.vue_vue_type_script_setup_true_lang.DMTMLuQZ.js";
 import { a as re } from "./index.Cp1LhIxy.js";
 import "./vue3-lottie.es.BGWavb2-.js";
-import { _ as H } from "./UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js";
-import { _ as se } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as H } from "./UiButton.vue_vue_type_script_setup_true_lang.C102Xym_.js";
+import { _ as se } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import { config as y } from "../config/index.js";

package/dist/assets/{UiDropdown.vue_vue_type_script_setup_true_lang.BPFv-AjS.js → UiDropdown.vue_vue_type_script_setup_true_lang.CjZSvxJn.js}

@@ -1,5 +1,5 @@
 import { defineComponent as E, mergeModels as k, useCssVars as R, ref as p, useModel as N, computed as _, watch as D, createElementBlock as b, openBlock as r, createElementVNode as C, createBlock as h, normalizeClass as a, renderSlot as $, createCommentVNode as M, Teleport as H, normalizeStyle as O, createVNode as T, Transition as U, withCtx as j } from "vue";
-import { _ as x } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as x } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 import { u as F, o as I, s as P, f as q, a as A, b as G } from "./floating-ui.vue.CQbj4WJd.js";
 import { o as J, a as K } from "./index.Cp1LhIxy.js";

package/dist/assets/{UiFileItemLoading.vue_vue_type_script_setup_true_lang.DcPy6pyR.js → UiFileItemLoading.vue_vue_type_script_setup_true_lang.BZBMOWHD.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, computed as n, createElementBlock as f, openBlock as p, createElementVNode as i, createVNode as l, toDisplayString as t, withCtx as d, createTextVNode as u, unref as g } from "vue";
-import { _ as v } from "./UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js";
+import { _ as v } from "./UiButton.vue_vue_type_script_setup_true_lang.C102Xym_.js";
 import "./style.C3xG1ALc.js";
 import { _ as h } from "./UiProgressBar.vue_vue_type_script_setup_true_lang.CB-UHfBS.js";
 /* empty css                                                       */

package/dist/assets/{UiGallery.vue_vue_type_script_setup_true_lang.pDss49af.js → UiGallery.vue_vue_type_script_setup_true_lang.BT952T6m.js}

@@ -1,5 +1,5 @@
 import { defineComponent as w, mergeModels as C, useModel as V, ref as x, computed as v, watch as I, onMounted as E, onUnmounted as L, createBlock as M, openBlock as m, Teleport as U, createVNode as t, Transition as k, withCtx as p, createElementBlock as h, createCommentVNode as B, withModifiers as N, createElementVNode as n, normalizeClass as _ } from "vue";
-import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 const z = ["disabled"], R = { class: "ui-gallery__slider" }, $ = { class: "ui-gallery__slide" }, A = ["src"], O = ["disabled"], G = /* @__PURE__ */ w({
   __name: "UiGallery",