tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/BarrageList/BarrageListH5.js

@@ -22,7 +22,7 @@ const ue = { class: "message-chunk" }, ce = {
     style: {}
   },
   setup(F) {
-    const { t: B } = Z(), c = F, O = P(), { loginUserInfo: I } = te(), { currentLive: M } = ae(), u = i(), C = i(!1), b = i({}), A = i(null), L = i(!1), g = i(!1), h = i(0), o = i(null), { messageList: y, messageGroupTip: v } = oe(), { scrollToBottom: E } = ee(), V = (e) => {
+    const { t: b } = Z(), c = F, O = P(), { loginUserInfo: I } = te(), { currentLive: B } = ae(), u = i(), C = i(!1), M = i({}), A = i(null), L = i(!1), g = i(!1), h = i(0), o = i(null), { messageList: y, messageGroupTip: v } = oe(), { scrollToBottom: E } = ee(), V = (e) => {
       if (!o.value)
         return {
           position: "fixed",
@@ -43,12 +43,12 @@ const ue = { class: "message-chunk" }, ce = {
       slots: O,
       nickClick: (e) => {
         var m, d, f;
-        const { message: t, event: s } = e, n = ((m = I.value) == null ? void 0 : m.userId) === ((d = M.value) == null ? void 0 : d.liveOwner.userId), a = ((f = I.value) == null ? void 0 : f.userId) === t.sender.userId;
+        const { message: t, event: s } = e, n = ((m = I.value) == null ? void 0 : m.userId) === ((d = B.value) == null ? void 0 : d.liveOwner.userId), a = ((f = I.value) == null ? void 0 : f.userId) === t.sender.userId;
         if (!n || a)
           return;
         u.value = t, A.value = s.currentTarget;
         const l = s.currentTarget.getBoundingClientRect();
-        b.value = V(l), C.value = !0;
+        M.value = V(l), C.value = !0;
       }
     });
     const $ = se(() => {
@@ -58,7 +58,7 @@ const ue = { class: "message-chunk" }, ce = {
     };
     N(() => {
       var e;
-      return (e = M.value) == null ? void 0 : e.liveId;
+      return (e = B.value) == null ? void 0 : e.liveId;
     }, () => {
       H();
     }), N(() => {
@@ -103,7 +103,7 @@ const ue = { class: "message-chunk" }, ce = {
           ]),
           r(v) ? (p(), x("div", ce, [
             k("div", ve, D(((s = r(v)) == null ? void 0 : s.nameCard) || ((n = r(v)) == null ? void 0 : n.userName) || ((a = r(v)) == null ? void 0 : a.userId)), 1),
-            k("div", me, D(((l = r(v)) == null ? void 0 : l.displayAction) === "enter" ? r(B)("Come in") : r(B)("Leave")), 1)
+            k("div", me, D(((l = r(v)) == null ? void 0 : l.displayAction) === "enter" ? r(b)("Come in") : r(b)("Leave")), 1)
           ])) : w("", !0)
         ], 36),
         C.value && u.value ? (p(), q(ne, {
@@ -111,14 +111,14 @@ const ue = { class: "message-chunk" }, ce = {
           "user-id": (m = u.value) == null ? void 0 : m.sender.userId,
           "user-name": ((d = u.value) == null ? void 0 : d.sender.nameCard) || ((f = u.value) == null ? void 0 : f.sender.userName) || ((U = u.value) == null ? void 0 : U.sender.userId),
           "avatar-url": (z = u.value) == null ? void 0 : z.sender.avatarUrl,
-          style: _(b.value),
+          style: _(M.value),
           "click-target": A.value,
           onClose: t[0] || (t[0] = (S) => C.value = !1)
         }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : w("", !0)
       ], 4);
     };
   }
-}), xe = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-c0c678f4"]]);
+}), xe = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-f09bc347"]]);
 export {
   xe as default
 };

package/dist/components/BarrageList/BarrageListState.d.ts

@@ -1,4 +1,4 @@
-import { Barrage } from '../../states/BarrageState';
+import { Barrage } from '../../types/barrage';
 
 interface IMessageGroupTip {
     avatarUrl: string;
@@ -11,45 +11,23 @@ interface IMessageGroupTip {
 }
 declare function useBarrageListState(): {
     messageList: import('vue').Ref<{
-        messageType: import('../../states/BarrageState').BarrageType;
+        messageType: import('../..').BarrageType;
         textContent?: string | undefined;
         extensionInfo?: (Record<string, string> | null) | undefined;
         businessId?: string | undefined;
         data?: string | undefined;
         liveId: string;
-        sender: {
-            userId: string;
-            userName: string;
-            nameCard: string;
-            avatarUrl: string;
-            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-            hasAudioStream: boolean;
-            hasVideoStream: boolean;
-            hasScreenStream: boolean;
-            isMessageDisabled: boolean;
-            roomCustomInfo: Record<string, any>;
-        };
+        sender: TUIUserInfo;
         sequence: number;
         timestampInSecond: number;
     }[], Barrage[] | {
-        messageType: import('../../states/BarrageState').BarrageType;
+        messageType: import('../..').BarrageType;
         textContent?: string | undefined;
         extensionInfo?: (Record<string, string> | null) | undefined;
         businessId?: string | undefined;
         data?: string | undefined;
         liveId: string;
-        sender: {
-            userId: string;
-            userName: string;
-            nameCard: string;
-            avatarUrl: string;
-            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-            hasAudioStream: boolean;
-            hasVideoStream: boolean;
-            hasScreenStream: boolean;
-            isMessageDisabled: boolean;
-            roomCustomInfo: Record<string, any>;
-        };
+        sender: TUIUserInfo;
         sequence: number;
         timestampInSecond: number;
     }[]>;

package/dist/components/BarrageList/Message/MessageLayout/MessageBubble/MessageBubble.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, toRefs as f, createElementBlock as m, openBlock as d, normalizeClass as i, unref as e, renderSlot as p } from "vue";
+import { defineComponent as c, toRefs as d, createElementBlock as f, openBlock as m, normalizeClass as i, unref as e, renderSlot as p } from "vue";
 import { c as b } from "../../../../../index-DPczIrgX.js";
 import { useLoginState as _ } from "../../../../../states/LoginState.js";
 import { _ as g } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -10,8 +10,8 @@ const I = /* @__PURE__ */ c({
   },
   setup(t) {
     var o;
-    const { loginUserInfo: a } = _(), n = t, { message: r, isLastInChunk: l } = f(n), s = r.value.sender.userId === ((o = a.value) == null ? void 0 : o.userId) ? "in" : "out";
-    return (u, v) => (d(), m("div", {
+    const { loginUserInfo: a } = _(), n = t, { message: r, isLastInChunk: l } = d(n), s = r.value.sender.userId === ((o = a.value) == null ? void 0 : o.userId) ? "in" : "out";
+    return (u, v) => (m(), f("div", {
       class: i([
         "message-bubble",
         e(b)({
@@ -23,7 +23,7 @@ const I = /* @__PURE__ */ c({
       p(u.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), L = /* @__PURE__ */ g(I, [["__scopeId", "data-v-c2f22426"]]);
+}), L = /* @__PURE__ */ g(I, [["__scopeId", "data-v-aed4c38b"]]);
 export {
   L as default
 };

package/dist/components/BarrageList/Message/MessageLayout/MessageBubble/MessageBubble.vue.d.ts

@@ -1,4 +1,4 @@
-import { Barrage } from '../../../../../states/BarrageState';
+import { Barrage } from '../../../../../types/barrage';
 
 interface IMessageBubbleProps {
     message: Barrage;

package/dist/components/BarrageList/Message/MessageLayout/MessageLayout.js

@@ -1,10 +1,10 @@
-import { defineComponent as C, toRefs as h, computed as c, createElementBlock as i, createCommentVNode as p, openBlock as m, normalizeStyle as M, normalizeClass as o, unref as e, createElementVNode as d, createVNode as x, toDisplayString as I, withCtx as b, createBlock as w, resolveDynamicComponent as B } from "vue";
+import { defineComponent as C, toRefs as h, computed as c, createElementBlock as i, createCommentVNode as d, openBlock as m, normalizeStyle as M, normalizeClass as o, unref as e, createElementVNode as p, createVNode as x, toDisplayString as I, withCtx as w, createBlock as B, resolveDynamicComponent as N } from "vue";
 import { c as l } from "../../../../index-DPczIrgX.js";
-import { useLoginState as N } from "../../../../states/LoginState.js";
+import { useLoginState as b } from "../../../../states/LoginState.js";
+import { BarrageType as n } from "../../../../types/barrage.js";
 import { CustomMessage as L } from "../CustomMessage/index.js";
 import T from "../TextMessage/TextMessage.js";
 import S from "./MessageBubble/MessageBubble.js";
-import { BarrageType as n } from "../../../../states/BarrageState/BarrageState.js";
 import { _ as V } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = ["data-message-id"], z = /* @__PURE__ */ C({
   __name: "MessageLayout",
@@ -15,7 +15,7 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
     style: { default: () => ({}) }
   },
   setup(_) {
-    const g = _, { loginUserInfo: f } = N(), {
+    const g = _, { loginUserInfo: f } = b(), {
       message: s,
       isLastInChunk: a,
       className: y,
@@ -42,10 +42,10 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
       ),
       style: M(e(v))
     }, [
-      d("div", {
+      p("div", {
         class: o(e(l)("message-layout__wrapper", { "message-layout__wrapper--self": t.value }))
       }, [
-        d("div", {
+        p("div", {
           class: o(
             e(l)("message-layout__wrapper__middle", {
               "message-layout__wrapper__middle--self": t.value
@@ -55,7 +55,7 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
           e(a) && e(s).messageType !== e(n).text ? (m(), i("div", {
             key: 0,
             class: o(e(l)("message-layout__nick"))
-          }, I(e(s).sender.nameCard || e(s).sender.userName || e(s).sender.userId + ": "), 3)) : p("", !0),
+          }, I(e(s).sender.nameCard || e(s).sender.userName || e(s).sender.userId + ": "), 3)) : d("", !0),
           x(e(S), {
             class: o(
               e(l)({
@@ -65,8 +65,8 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
             message: e(s),
             "is-last-in-chunk": e(a)
           }, {
-            default: b(() => [
-              (m(), w(B(u.value), {
+            default: w(() => [
+              (m(), B(N(u.value), {
                 message: e(s),
                 "is-last-in-chunk": e(a)
               }, null, 8, ["message", "is-last-in-chunk"]))
@@ -75,9 +75,9 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
           }, 8, ["class", "message", "is-last-in-chunk"])
         ], 2)
       ], 2)
-    ], 14, $)) : p("", !0);
+    ], 14, $)) : d("", !0);
   }
-}), G = /* @__PURE__ */ V(z, [["__scopeId", "data-v-340717fb"]]);
+}), G = /* @__PURE__ */ V(z, [["__scopeId", "data-v-7e7eeed8"]]);
 export {
   G as default
 };

package/dist/components/BarrageList/Message/MessageLayout/MessageLayout.vue.d.ts

@@ -1,4 +1,4 @@
-import { Barrage } from '../../../../states/BarrageState';
+import { Barrage } from '../../../../types/barrage';
 
 interface IMessageLayoutProps {
     message: Barrage;

package/dist/components/BarrageList/Message/TextMessage/TextMessage.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as C, createElementBlock as r, openBlock as o, createElementVNode as d, createBlock as b, createCommentVNode as y, resolveDynamicComponent as I, unref as m, toDisplayString as l, Fragment as g, renderList as v } from "vue";
+import { defineComponent as k, computed as C, createElementBlock as r, openBlock as o, createElementVNode as d, createBlock as y, createCommentVNode as b, resolveDynamicComponent as I, unref as m, toDisplayString as l, Fragment as g, renderList as v } from "vue";
 import { useUIKit as L } from "@tencentcloud/uikit-base-component-vue3";
 import { useMessageListContext as B } from "../../MessageListContext.js";
 import { BASIC_EMOJI_URL_MAPPING as _, BASEURL as M } from "./emoji.js";
@@ -69,8 +69,8 @@ const A = { class: "text-message" }, E = { class: "text-message__content" }, S =
       var n;
       return o(), r("div", A, [
         d("div", E, [
-          (o(), b(I(m(i).slots["user-badge"]), { message: c.message }, null, 8, ["message"])),
-          c.message.sender.userId === ((n = m(x)) == null ? void 0 : n.liveOwner.userId) && !m(i).slots["user-badge"] ? (o(), r("span", S, l(m(f)("Anchor")), 1)) : y("", !0),
+          (o(), y(I(m(i).slots["user-badge"]), { message: c.message }, null, 8, ["message"])),
+          c.message.sender.userId === ((n = m(x)) == null ? void 0 : n.liveOwner.userId) && !m(i).slots["user-badge"] ? (o(), r("span", S, l(m(f)("Anchor")), 1)) : b("", !0),
           d("span", {
             class: "text-message__content__nick",
             onClick: h
@@ -87,7 +87,7 @@ const A = { class: "text-message" }, E = { class: "text-message__content" }, S =
       ]);
     };
   }
-}), F = /* @__PURE__ */ O(D, [["__scopeId", "data-v-f4fb05eb"]]);
+}), F = /* @__PURE__ */ O(D, [["__scopeId", "data-v-8456c20f"]]);
 export {
   F as default
 };

package/dist/components/BarrageList/Message/TextMessage/TextMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { Barrage } from '../../../../states/BarrageState';
+import { Barrage } from '../../../../types/barrage';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     message: Barrage;

package/dist/components/CameraButton/index.js

@@ -1,11 +1,11 @@
 import { defineComponent as l, createElementBlock as u, openBlock as o, normalizeClass as p, createBlock as a, createCommentVNode as f, unref as e } from "vue";
-import { IconCameraOn as C, IconCameraOff as _, IconUnSupport as d } from "@tencentcloud/uikit-base-component-vue3";
+import { IconCameraOn as d, IconCameraOff as _, IconUnSupport as C } from "@tencentcloud/uikit-base-component-vue3";
 import { useDeviceState as k } from "../../states/DeviceState/DeviceState.js";
 import { DeviceStatus as t, DeviceError as v } from "../../types/device.js";
 import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const B = /* @__PURE__ */ l({
+const b = /* @__PURE__ */ l({
   __name: "index",
-  setup(b) {
+  setup(x) {
     const {
       cameraStatus: r,
       cameraLastError: n,
@@ -19,21 +19,21 @@ const B = /* @__PURE__ */ l({
       class: p(["camera-button", { disabled: !m.hasPublishVideoPermission }]),
       onClick: i
     }, [
-      e(r) === e(t).On ? (o(), a(e(C), {
+      e(r) === e(t).On ? (o(), a(e(d), {
         key: 0,
         size: "24"
       })) : (o(), a(e(_), {
         key: 1,
         size: "24"
       })),
-      e(n) !== e(v).NoError ? (o(), a(e(d), {
+      e(n) !== e(v).NoError ? (o(), a(e(C), {
         key: 2,
         class: "unsupport-icon",
         size: "14"
       })) : f("", !0)
     ], 2));
   }
-}), S = /* @__PURE__ */ h(B, [["__scopeId", "data-v-627fc59c"]]);
+}), P = /* @__PURE__ */ h(b, [["__scopeId", "data-v-627fc59c"]]);
 export {
-  S as CameraButton
+  P as CameraButton
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupChatSetting.js

@@ -176,6 +176,7 @@ const de = /* @__PURE__ */ j({
               d(t(ae), {
                 ref_key: "userPickerRef",
                 ref: R,
+                class: "user-picker-dialog__content",
                 "display-mode": "list",
                 "data-source": C.value,
                 "locked-items": S.value,
@@ -189,7 +190,7 @@ const de = /* @__PURE__ */ j({
       _: 1
     })) : x("", !0);
   }
-}), Ge = /* @__PURE__ */ ve(de, [["__scopeId", "data-v-358c1266"]]);
+}), Ge = /* @__PURE__ */ ve(de, [["__scopeId", "data-v-16b06f77"]]);
 export {
   Ge as default
 };

package/dist/components/ChatSetting/SettingItem/SettingItem.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: import('vue').DefineComponent<{
     type?: any;
     label?: any;
-    placeholder?: any;
     disabled?: any;
     value?: any;
+    placeholder?: any;
     editable?: any;
     validator?: any;
     rows?: any;
@@ -13,9 +13,9 @@ declare const _default: import('vue').DefineComponent<{
 }, string, import('vue').PublicProps, Readonly<{
     type?: any;
     label?: any;
-    placeholder?: any;
     disabled?: any;
     value?: any;
+    placeholder?: any;
     editable?: any;
     validator?: any;
     rows?: any;

package/dist/components/ConversationList/ConversationActions/ConversationActions.js

@@ -1,10 +1,10 @@
-import { defineComponent as z, ref as C, computed as $, watch as U, createElementBlock as r, openBlock as a, normalizeStyle as E, normalizeClass as l, unref as v, createBlock as B, withModifiers as q, Fragment as h, renderList as M, toDisplayString as y, withCtx as I, createElementVNode as N, createVNode as S } from "vue";
-import R from "@tencentcloud/chat-uikit-engine";
-import { useUIKit as V, TUIDropdown as L, IconEllipsis as K } from "@tencentcloud/uikit-base-component-vue3";
-import { isH5 as p } from "../../../utils/env.js";
-import { useConversationListState as O } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as Y } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
+import { defineComponent as g, ref as k, computed as D, watch as f, createElementBlock as r, openBlock as a, normalizeStyle as z, normalizeClass as l, unref as u, createBlock as $, withModifiers as E, Fragment as b, renderList as U, toDisplayString as h, withCtx as M, createElementVNode as B, createVNode as q } from "vue";
+import N from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as S, TUIDropdown as R, IconEllipsis as V } from "@tencentcloud/uikit-base-component-vue3";
+import { isH5 as C } from "../../../utils/env.js";
+import { useConversationListState as L } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as K } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const O = ["onClick"], Y = ["onClick"], j = /* @__PURE__ */ g({
   __name: "ConversationActions",
   props: {
     conversation: {},
@@ -25,8 +25,8 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
     enableMarkUnread: { type: Boolean, default: !0 }
   },
   emits: ["click", "close", "markConversationUnread", "conversationPin", "conversationMute", "conversationDelete"],
-  setup(_, { emit: g }) {
-    const o = _, c = g, { t: i } = V(), { markConversationUnread: T } = O(), u = C(!0), A = C(null), m = C({}), k = $(() => Object.entries(m.value).filter(([, e]) => e.enable !== !1).reduce((e, [n, t]) => (e[n] = t, e), {})), P = () => ({
+  setup(_, { emit: y }) {
+    const o = _, c = y, { t: i } = S(), { markConversationUnread: I } = L(), v = k(!0), d = k({}), p = D(() => Object.entries(d.value).filter(([, e]) => e.enable !== !1).reduce((e, [n, t]) => (e[n] = t, e), {})), P = () => ({
       pin: {
         enable: !!o.enablePin,
         label: o.conversation.isPinned ? i("TUIConversation.Unpin") : i("TUIConversation.Pin"),
@@ -43,9 +43,9 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
       },
       markUnread: {
         enable: !!o.enableMarkUnread,
-        label: u.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
+        label: v.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
         onClick: (e, n) => {
-          T(e.conversationID, !u.value), c("markConversationUnread", e, n);
+          I(e.conversationID, !v.value), c("markConversationUnread", e, n);
         }
       },
       delete: {
@@ -56,93 +56,91 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
         }
       }
     });
-    U(
+    f(
       () => o.conversation,
       (e) => {
         var n;
         if (e.unreadCount > 0)
-          u.value = !0;
+          v.value = !0;
         else {
-          const t = R.TYPES.CONV_MARK_TYPE_UNREAD, s = (n = e == null ? void 0 : e.markList) == null ? void 0 : n.includes(t);
-          u.value = s;
+          const t = N.TYPES.CONV_MARK_TYPE_UNREAD, s = (n = e == null ? void 0 : e.markList) == null ? void 0 : n.includes(t);
+          v.value = s;
         }
       },
       { immediate: !0 }
-    ), U(
+    ), f(
       [() => o.conversation, () => o.customConversationActions],
       ([e, n]) => {
-        m.value = {
+        d.value = {
           ...P(),
           ...n || {}
         };
       },
       { immediate: !0, deep: !0 }
     );
-    const f = (e) => {
-      A.value = A.value ? null : e.currentTarget;
-    }, b = (e, n) => {
-      f(e), c("click", e, n, o.conversation);
-      const t = m.value[n];
+    const A = (e, n) => {
+      c("click", e, n, o.conversation);
+      const t = d.value[n];
       t && t.onClick(o.conversation, e), o.onClose && o.onClose();
-    }, D = (e) => {
-      e.stopPropagation(), e.target === e.currentTarget && p && o.onClose && o.onClose();
+    }, T = (e) => {
+      e.stopPropagation(), e.target === e.currentTarget && C && o.onClose && o.onClose();
     };
     return (e, n) => (a(), r("div", {
       class: l([e.$style.conversationActions, {
-        [e.$style.conversationActions__h5]: v(p)
+        [e.$style.conversationActions__h5]: u(C)
       }, _.className]),
-      style: E(_.style),
-      onClick: D
+      style: z(_.style),
+      onClick: T
     }, [
-      v(p) ? (a(), r("div", {
+      u(C) ? (a(), r("div", {
         key: 0,
         class: l(e.$style.conversationActions__h5__container),
-        onClick: n[0] || (n[0] = q(() => {
+        onClick: n[0] || (n[0] = E(() => {
         }, ["stop"]))
       }, [
-        (a(!0), r(h, null, M(k.value, (t, s) => (a(), r("div", {
+        (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
           key: s,
           class: l([e.$style.conversationActions__item, {
             [e.$style["conversationActions__item--delete"]]: s === "delete"
           }]),
-          onClick: (d) => b(d, s)
-        }, y(t.label), 11, j))), 128))
-      ], 2)) : (a(), B(v(L), {
+          onClick: (m) => A(m, s)
+        }, h(t.label), 11, O))), 128))
+      ], 2)) : (a(), $(u(R), {
         key: 1,
         trigger: "click",
+        teleported: !1,
         placement: "bottom-end"
       }, {
-        dropdown: I(() => [
-          (a(!0), r(h, null, M(k.value, (t, s) => (a(), r("div", {
+        dropdown: M(() => [
+          (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
             key: s,
             class: l([e.$style.conversationActions__item, {
               [e.$style["conversationActions__item--delete"]]: s === "delete"
             }]),
-            onClick: (d) => b(d, s)
-          }, y(t.label), 11, w))), 128))
+            onClick: (m) => A(m, s)
+          }, h(t.label), 11, Y))), 128))
         ]),
-        default: I(() => [
-          N("div", {
-            class: l(e.$style["conversationActions__popup-icon"]),
-            onClick: f
+        default: M(() => [
+          B("div", {
+            class: l(e.$style["conversationActions__popup-icon"])
           }, [
-            S(v(K), { size: "18px" })
+            q(u(V), { size: "18px" })
           ], 2)
         ]),
         _: 1
       }))
     ], 6));
   }
-}), H = "_conversationActions_qrz2h_1", G = "_conversationActions__h5_qrz2h_10", J = "_conversationActions__h5__container_qrz2h_22", Q = "_conversationActions__item_qrz2h_27", W = {
-  conversationActions: H,
+}), w = "_conversationActions_qrz2h_1", F = "_conversationActions__h5_qrz2h_10", H = "_conversationActions__h5__container_qrz2h_22", G = "_conversationActions__item_qrz2h_27", J = {
+  conversationActions: w,
   "conversationActions__popup-icon": "_conversationActions__popup-icon_qrz2h_5",
-  conversationActions__h5: G,
-  conversationActions__h5__container: J,
-  conversationActions__item: Q,
+  conversationActions__h5: F,
+  conversationActions__h5__container: H,
+  conversationActions__item: G,
   "conversationActions__item--delete": "_conversationActions__item--delete_qrz2h_52"
-}, X = {
-  $style: W
-}, se = /* @__PURE__ */ Y(F, [["__cssModules", X]]);
+}, Q = {
+  $style: J
+}, oe = /* @__PURE__ */ K(j, [["__cssModules", Q]]);
 export {
-  se as default
+  oe as default
 };