@medipha/chat 1.0.16 → 1.0.17

package/dist/index.js

@@ -4,9 +4,9 @@ import o, { Component as s, Fragment as c, Suspense as l, createContext as u, cr
 import { Link as E, Route as D, Routes as O, useNavigate as k, useParams as A } from "react-router-dom";
 import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
 import * as P from "react-dom";
-import ee, { createPortal as F } from "react-dom";
+import F, { createPortal as I } from "react-dom";
 //#region \0rolldown/runtime.js
-var I = Object.create, L = Object.defineProperty, te = Object.getOwnPropertyDescriptor, ne = Object.getOwnPropertyNames, re = Object.getPrototypeOf, ie = Object.prototype.hasOwnProperty, R = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ae = (e, t) => {
+var ee = Object.create, L = Object.defineProperty, te = Object.getOwnPropertyDescriptor, ne = Object.getOwnPropertyNames, re = Object.getPrototypeOf, ie = Object.prototype.hasOwnProperty, R = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ae = (e, t) => {
 	let n = {};
 	for (var r in e) L(n, r, {
 		get: e[r],
@@ -19,7 +19,7 @@ var I = Object.create, L = Object.defineProperty, te = Object.getOwnPropertyDesc
 		enumerable: !(r = te(t, s)) || r.enumerable
 	});
 	return e;
-}, z = (e, t, n) => (n = e == null ? {} : I(re(e)), oe(t || !e || !e.__esModule || !ie.call(e, "default") ? L(n, "default", {
+}, z = (e, t, n) => (n = e == null ? {} : ee(re(e)), oe(t || !e || !e.__esModule || !ie.call(e, "default") ? L(n, "default", {
 	value: e,
 	enumerable: !0
 }) : n, e)), se = {
@@ -2931,7 +2931,7 @@ var ya = /*#__PURE__*/ a.forwardRef((e, t) => /*#__PURE__*/ a.createElement(Ur,
 })));
 process.env.NODE_ENV !== "production" && (ya.displayName = "PaperClipOutlined");
 //#endregion
-//#region node_modules/.pnpm/@ant-design+icons@6.3.2_rea_2993242dac191668ff517cb365996d3d/node_modules/@ant-design/icons/es/icons/PicLeftOutlined.js
+//#region node_modules/.pnpm/@ant-design+icons@6.3.2_rea_2993242dac191668ff517cb365996d3d/node_modules/@ant-design/icons/es/icons/PictureOutlined.js
 var ba = /* @__PURE__ */ z((/* @__PURE__ */ R(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = {
 		icon: {
@@ -2942,10 +2942,10 @@ var ba = /* @__PURE__ */ z((/* @__PURE__ */ R(((e) => {
 			},
 			children: [{
 				tag: "path",
-				attrs: { d: "M952 792H72c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h880c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-632H72c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h880c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM608 660c8.8 0 16-7.2 16-16V380c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16v264c0 8.8 7.2 16 16 16h512zM152 436h400v152H152V436zm552 210c0 4.4 3.6 8 8 8h224c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H712c-4.4 0-8 3.6-8 8v56zm8-204h224c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H712c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8z" }
+				attrs: { d: "M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2zM304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z" }
 			}]
 		},
-		name: "pic-left",
+		name: "picture",
 		theme: "outlined"
 	};
 })))());
@@ -2962,9 +2962,9 @@ var Sa = /*#__PURE__*/ a.forwardRef((e, t) => /*#__PURE__*/ a.createElement(Ur,
 	ref: t,
 	icon: ba.default
 })));
-process.env.NODE_ENV !== "production" && (Sa.displayName = "PicLeftOutlined");
+process.env.NODE_ENV !== "production" && (Sa.displayName = "PictureOutlined");
 //#endregion
-//#region node_modules/.pnpm/@ant-design+icons@6.3.2_rea_2993242dac191668ff517cb365996d3d/node_modules/@ant-design/icons/es/icons/PictureOutlined.js
+//#region node_modules/.pnpm/@ant-design+icons@6.3.2_rea_2993242dac191668ff517cb365996d3d/node_modules/@ant-design/icons/es/icons/ProfileOutlined.js
 var Ca = /* @__PURE__ */ z((/* @__PURE__ */ R(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = {
 		icon: {
@@ -2975,10 +2975,10 @@ var Ca = /* @__PURE__ */ z((/* @__PURE__ */ R(((e) => {
 			},
 			children: [{
 				tag: "path",
-				attrs: { d: "M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2zM304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z" }
+				attrs: { d: "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM492 400h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM340 368a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0z" }
 			}]
 		},
-		name: "picture",
+		name: "profile",
 		theme: "outlined"
 	};
 })))());
@@ -2995,7 +2995,7 @@ var Ta = /*#__PURE__*/ a.forwardRef((e, t) => /*#__PURE__*/ a.createElement(Ur,
 	ref: t,
 	icon: Ca.default
 })));
-process.env.NODE_ENV !== "production" && (Ta.displayName = "PictureOutlined");
+process.env.NODE_ENV !== "production" && (Ta.displayName = "ProfileOutlined");
 //#endregion
 //#region node_modules/.pnpm/@ant-design+icons@6.3.2_rea_2993242dac191668ff517cb365996d3d/node_modules/@ant-design/icons/es/icons/PushpinFilled.js
 var Ea = /* @__PURE__ */ z((/* @__PURE__ */ R(((e) => {
@@ -4044,7 +4044,10 @@ function ks({ label: e, value: t, options: n, onChange: r, disabled: i }) {
 				g.current = !1;
 				return;
 			}
-			o(!1);
+			o((e) => {
+				let t = !e;
+				return t && (b(), x()), t;
+			});
 		}
 	}, T = (e) => {
 		e.target === e.currentTarget && (i || a || (g.current = !0, b(), x(), o(!0)));
@@ -4172,17 +4175,20 @@ function Ms({ label: e, value: t, options: n, onChange: r, disabled: i }) {
 		u("");
 		let e = n.findIndex((e) => t.includes(e.value));
 		f(Math.max(e, 0));
-	}, ee = () => {
+	}, F = () => {
 		if (!i) {
 			if (T.current) {
 				T.current = !1;
 				return;
 			}
-			o(!1);
+			o((e) => {
+				let t = !e;
+				return t && (j(), P()), t;
+			});
 		}
-	}, F = (e) => {
-		e.target === e.currentTarget && (i || a || (T.current = !0, j(), P(), o(!0)));
 	}, I = (e) => {
+		e.target === e.currentTarget && (i || a || (T.current = !0, j(), P(), o(!0)));
+	}, ee = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), !i && o((e) => {
 			let t = !e;
 			return t && (j(), P()), t;
@@ -4209,9 +4215,9 @@ function Ms({ label: e, value: t, options: n, onChange: r, disabled: i }) {
 			role: "button",
 			tabIndex: i ? -1 : 0,
 			"aria-disabled": i || void 0,
-			onClick: ee,
-			onFocus: F,
-			onKeyDown: I,
+			onClick: F,
+			onFocus: I,
+			onKeyDown: ee,
 			children: O ? /* @__PURE__ */ N("div", {
 				className: "multi-select-filter-tags",
 				ref: _,
@@ -4470,7 +4476,7 @@ function Qs({ message: e, className: t }) {
 //#endregion
 //#region src/pages/Setting/members/settings-modal.tsx
 function $s({ title: e, children: t, onClose: n, medium: r }) {
-	return zs(n), F(/* @__PURE__ */ M("div", {
+	return zs(n), I(/* @__PURE__ */ M("div", {
 		className: "med-chat-root med-chat-root--portal",
 		children: /* @__PURE__ */ M("div", {
 			className: "chat-modal-backdrop chat-modal-backdrop--layered",
@@ -4763,7 +4769,7 @@ function oc({ users: e, isCreating: t, isLoadingUsers: n, error: r, onSelectUser
 function sc({ currentUserId: e, onClose: t, onCreated: n }) {
 	let [r, i] = w("direct"), [a, o] = w([]), [s, c] = w(!0), [l, u] = w(!1), [d, f] = w(""), [p, m] = w(""), [h, g] = w(""), _ = go(p, 450), [v, b] = w(""), [x, S] = w(!1), [T, E] = w(Ks), D = C(null);
 	zs(t);
-	let { branchId: O, departmentId: k, branchOptions: A, departmentOptions: j, handleBranchChange: P, setDepartmentId: ee } = Ls();
+	let { branchId: O, departmentId: k, branchOptions: A, departmentOptions: j, handleBranchChange: P, setDepartmentId: F } = Ls();
 	y(() => {
 		let t = !0;
 		return c(!0), f(""), pn({
@@ -4789,9 +4795,9 @@ function sc({ currentUserId: e, onClose: t, onCreated: n }) {
 	]), y(() => {
 		g(_.trim());
 	}, [_]);
-	let F = (e) => {
+	let I = (e) => {
 		e.preventDefault(), g(p.trim());
-	}, I = async (e) => {
+	}, ee = async (e) => {
 		u(!0), f("");
 		try {
 			let t = await _n(e), r = Fo(t);
@@ -4869,7 +4875,7 @@ function sc({ currentUserId: e, onClose: t, onCreated: n }) {
 							label: "Phòng ban",
 							value: k,
 							options: j,
-							onChange: ee,
+							onChange: F,
 							disabled: !O
 						}),
 						/* @__PURE__ */ M(Ms, {
@@ -4882,7 +4888,7 @@ function sc({ currentUserId: e, onClose: t, onCreated: n }) {
 				}),
 				/* @__PURE__ */ N("form", {
 					className: "chat-modal-search chat-modal-search--pill",
-					onSubmit: F,
+					onSubmit: I,
 					children: [/* @__PURE__ */ M(Ba, { "aria-hidden": "true" }), /* @__PURE__ */ M("input", {
 						value: p,
 						onChange: (e) => m(e.target.value),
@@ -4897,7 +4903,7 @@ function sc({ currentUserId: e, onClose: t, onCreated: n }) {
 					error: d,
 					onSelectUser: (e) => {
 						let t = Fo(e);
-						!t || l || I({
+						!t || l || ee({
 							type: "DIRECT",
 							title: "",
 							memberIds: [t]
@@ -4910,7 +4916,7 @@ function sc({ currentUserId: e, onClose: t, onCreated: n }) {
 					isLoadingUsers: s,
 					error: d,
 					onSubmit: (e, t, n) => {
-						I({
+						ee({
 							type: "GROUP",
 							title: e,
 							memberIds: t,
@@ -5105,15 +5111,11 @@ function Ec({ state: e, onClose: t, onIndexChange: n }) {
 	};
 	if (y(() => {
 		u(1);
-	}, [i]), y(() => {
+	}, [i]), zs(t), y(() => {
 		let e = (e) => {
-			if (e.key === "Escape") {
-				e.stopPropagation(), t();
-				return;
-			}
 			e.key === "ArrowLeft" && d(), e.key === "ArrowRight" && f();
 		};
-		return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [r, i]), y(() => {
 		o.current?.scrollIntoView({
 			block: "nearest",
@@ -5261,12 +5263,7 @@ function Ac({ userId: e, fallbackName: t, onClose: n, onStartChat: r }) {
 		}), () => {
 			t = !1;
 		};
-	}, [e]), y(() => {
-		let e = (e) => {
-			e.key === "Escape" && n();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [n]);
+	}, [e]), zs(n);
 	let u = (i ? Io(i) : void 0) ?? t ?? "Người dùng", d = un(i?.avatarUrl ?? i?.avatar ?? null), f = [
 		{
 			label: "Họ tên",
@@ -5298,7 +5295,7 @@ function Ac({ userId: e, fallbackName: t, onClose: n, onStartChat: r }) {
 			value: Dc(i?.jobTitleName)
 		}
 	];
-	return F(/* @__PURE__ */ N("div", {
+	return I(/* @__PURE__ */ N("div", {
 		className: "med-chat-root med-chat-root--portal",
 		children: [/* @__PURE__ */ M("div", {
 			className: "chat-modal-backdrop chat-modal-backdrop--layered",
@@ -6265,7 +6262,7 @@ var Fl = 1e5, Il = 1e3, Ll = {
 	return /^\d+$/.test(t) ? BigInt(t) : null;
 };
 function zl(e) {
-	let [t, n] = w([]), [r, i] = w(Ll), [a, o] = w(Fl), [s, c] = w("latest"), [l, u] = w(null), [d, f] = w(null), [p, m] = w(0), [h, _] = w(!1), [v, b] = w(!1), [S, T] = w(!1), [E, D] = w(!1), [O, k] = w(!1), A = C(!1), [j, M] = w(!0), [N, P] = w(""), ee = C(/* @__PURE__ */ new Map()), F = C(e), I = C([]), L = C(Ll), te = C("latest"), ne = C(!0), re = C(null), ie = C({
+	let [t, n] = w([]), [r, i] = w(Ll), [a, o] = w(Fl), [s, c] = w("latest"), [l, u] = w(null), [d, f] = w(null), [p, m] = w(0), [h, _] = w(!1), [v, b] = w(!1), [S, T] = w(!1), [E, D] = w(!1), [O, k] = w(!1), A = C(!1), [j, M] = w(!0), [N, P] = w(""), F = C(/* @__PURE__ */ new Map()), I = C(e), ee = C([]), L = C(Ll), te = C("latest"), ne = C(!0), re = C(null), ie = C({
 		latest: !1,
 		older: !1,
 		newer: !1,
@@ -6275,8 +6272,8 @@ function zl(e) {
 		older: null,
 		newer: null
 	}), ae = C(0), oe = C(!1), [z, se] = w(e);
-	z !== e && (se(e), n([]), i(Ll), o(Fl), c("latest"), u(null), f(null), k(!1), A.current = !1, M(!0), P(""), ee.current.clear()), x(() => {
-		F.current = e, ae.current += 1, I.current = [], L.current = Ll, te.current = "latest", ne.current = !0, re.current = null, oe.current = !1, ie.current = {
+	z !== e && (se(e), n([]), i(Ll), o(Fl), c("latest"), u(null), f(null), k(!1), A.current = !1, M(!0), P(""), F.current.clear()), x(() => {
+		I.current = e, ae.current += 1, ee.current = [], L.current = Ll, te.current = "latest", ne.current = !0, re.current = null, oe.current = !1, ie.current = {
 			latest: !1,
 			older: !1,
 			newer: !1,
@@ -6285,12 +6282,12 @@ function zl(e) {
 		};
 	}, [e]);
 	let B = g((e) => {
-		let t = e.id ? ee.current.get(String(e.id)) : void 0, n = e.replyTo ? ee.current.get(String(e.replyTo.id)) : void 0, r = t ? vs(e, t) : e;
+		let t = e.id ? F.current.get(String(e.id)) : void 0, n = e.replyTo ? F.current.get(String(e.replyTo.id)) : void 0, r = t ? vs(e, t) : e;
 		return n && r.replyTo ? {
 			...r,
 			replyTo: _s(r.replyTo, n)
 		} : r;
-	}, []), ce = g((e, t) => String(F.current ?? "") === String(e ?? "") && ae.current === t, []), le = g((e) => {
+	}, []), ce = g((e, t) => String(I.current ?? "") === String(e ?? "") && ae.current === t, []), le = g((e) => {
 		L.current = e, i(e);
 	}, []), ue = g((e) => {
 		A.current = e, k(e);
@@ -6316,15 +6313,15 @@ function zl(e) {
 		pe
 	]), he = g((e, t, r = null) => {
 		let i = me(e), a = Ts(i.messages), s = r ?? i.targetMessageId ?? null;
-		return I.current = a, n(a), le({
+		return ee.current = a, n(a), le({
 			oldestSequence: i.oldestSequence,
 			newestSequence: i.newestSequence,
 			hasOlderMessages: i.hasOlderMessages,
 			hasNewerMessages: i.hasNewerMessages
 		}), o(Fl), te.current = t, c(t), u(s), f(s ? a.findIndex((e) => String(e.id) === String(s)) : null), i;
 	}, [me, le]), ge = g((e, t) => {
-		let r = me(e), i = I.current, a = Ds(i, r.messages), s = Math.max(0, a.length - i.length);
-		return I.current = a, n(a), t === "older" ? (o((e) => e - s), le({
+		let r = me(e), i = ee.current, a = Ds(i, r.messages), s = Math.max(0, a.length - i.length);
+		return ee.current = a, n(a), t === "older" ? (o((e) => e - s), le({
 			...L.current,
 			oldestSequence: r.oldestSequence,
 			hasOlderMessages: r.hasOlderMessages
@@ -6442,8 +6439,8 @@ function zl(e) {
 			ue(!0);
 			return;
 		}
-		let c = o !== null && s !== null && o > s + 1n, l = Ds(I.current, [i]);
-		if (I.current = l, n(l), c) {
+		let c = o !== null && s !== null && o > s + 1n, l = Ds(ee.current, [i]);
+		if (ee.current = l, n(l), c) {
 			le({
 				...L.current,
 				hasNewerMessages: !0
@@ -6464,28 +6461,28 @@ function zl(e) {
 		le,
 		ue
 	]), we = g((e) => {
-		let t = Ds(I.current, [B(e)]);
-		I.current = t, n(t);
+		let t = Ds(ee.current, [B(e)]);
+		ee.current = t, n(t);
 	}, [B]), Te = g((e) => {
-		let t = I.current.filter((t) => t.clientMessageId !== e);
-		I.current = t, n(t);
+		let t = ee.current.filter((t) => t.clientMessageId !== e);
+		ee.current = t, n(t);
 	}, []), Ee = g((t) => {
 		if (String(t.conversationId) !== String(e)) return;
-		ee.current.set(String(t.messageId), t);
-		let r = I.current.map((e) => {
+		F.current.set(String(t.messageId), t);
+		let r = ee.current.map((e) => {
 			let n = String(e.id) === String(t.messageId) ? vs(e, t) : e;
 			return n.replyTo && String(n.replyTo.id) === String(t.messageId) ? {
 				...n,
 				replyTo: _s(n.replyTo, t)
 			} : n;
 		});
-		I.current = r, n(r);
-	}, [e]), De = g((e) => ee.current.has(String(e)) || I.current.some((t) => String(t.id) === String(e) && gs(t)), []), Oe = g((e, t) => {
-		let r = I.current.map((n) => String(n.id) === String(e) && !gs(n) ? {
+		ee.current = r, n(r);
+	}, [e]), De = g((e) => F.current.has(String(e)) || ee.current.some((t) => String(t.id) === String(e) && gs(t)), []), Oe = g((e, t) => {
+		let r = ee.current.map((n) => String(n.id) === String(e) && !gs(n) ? {
 			...n,
 			reactionSummary: typeof t == "function" ? t(n.reactionSummary) : t
 		} : n);
-		I.current = r, n(r);
+		ee.current = r, n(r);
 	}, []), ke = g(() => {
 		u(null), f(null);
 	}, []), Ae = g(() => {
@@ -6498,7 +6495,7 @@ function zl(e) {
 		e && L.current.hasNewerMessages && be();
 	}, [_e, be]);
 	return y(() => {
-		F.current = e, ae.current += 1, I.current = [], L.current = Ll, te.current = "latest", ne.current = !0, re.current = null, ee.current.clear(), oe.current = !1, ie.current = {
+		I.current = e, ae.current += 1, ee.current = [], L.current = Ll, te.current = "latest", ne.current = !0, re.current = null, F.current.clear(), oe.current = !1, ie.current = {
 			latest: !1,
 			older: !1,
 			newer: !1,
@@ -6956,7 +6953,7 @@ function iu({ title: e, avatarUrl: t, isGroup: n, isVerified: i, groupMemberCoun
 						"aria-label": "Thông tin",
 						"aria-pressed": d,
 						onClick: f,
-						children: /* @__PURE__ */ M(Sa, {})
+						children: /* @__PURE__ */ M(Ta, {})
 					})
 				})]
 			})
@@ -10553,7 +10550,7 @@ function vm(e, t, n, r = Od, i, a) {
 				viewportHeight: i
 			});
 		};
-		n.suppressFlushSync === !0 ? u() : ee.flushSync(u), c.current !== null && (o === c.current || o <= 0 || o === r - i) && (c.current = null, t(!0), l.current &&= (clearTimeout(l.current), null));
+		n.suppressFlushSync === !0 ? u() : F.flushSync(u), c.current !== null && (o === c.current || o <= 0 || o === r - i) && (c.current = null, t(!0), l.current &&= (clearTimeout(l.current), null));
 	}, [
 		e,
 		t,
@@ -11177,18 +11174,18 @@ var yh = /* @__PURE__ */ Qd(([{ increaseViewportBy: e, listBoundary: t, overscan
 	}), D = Yd(), O = Yd(), k = G(0), A = G(null), j = G({
 		column: 0,
 		row: 0
-	}), M = Yd(), N = Yd(), P = G(!1), ee = G(0), F = G(!0), I = G(!1), L = G(!1);
-	Md(W(m, Gd(ee), Bd(([e, t]) => !xp(t))), () => {
-		Nd(F, !1);
-	}), Md(W(tf(m, F, E, T, ee, I), Bd(([e, t, n, r, , i]) => e && !t && n.height !== 0 && r.height !== 0 && !i)), ([, , , , e]) => {
+	}), M = Yd(), N = Yd(), P = G(!1), F = G(0), I = G(!0), ee = G(!1), L = G(!1);
+	Md(W(m, Gd(F), Bd(([e, t]) => !xp(t))), () => {
+		Nd(I, !1);
+	}), Md(W(tf(m, I, E, T, F, ee), Bd(([e, t, n, r, , i]) => e && !t && n.height !== 0 && r.height !== 0 && !i)), ([, , , , e]) => {
 		if (e === void 0) {
-			Nd(F, !0);
+			Nd(I, !0);
 			return;
 		}
-		Nd(I, !0), yp(1, () => {
+		Nd(ee, !0), yp(1, () => {
 			Nd(D, e);
 		}), Id(W(l), () => {
-			Nd(t, [0, 0]), Nd(F, !0);
+			Nd(t, [0, 0]), Nd(I, !0);
 		});
 	}), H(W(N, Bd((e) => e != null && e.scrollTop > 0), Vd(0)), C), Md(W(m, Gd(N), Bd(([, e]) => e != null)), ([, e]) => {
 		e && (Nd(T, e.viewport), Nd(E, e.item), Nd(j, e.gap), e.scrollTop > 0 && (Nd(P, !0), Id(W(l, Ud(1)), (e) => {
@@ -11199,7 +11196,7 @@ var yh = /* @__PURE__ */ Qd(([{ increaseViewportBy: e, listBoundary: t, overscan
 		item: t,
 		scrollTop: r,
 		viewport: e
-	}))), M), H(W(tf(nf(S), r, nf(j, vh), nf(E, _h), nf(T, _h), nf(A), nf(C), nf(P), nf(F), nf(ee)), Bd(([, , , , , , , e]) => !e), U(([e, [t, n], r, i, a, o, s, , c, l]) => {
+	}))), M), H(W(tf(nf(S), r, nf(j, vh), nf(E, _h), nf(T, _h), nf(A), nf(C), nf(P), nf(I), nf(F)), Bd(([, , , , , , , e]) => !e), U(([e, [t, n], r, i, a, o, s, , c, l]) => {
 		let { column: u, row: d } = r, { height: f, width: p } = i, { width: m } = a;
 		if (s === 0 && (e === 0 || m === 0)) return ch;
 		if (p === 0) {
@@ -11272,7 +11269,7 @@ var yh = /* @__PURE__ */ Qd(([{ increaseViewportBy: e, listBoundary: t, overscan
 		...p,
 		gridState: w,
 		horizontalDirection: L,
-		initialTopMostItemIndex: ee,
+		initialTopMostItemIndex: F,
 		totalListHeight: R,
 		...f,
 		endReached: ne,
@@ -11613,7 +11610,7 @@ function Vh({ conversationId: e, canManagePins: n, onJump: r, timelineRef: i })
 					children: [a.length, " ghim"]
 				})]
 			}),
-			s && i.current ? F(/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("div", {
+			s && i.current ? I(/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("div", {
 				className: "pinned-dropdown-scrim",
 				onClick: () => c(!1)
 			}), /* @__PURE__ */ N("div", {
@@ -11822,7 +11819,7 @@ var Gh = (e, t, n, r) => {
 //#region src/features/message-list/overlays/reaction/reaction-modal.tsx
 function Jh({ message: e, filter: t, items: n, isLoading: r, error: i, hasMore: a, onFilterChange: o, onLoadMore: s, onRetry: c, onClose: l, members: u, onOpenProfile: d }) {
 	let f = e.reactionSummary.byType;
-	return /* @__PURE__ */ M("div", {
+	return zs(l), /* @__PURE__ */ M("div", {
 		className: "chat-modal-backdrop",
 		role: "presentation",
 		onClick: l,
@@ -11976,7 +11973,7 @@ function Zh({ enabled: e, isLoading: t, onLoadMore: n }) {
 //#endregion
 //#region src/features/message-list/overlays/system-members/system-members-modal.tsx
 function Qh({ totalCount: e, actionLabel: t, items: n, isLoading: r, error: i, hasMore: a, onLoadMore: o, onRetry: s, onClose: c, members: l, onOpenProfile: u }) {
-	return /* @__PURE__ */ M("div", {
+	return zs(c), /* @__PURE__ */ M("div", {
 		className: "chat-modal-backdrop",
 		role: "presentation",
 		onClick: c,
@@ -12124,7 +12121,7 @@ function ng(e, t, n) {
 //#region src/features/message-list/overlays/message-details/message-details-modal.tsx
 function rg({ message: e, isGroup: t, members: n, otherMember: r, currentUserId: i, authUser: a, seenBy: o, onClose: s }) {
 	let c = Gh(e.senderId, n, i, a), l = qh(e.senderId, n), u = r?.lastReadSequence !== void 0 && e.sequence !== void 0 && BigInt(r.lastReadSequence) >= BigInt(e.sequence);
-	return /* @__PURE__ */ M("div", {
+	return zs(s), /* @__PURE__ */ M("div", {
 		className: "chat-modal-backdrop",
 		role: "presentation",
 		onClick: s,
@@ -12319,7 +12316,7 @@ function cg({ canRemove: e, removeLabel: t, isRemoving: n, canManagePins: r, can
 						s ? f() : d(e.currentTarget.getBoundingClientRect());
 					},
 					children: /* @__PURE__ */ M(Li, {})
-				}), s && c ? F(/* @__PURE__ */ M("div", {
+				}), s && c ? I(/* @__PURE__ */ M("div", {
 					className: "med-chat-root med-chat-root--portal",
 					children: /* @__PURE__ */ N("div", {
 						className: "message-options-menu",
@@ -24307,7 +24304,7 @@ function CM() {
 		setRenderer(e, n) {
 			t = {
 				...t,
-				[e]: ee.createPortal(n.reactElement, n.element, e)
+				[e]: F.createPortal(n.reactElement, n.element, e)
 			}, r();
 		},
 		removeRenderer(e) {
@@ -27588,7 +27585,7 @@ function iI(e) {
 var aI = 10, oI = 650;
 function sI({ emoji: e, x: t, y: n }) {
 	let [r] = w(() => Array.from({ length: aI }, (e, t) => 360 / aI * t + (Math.random() * 24 - 12)));
-	return F(/* @__PURE__ */ M("div", {
+	return I(/* @__PURE__ */ M("div", {
 		className: "reaction-burst-viewport",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ M("div", {
@@ -27734,7 +27731,7 @@ function dI(e, t, n) {
 		children: i.value.replace(/^@/, "")
 	}, i.key) : /* @__PURE__ */ M("span", { children: i.value }, i.key));
 }
-function fI({ message: e, isMine: t, isGroup: n, isFocused: r, isLatestMessage: i, showDayDivider: a, isReactionPickerOpen: o, myReactionType: s, onOpenReactionPicker: c, onCloseReactionPickerIfSelf: l, onApplyReaction: u, onRemoveReaction: d, onOpenReactionModal: f, canManagePins: p, isPinned: m, onTogglePin: h, isMenuOpen: g, menuPosition: _, onOpenMenu: v, onCloseMenu: y, onCopyMessage: b, onViewDetails: x, canRemove: S, removeLabel: C, isRemoving: w, onRemove: T, onReply: E, onForward: D, onJumpToReply: O, onOpenMentionCard: k, onOpenSystemMembers: A, onOpenImageLightbox: P, onImageSettled: ee, onRetry: F, onDeleteFailed: I, resolveUserAvatar: L, onOpenUserProfile: te }) {
+function fI({ message: e, isMine: t, isGroup: n, isFocused: r, isLatestMessage: i, showDayDivider: a, isReactionPickerOpen: o, myReactionType: s, onOpenReactionPicker: c, onCloseReactionPickerIfSelf: l, onApplyReaction: u, onRemoveReaction: d, onOpenReactionModal: f, canManagePins: p, isPinned: m, onTogglePin: h, isMenuOpen: g, menuPosition: _, onOpenMenu: v, onCloseMenu: y, onCopyMessage: b, onViewDetails: x, canRemove: S, removeLabel: C, isRemoving: w, onRemove: T, onReply: E, onForward: D, onJumpToReply: O, onOpenMentionCard: k, onOpenSystemMembers: A, onOpenImageLightbox: P, onImageSettled: F, onRetry: I, onDeleteFailed: ee, resolveUserAvatar: L, onOpenUserProfile: te }) {
 	let ne = gs(e), re = a ? Hc(e.createdAt) : null, ie = re ? /* @__PURE__ */ M("div", {
 		className: "message-day-divider",
 		children: /* @__PURE__ */ N("span", { children: [re === "Hôm nay" ? "" : `${Bc(e.createdAt)} · `, re] })
@@ -27821,7 +27818,7 @@ function fI({ message: e, isMine: t, isGroup: n, isFocused: r, isLatestMessage:
 							message: e,
 							isLatestMessage: i,
 							onOpenImageLightbox: P,
-							onImageSettled: ee,
+							onImageSettled: F,
 							onOpenMentionCard: k
 						}),
 						R ? null : /* @__PURE__ */ N("time", {
@@ -27863,12 +27860,12 @@ function fI({ message: e, isMine: t, isGroup: n, isFocused: r, isLatestMessage:
 				children: [/* @__PURE__ */ M("button", {
 					className: "message-retry",
 					type: "button",
-					onClick: F,
+					onClick: I,
 					children: "Thử lại"
 				}), /* @__PURE__ */ M("button", {
 					className: "message-delete-failed",
 					type: "button",
-					onClick: I,
+					onClick: ee,
 					children: "Xóa"
 				})]
 			}) : null]
@@ -27877,38 +27874,38 @@ function fI({ message: e, isMine: t, isGroup: n, isFocused: r, isLatestMessage:
 }
 //#endregion
 //#region src/pages/conversation/conversation-detail/conversation-detail.tsx
-var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError: i, isTimelineReady: a, isFollowingLatest: o, messageWindow: s, isRemovedMessageId: c, virtuosoRef: l, setScrollerRef: u, handleTimelineScrolling: d, handleVisibleRangeChanged: f, visibleDayLabel: p, isNearBottomOfList: m, onCatchUp: h, members: _, isGroup: v, groupMemberCount: x, currentUserId: S, authUser: C, composerError: w, pendingAttachments: T, onRemovePendingAttachment: E, canModerateMessages: D, canManagePins: O, dayDividerKeys: k, replyTargetState: A, onForward: P, onJumpToReply: ee, onOpenMentionCard: F, onOpenUserProfile: I, onOpenImageLightbox: L, onRetry: te, onDeleteFailed: ne, stickToLatestRef: re, readIsFollowingLatest: ie, scrollToLatest: R, loadAround: ae, onMessageRemoved: oe }, z) {
-	let se = Hh(), B = zh(e, () => se.closePicker()), ce = Wh(), le = Xh(), ue = tg(t), de = ng(_, v, x);
-	b(z, () => ({ closeMessageMenu: ue.closeMenu }), [ue.closeMenu]);
-	let fe = g((t) => {
+var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError: i, isTimelineReady: a, isFollowingLatest: o, messageWindow: s, isRemovedMessageId: c, virtuosoRef: l, setScrollerRef: u, handleTimelineScrolling: d, handleVisibleRangeChanged: f, visibleDayLabel: p, isNearBottomOfList: m, onCatchUp: h, members: _, isGroup: v, groupMemberCount: x, currentUserId: S, authUser: C, composerError: T, pendingAttachments: E, onRemovePendingAttachment: D, canModerateMessages: O, canManagePins: k, dayDividerKeys: A, replyTargetState: P, onForward: F, onJumpToReply: I, onOpenMentionCard: ee, onOpenUserProfile: L, onOpenImageLightbox: te, onRetry: ne, onDeleteFailed: re, stickToLatestRef: ie, readIsFollowingLatest: R, scrollToLatest: ae, loadAround: oe, onMessageRemoved: z }, se) {
+	let [B, ce] = w(null), le = E.filter((e) => e.previewUrl), ue = Hh(), de = zh(e, () => ue.closePicker()), fe = Wh(), pe = Xh(), me = tg(t), he = ng(_, v, x);
+	b(se, () => ({ closeMessageMenu: me.closeMenu }), [me.closeMenu]);
+	let ge = g((t) => {
 		if (String(t.conversationId) !== String(e)) return;
 		let n = String(t.messageId);
-		ue.clearIfTarget(n), se.clearIfTarget(n), ce.clearIfTarget(n), de.clearIfTarget(n), B.clearIfTarget(n), oe(t);
+		me.clearIfTarget(n), ue.clearIfTarget(n), fe.clearIfTarget(n), he.clearIfTarget(n), de.clearIfTarget(n), z(t);
 	}, [
 		e,
+		he.clearIfTarget,
+		z,
 		de.clearIfTarget,
-		oe,
-		B.clearIfTarget,
-		ce.clearIfTarget
-	]), pe = ig(e, S, D, fe, (e) => ue.setOpenId(e.id ?? null));
+		fe.clearIfTarget
+	]), _e = ig(e, S, O, ge, (e) => me.setOpenId(e.id ?? null));
 	y(() => {
-		B.reset(), Promise.resolve().then(B.refreshPinned);
-	}, [e, B.refreshPinned]), y(() => e ? Kn({
+		de.reset(), Promise.resolve().then(de.refreshPinned);
+	}, [e, de.refreshPinned]), y(() => e ? Kn({
 		onMessagePinned: (t) => {
 			let n = xs(t?.data ?? t, e);
-			String(n.conversationId) === String(e) && !gs(n) && !c(String(n.id)) && B.applyPinnedUpdate(n);
+			String(n.conversationId) === String(e) && !gs(n) && !c(String(n.id)) && de.applyPinnedUpdate(n);
 		},
 		onMessageRemoved: (e) => {
 			let t = e?.data ?? e;
-			!t?.conversationId || !t.messageId || !t.removedAt || !t.removedById || fe(t);
+			!t?.conversationId || !t.messageId || !t.removedAt || !t.removedById || ge(t);
 		}
 	}) : void 0, [
 		e,
 		c,
-		B.applyPinnedUpdate,
-		fe
+		de.applyPinnedUpdate,
+		ge
 	]);
-	let me = g((t, n) => {
+	let ve = g((t, n) => {
 		if (!(!e || !t)) try {
 			Hs(tr({
 				conversationId: e,
@@ -27918,7 +27915,7 @@ var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError
 		} catch (e) {
 			console.warn("Unable to apply reaction", e);
 		}
-	}, [e]), he = g((t) => {
+	}, [e]), ye = g((t) => {
 		if (!(!e || !t)) try {
 			Hs(nr({
 				conversationId: e,
@@ -27927,8 +27924,8 @@ var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError
 		} catch (e) {
 			console.warn("Unable to remove reaction", e);
 		}
-	}, [e]), ge = s.messages.find((e) => String(e.id) === String(ce.messageId)) ?? null, _e = (e) => qh(e, _), ve = (e) => Gh(e, _, S, C), ye = async (e) => {
-		ue.closeMenu();
+	}, [e]), be = s.messages.find((e) => String(e.id) === String(fe.messageId)) ?? null, xe = (e) => qh(e, _), Se = (e) => Gh(e, _, S, C), Ce = async (e) => {
+		me.closeMenu();
 		let t = ps(e);
 		if (t) try {
 			await navigator.clipboard.writeText(t), Vs.copied("Đã sao chép tin nhắn");
@@ -27944,8 +27941,8 @@ var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError
 			children: [
 				/* @__PURE__ */ M(Vh, {
 					conversationId: e,
-					canManagePins: O,
-					onJump: (e) => ae(e),
+					canManagePins: k,
+					onJump: (e) => oe(e),
 					timelineRef: t
 				}),
 				r || s.messages.length > 0 && !a ? /* @__PURE__ */ M("div", {
@@ -27995,51 +27992,51 @@ var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError
 						rangeChanged: f,
 						computeItemKey: (e, t) => t.id ?? t.clientMessageId ?? String(t.sequence),
 						itemContent: (e, t) => {
-							let n = t.id ?? t.clientMessageId ?? String(t.sequence), r = String(t.senderId) === String(S), i = r || D, a = r ? "Thu hồi tin nhắn" : "Gỡ tin nhắn", o = String(t.id) === String(s.focusedMessageId), c = s.messages.at(-1)?.clientMessageId === t.clientMessageId;
+							let n = t.id ?? t.clientMessageId ?? String(t.sequence), r = String(t.senderId) === String(S), i = r || O, a = r ? "Thu hồi tin nhắn" : "Gỡ tin nhắn", o = String(t.id) === String(s.focusedMessageId), c = s.messages.at(-1)?.clientMessageId === t.clientMessageId;
 							return /* @__PURE__ */ M(fI, {
 								message: t,
 								isMine: r,
 								isGroup: v,
 								isFocused: o,
 								isLatestMessage: c,
-								showDayDivider: k.has(n),
-								isReactionPickerOpen: se.reactionPickerMessageId === t.id,
+								showDayDivider: A.has(n),
+								isReactionPickerOpen: ue.reactionPickerMessageId === t.id,
 								myReactionType: t.reactionSummary.mine?.type ?? null,
-								onOpenReactionPicker: () => se.openPicker(t.id ?? null),
-								onCloseReactionPickerIfSelf: () => t.id && se.clearIfTarget(t.id),
-								onApplyReaction: (e) => me(t.id, e),
-								onRemoveReaction: () => he(t.id),
-								onOpenReactionModal: () => ce.open(t.id, null),
-								onOpenSystemMembers: le.open,
-								resolveUserAvatar: _e,
-								canManagePins: O,
-								isPinned: B.pinnedIds.has(String(t.id)),
+								onOpenReactionPicker: () => ue.openPicker(t.id ?? null),
+								onCloseReactionPickerIfSelf: () => t.id && ue.clearIfTarget(t.id),
+								onApplyReaction: (e) => ve(t.id, e),
+								onRemoveReaction: () => ye(t.id),
+								onOpenReactionModal: () => fe.open(t.id, null),
+								onOpenSystemMembers: pe.open,
+								resolveUserAvatar: xe,
+								canManagePins: k,
+								isPinned: de.pinnedIds.has(String(t.id)),
 								onTogglePin: () => {
-									ue.closeMenu(), B.togglePin(t, !B.pinnedIds.has(String(t.id)));
+									me.closeMenu(), de.togglePin(t, !de.pinnedIds.has(String(t.id)));
 								},
-								isMenuOpen: ue.openMessageMenuId === t.id,
-								menuPosition: ue.messageMenuPosition,
-								onOpenMenu: (e) => ue.openMenu(t.id ?? "", e),
-								onCloseMenu: () => ue.closeMenu(),
-								onCopyMessage: () => ye(t),
+								isMenuOpen: me.openMessageMenuId === t.id,
+								menuPosition: me.messageMenuPosition,
+								onOpenMenu: (e) => me.openMenu(t.id ?? "", e),
+								onCloseMenu: () => me.closeMenu(),
+								onCopyMessage: () => Ce(t),
 								onViewDetails: () => {
-									ue.closeMenu(), de.openDetails(t);
+									me.closeMenu(), he.openDetails(t);
 								},
 								canRemove: i,
 								removeLabel: a,
-								isRemoving: t.id ? pe.removalInFlightIds.has(t.id) : !1,
-								onRemove: () => pe.requestRemoval(t),
-								onReply: () => A.startReply(t),
-								onForward: () => P(t),
-								onJumpToReply: ee,
-								onOpenMentionCard: F,
-								onOpenUserProfile: I,
-								onOpenImageLightbox: (e, n) => L(t, e, n),
+								isRemoving: t.id ? _e.removalInFlightIds.has(t.id) : !1,
+								onRemove: () => _e.requestRemoval(t),
+								onReply: () => P.startReply(t),
+								onForward: () => F(t),
+								onJumpToReply: I,
+								onOpenMentionCard: ee,
+								onOpenUserProfile: L,
+								onOpenImageLightbox: (e, n) => te(t, e, n),
 								onImageSettled: () => {
-									(re.current || ie()) && requestAnimationFrame(() => requestAnimationFrame(() => R("auto")));
+									(ie.current || R()) && requestAnimationFrame(() => requestAnimationFrame(() => ae("auto")));
 								},
-								onRetry: () => te(t),
-								onDeleteFailed: () => ne(t)
+								onRetry: () => ne(t),
+								onDeleteFailed: () => re(t)
 							});
 						}
 					}, s.timelineRevision)
@@ -28074,25 +28071,31 @@ var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError
 				}) : null
 			]
 		}),
-		A.replyTarget ? /* @__PURE__ */ M(ag, {
-			target: A.replyTarget,
-			avatarUrl: _e(A.replyTarget.senderId),
-			senderName: ve(A.replyTarget.senderId),
-			onCancel: () => A.clearReply()
+		P.replyTarget ? /* @__PURE__ */ M(ag, {
+			target: P.replyTarget,
+			avatarUrl: xe(P.replyTarget.senderId),
+			senderName: Se(P.replyTarget.senderId),
+			onCancel: () => P.clearReply()
 		}) : null,
-		w ? /* @__PURE__ */ M("p", {
+		T ? /* @__PURE__ */ M("p", {
 			className: "conversation-error composer-error",
-			children: w
+			children: T
 		}) : null,
-		T.length > 0 ? /* @__PURE__ */ M("div", {
+		E.length > 0 ? /* @__PURE__ */ M("div", {
 			className: "composer-attachments-preview",
-			children: T.map((e, t) => {
-				let n = e.previewUrl ? null : hc(e.file.name);
+			children: E.map((e, t) => {
+				let n = e.previewUrl ? null : hc(e.file.name), r = le.indexOf(e);
 				return /* @__PURE__ */ N("div", {
 					className: "composer-attachment-thumb",
-					children: [e.previewUrl ? /* @__PURE__ */ M("img", {
-						src: e.previewUrl,
-						alt: e.file.name
+					children: [e.previewUrl ? /* @__PURE__ */ M("button", {
+						type: "button",
+						className: "composer-attachment-thumb-preview",
+						"aria-label": `Xem trước ${e.file.name}`,
+						onClick: () => ce(r),
+						children: /* @__PURE__ */ M("img", {
+							src: e.previewUrl,
+							alt: e.file.name
+						})
 					}) : /* @__PURE__ */ N("span", {
 						className: "composer-attachment-file",
 						title: e.file.name,
@@ -28109,48 +28112,61 @@ var pI = p(function({ conversationId: e, timelineRef: t, isLoading: r, chatError
 						className: "composer-attachment-remove",
 						"aria-label": "Bỏ tệp",
 						title: "Bỏ tệp",
-						onClick: () => E(t),
+						onClick: () => D(t),
 						children: /* @__PURE__ */ M(Ti, {})
 					})]
 				}, `${e.file.name}-${t}`);
 			})
 		}) : null,
-		le.messageId ? /* @__PURE__ */ M(Qh, {
-			totalCount: le.totalCount,
-			actionLabel: le.actionLabel,
-			items: le.items,
-			isLoading: le.isLoading,
-			error: le.error,
-			hasMore: le.hasMore,
-			onLoadMore: le.loadMore,
-			onRetry: le.retry,
-			onClose: le.close,
+		B === null ? null : /* @__PURE__ */ M(Ec, {
+			state: {
+				items: le.map((e, t) => ({
+					id: `${e.file.name}-${t}`,
+					url: e.previewUrl,
+					createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+					name: e.file.name
+				})),
+				index: B
+			},
+			onClose: () => ce(null),
+			onIndexChange: ce
+		}),
+		pe.messageId ? /* @__PURE__ */ M(Qh, {
+			totalCount: pe.totalCount,
+			actionLabel: pe.actionLabel,
+			items: pe.items,
+			isLoading: pe.isLoading,
+			error: pe.error,
+			hasMore: pe.hasMore,
+			onLoadMore: pe.loadMore,
+			onRetry: pe.retry,
+			onClose: pe.close,
 			members: _,
-			onOpenProfile: I
+			onOpenProfile: L
 		}) : null,
-		ge ? /* @__PURE__ */ M(Jh, {
-			message: ge,
-			filter: ce.filter,
-			items: ce.items,
-			isLoading: ce.isLoading,
-			error: ce.error,
-			hasMore: ce.hasMore,
-			onFilterChange: ce.changeFilter,
-			onLoadMore: ce.loadMore,
-			onRetry: ce.retry,
-			onClose: ce.close,
+		be ? /* @__PURE__ */ M(Jh, {
+			message: be,
+			filter: fe.filter,
+			items: fe.items,
+			isLoading: fe.isLoading,
+			error: fe.error,
+			hasMore: fe.hasMore,
+			onFilterChange: fe.changeFilter,
+			onLoadMore: fe.loadMore,
+			onRetry: fe.retry,
+			onClose: fe.close,
 			members: _,
-			onOpenProfile: I
+			onOpenProfile: L
 		}) : null,
-		de.detailsMessage ? /* @__PURE__ */ M(rg, {
-			message: de.detailsMessage,
+		he.detailsMessage ? /* @__PURE__ */ M(rg, {
+			message: he.detailsMessage,
 			isGroup: v,
 			members: _,
 			otherMember: v ? void 0 : _?.find((e) => String(e.userId) !== String(S)),
 			currentUserId: S,
 			authUser: C,
-			seenBy: de.detailsSeenBy,
-			onClose: () => de.closeDetails()
+			seenBy: he.detailsSeenBy,
+			onClose: () => he.closeDetails()
 		}) : null
 	] });
 }), mI = Math.min, hI = Math.max, gI = Math.round, _I = Math.floor, vI = (e) => ({
@@ -30068,7 +30084,7 @@ function rz({ onAttach: e, onAttachImages: t }) {
 			type: "button",
 			"aria-label": "Ảnh",
 			onClick: t ?? e,
-			children: /* @__PURE__ */ M(Ta, {})
+			children: /* @__PURE__ */ M(Sa, {})
 		})
 	})] });
 }
@@ -54432,12 +54448,12 @@ var fK = p(function({ conversationName: e, members: t, canMentionAll: n, enableM
 		onTransaction: () => O((e) => e + 1)
 	}, [j, r]);
 	y(() => () => P?.destroy(), [P]), b(p, () => ({ focus: () => P?.commands.focus() }), [P]);
-	function ee(e) {
+	function F(e) {
 		e.preventDefault();
 		let t = cs(P?.getJSON());
 		!t && !a || (s?.(""), o(t ?? []), P?.commands.clearContent(), A());
 	}
-	let F = /* @__PURE__ */ M("button", {
+	let I = /* @__PURE__ */ M("button", {
 		className: "message-send-button",
 		type: "submit",
 		"aria-label": "Gửi tin nhắn",
@@ -54446,7 +54462,7 @@ var fK = p(function({ conversationName: e, members: t, canMentionAll: n, enableM
 	});
 	return /* @__PURE__ */ N("form", {
 		className: "message-composer",
-		onSubmit: ee,
+		onSubmit: F,
 		children: [/* @__PURE__ */ M(sK, {
 			editor: P,
 			onAttach: c,
@@ -54460,13 +54476,13 @@ var fK = p(function({ conversationName: e, members: t, canMentionAll: n, enableM
 			},
 			isEnlarged: E,
 			onToggleEnlarged: () => D((e) => !e),
-			sendButton: F
+			sendButton: I
 		}), /* @__PURE__ */ N("div", {
 			className: "message-input-row",
 			children: [/* @__PURE__ */ M("div", {
 				className: `message-editor${x && E ? " is-expanded" : ""}`,
 				children: /* @__PURE__ */ M(EM, { editor: P })
-			}), x ? null : F]
+			}), x ? null : I]
 		})]
 	});
 });
@@ -54617,7 +54633,7 @@ function mK({ typingNames: e }) {
 //#endregion
 //#region src/pages/conversation/index.tsx
 var hK = p(function({ conversationId: e, conversation: t, isLoadingConversation: n, currentUserId: r, authUser: i, accessToken: a, isSettingsOpen: o, onToggleSettings: s, onOpenSearch: c, onEditTitle: l, onOpenMembers: u, onOpenUserProfile: d, onNavigateBack: f }, p) {
-	let [m, h] = w(""), _ = String(t?.type ?? "").toUpperCase(), v = _ === "GROUP", x = ru(e, _, r, h), T = ic((e) => e.hasUpdateGroupVerified), E = !!t?.isVerified && !T, [D, O] = w(!1), k = Cl(), A = Nl(), P = hl(), ee = C(null), F = C(null), I = C(null), L = C(null), te = C(null), [ne, re] = w(e);
+	let [m, h] = w(""), _ = String(t?.type ?? "").toUpperCase(), v = _ === "GROUP", x = ru(e, _, r, h), T = ic((e) => e.hasUpdateGroupVerified), E = !!t?.isVerified && !T, [D, O] = w(!1), k = Cl(), A = Nl(), P = hl(), F = C(null), I = C(null), ee = C(null), L = C(null), te = C(null), [ne, re] = w(e);
 	ne !== e && (re(e), x.reset(), O(!1));
 	let ie = Hl(e), R = zl(e), { virtuosoRef: ae, stickToLatestRef: oe, visibleDayLabel: z, isNearBottomOfList: se, scrollToLatest: B, stickToLatest: ce, handleTimelineScrolling: le, handleVisibleRangeChanged: ue, setScrollerRef: de } = Sl(R.messages, R.firstItemIndex, () => L.current?.closeMessageMenu()), { clearFocusedMessage: fe, completeAroundFocus: pe, handleRealtimeMessage: me, isFollowingLatest: he, loadAround: ge, loadLatest: _e, reconcile: ve, applyMessageRemoved: ye, isRemovedMessageId: be, updateMessageReactionSummary: xe } = R, Se = eu({ onForwarded: ce });
 	b(p, () => ({ loadAround: ge }), [ge]);
@@ -54851,7 +54867,7 @@ var hK = p(function({ conversationId: e, conversation: t, isLoadingConversation:
 		/* @__PURE__ */ M(pI, {
 			ref: L,
 			conversationId: e,
-			timelineRef: I,
+			timelineRef: ee,
 			isLoading: Ve,
 			chatError: Be,
 			isTimelineReady: D,
@@ -54908,12 +54924,12 @@ var hK = p(function({ conversationId: e, conversation: t, isLoadingConversation:
 			mergeOutgoingMessage: R.mergeOutgoingMessage,
 			stickToLatest: ce,
 			onComposerError: h,
-			onAttach: () => ee.current?.click(),
-			onAttachImages: () => F.current?.click(),
+			onAttach: () => F.current?.click(),
+			onAttachImages: () => I.current?.click(),
 			onTypingStart: () => e && or({ conversationId: e }),
 			onTypingStop: () => e && sr({ conversationId: e }),
-			uploadInputRef: ee,
-			imageUploadInputRef: F,
+			uploadInputRef: F,
+			imageUploadInputRef: I,
 			acceptAttribute: wl
 		}),
 		P.imageLightbox ? /* @__PURE__ */ M(Ec, {
@@ -58773,11 +58789,11 @@ var MX = /* @__PURE__ */ R(((e, t) => {
 		x,
 		S,
 		C
-	].join("|") + ")" + j + A + ")*", N = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", P = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", ee = j + A + M, F = "(?:" + [
+	].join("|") + ")" + j + A + ")*", N = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", P = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", F = j + A + M, I = "(?:" + [
 		_,
 		S,
 		C
-	].join("|") + ")" + ee, I = RegExp([
+	].join("|") + ")" + F, ee = RegExp([
 		w + "?" + v + "+" + O + "(?=" + [
 			m,
 			w,
@@ -58793,10 +58809,10 @@ var MX = /* @__PURE__ */ R(((e, t) => {
 		P,
 		N,
 		g,
-		F
+		I
 	].join("|"), "g");
 	function L(e) {
-		return e.match(I) || [];
+		return e.match(ee) || [];
 	}
 	t.exports = L;
 })), oZ = /* @__PURE__ */ R(((e, t) => {
@@ -59001,7 +59017,7 @@ function jZ(e) {
 	return e && vK(e) === "object" && AZ(e.nativeElement) ? e.nativeElement : AZ(e) ? e : null;
 }
 function MZ(e) {
-	return jZ(e) || (e instanceof o.Component ? ee.findDOMNode?.call(ee, e) : null);
+	return jZ(e) || (e instanceof o.Component ? F.findDOMNode?.call(F, e) : null);
 }
 //#endregion
 //#region node_modules/.pnpm/react-is@18.3.1/node_modules/react-is/cjs/react-is.production.min.js
@@ -59106,13 +59122,13 @@ var NZ = /* @__PURE__ */ R(((e) => {
 		function P(e) {
 			return _(e) === s;
 		}
-		function ee(e) {
+		function F(e) {
 			return _(e) === o;
 		}
-		function F(e) {
+		function I(e) {
 			return typeof e == "object" && !!e && e.$$typeof === t;
 		}
-		function I(e) {
+		function ee(e) {
 			return _(e) === l;
 		}
 		function L(e) {
@@ -59139,7 +59155,7 @@ var NZ = /* @__PURE__ */ R(((e) => {
 		function oe(e) {
 			return _(e) === d;
 		}
-		e.ContextConsumer = v, e.ContextProvider = y, e.Element = b, e.ForwardRef = x, e.Fragment = S, e.Lazy = C, e.Memo = w, e.Portal = T, e.Profiler = E, e.StrictMode = D, e.Suspense = O, e.SuspenseList = k, e.isAsyncMode = M, e.isConcurrentMode = N, e.isContextConsumer = P, e.isContextProvider = ee, e.isElement = F, e.isForwardRef = I, e.isFragment = L, e.isLazy = te, e.isMemo = ne, e.isPortal = re, e.isProfiler = ie, e.isStrictMode = R, e.isSuspense = ae, e.isSuspenseList = oe, e.isValidElementType = g, e.typeOf = _;
+		e.ContextConsumer = v, e.ContextProvider = y, e.Element = b, e.ForwardRef = x, e.Fragment = S, e.Lazy = C, e.Memo = w, e.Portal = T, e.Profiler = E, e.StrictMode = D, e.Suspense = O, e.SuspenseList = k, e.isAsyncMode = M, e.isConcurrentMode = N, e.isContextConsumer = P, e.isContextProvider = F, e.isElement = I, e.isForwardRef = ee, e.isFragment = L, e.isLazy = te, e.isMemo = ne, e.isPortal = re, e.isProfiler = ie, e.isStrictMode = R, e.isSuspense = ae, e.isSuspenseList = oe, e.isValidElementType = g, e.typeOf = _;
 	})();
 })), FZ = (/* @__PURE__ */ R(((e, t) => {
 	t.exports = process.env.NODE_ENV === "production" ? NZ() : PZ();
@@ -59390,13 +59406,13 @@ var jQ = (function(e, t, n) {
 //#endregion
 //#region node_modules/.pnpm/rc-motion@2.9.5_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/rc-motion/es/hooks/useStatus.js
 function MQ(e, t, n, r) {
-	var i = r.motionEnter, o = i === void 0 || i, s = r.motionAppear, c = s === void 0 || s, l = r.motionLeave, u = l === void 0 || l, d = r.motionDeadline, f = r.motionLeaveImmediately, p = r.onAppearPrepare, m = r.onEnterPrepare, h = r.onLeavePrepare, g = r.onAppearStart, _ = r.onEnterStart, v = r.onLeaveStart, b = r.onAppearActive, x = r.onEnterActive, S = r.onLeaveActive, w = r.onAppearEnd, T = r.onEnterEnd, E = r.onLeaveEnd, D = r.onVisibleChanged, O = Z(JZ(), 2), k = O[0], A = O[1], j = Z(ZZ(QZ), 2), M = j[0], N = j[1], P = Z(JZ(null), 2), ee = P[0], F = P[1], I = M(), L = C(!1), te = C(null);
+	var i = r.motionEnter, o = i === void 0 || i, s = r.motionAppear, c = s === void 0 || s, l = r.motionLeave, u = l === void 0 || l, d = r.motionDeadline, f = r.motionLeaveImmediately, p = r.onAppearPrepare, m = r.onEnterPrepare, h = r.onLeavePrepare, g = r.onAppearStart, _ = r.onEnterStart, v = r.onLeaveStart, b = r.onAppearActive, x = r.onEnterActive, S = r.onLeaveActive, w = r.onAppearEnd, T = r.onEnterEnd, E = r.onLeaveEnd, D = r.onVisibleChanged, O = Z(JZ(), 2), k = O[0], A = O[1], j = Z(ZZ(QZ), 2), M = j[0], N = j[1], P = Z(JZ(null), 2), F = P[0], I = P[1], ee = M(), L = C(!1), te = C(null);
 	function ne() {
 		return n();
 	}
 	var re = C(!1);
 	function ie() {
-		N(QZ), F(null, !0);
+		N(QZ), I(null, !0);
 	}
 	var R = WZ(function(e) {
 		var t = M();
@@ -59415,13 +59431,13 @@ function MQ(e, t, n, r) {
 			default: return {};
 		}
 	}, z = a.useMemo(function() {
-		return oe(I);
-	}, [I]), se = Z(jQ(I, !e, function(e) {
+		return oe(ee);
+	}, [ee]), se = Z(jQ(ee, !e, function(e) {
 		if (e === "prepare") {
 			var t = z[rQ];
 			return t ? t(ne()) : !1;
 		}
-		return ce in z && F(z[ce]?.call(z, ne(), null) || null), ce === "active" && I !== "none" && (ae(ne()), d > 0 && (clearTimeout(te.current), te.current = setTimeout(function() {
+		return ce in z && I(z[ce]?.call(z, ne(), null) || null), ce === "active" && ee !== "none" && (ae(ne()), d > 0 && (clearTimeout(te.current), te.current = setTimeout(function() {
 			R({ deadline: !0 });
 		}, d))), ce === "prepared" && ie(), !0;
 	}), 2), B = se[0], ce = se[1];
@@ -59438,7 +59454,7 @@ function MQ(e, t, n, r) {
 			r && (e || i.prepare) ? (N(r), B()) : N(QZ), le.current = t;
 		}
 	}, [t]), y(function() {
-		(I === "appear" && !c || I === "enter" && !o || I === "leave" && !u) && N(QZ);
+		(ee === "appear" && !c || ee === "enter" && !o || ee === "leave" && !u) && N(QZ);
 	}, [
 		c,
 		o,
@@ -59450,11 +59466,11 @@ function MQ(e, t, n, r) {
 	}, []);
 	var ue = a.useRef(!1);
 	y(function() {
-		k && (ue.current = !0), k !== void 0 && I === "none" && ((ue.current || k) && D?.(k), ue.current = !0);
-	}, [k, I]);
-	var de = ee;
+		k && (ue.current = !0), k !== void 0 && ee === "none" && ((ue.current || k) && D?.(k), ue.current = !0);
+	}, [k, ee]);
+	var de = F;
 	return z.prepare && ce === "start" && (de = Q({ transition: "none" }, de)), [
-		I,
+		ee,
 		ce,
 		de,
 		k ?? t
@@ -59894,10 +59910,10 @@ var w$ = /*#__PURE__*/ a.forwardRef(function(e, t) {
 		"ghost",
 		"block",
 		"htmlType"
-	]), w = a.useContext(ZQ), T = a.useContext(XQ), E = p || T, D = a.useContext(d$), O = Z(a.useState(!!i), 2), k = O[0], A = O[1], j = Z(a.useState(!1), 2), M = j[0], N = j[1], P = a.useContext(JQ), ee = P.getPrefixCls, F = P.autoInsertSpaceInButton, I = P.direction, L = t || /*#__PURE__*/ a.createRef(), te = function() {
+	]), w = a.useContext(ZQ), T = a.useContext(XQ), E = p || T, D = a.useContext(d$), O = Z(a.useState(!!i), 2), k = O[0], A = O[1], j = Z(a.useState(!1), 2), M = j[0], N = j[1], P = a.useContext(JQ), F = P.getPrefixCls, I = P.autoInsertSpaceInButton, ee = P.direction, L = t || /*#__PURE__*/ a.createRef(), te = function() {
 		return a.Children.count(h) === 1 && !g && !b$(c);
 	}, ne = function() {
-		if (!(!L || !L.current || F === !1)) {
+		if (!(!L || !L.current || I === !1)) {
 			var e = L.current.textContent;
 			te() && v$(e) ? M || N(!0) : M && N(!1);
 		}
@@ -59919,11 +59935,11 @@ var w$ = /*#__PURE__*/ a.forwardRef(function(e, t) {
 		n?.(t);
 	};
 	process.env.NODE_ENV !== "production" && xY(!(typeof g == "string" && g.length > 2), "Button", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${g}\` at https://ant.design/components/icon`), process.env.NODE_ENV !== "production" && xY(!(v && b$(c)), "Button", "`link` or `text` button can't be a `ghost` button.");
-	var R = ee("btn", o), ae = F !== !1, oe = {
+	var R = F("btn", o), ae = I !== !1, oe = {
 		large: "lg",
 		small: "sm",
 		middle: void 0
-	}, z = D || f || w, se = z && oe[z] || "", ce = k ? "loading" : g, le = DK(C, ["navigate"]), ue = (0, EK.default)(R, (n = {}, X(n, `${R}-${d}`, d !== "default" && d), X(n, `${R}-${c}`, c), X(n, `${R}-${se}`, se), X(n, `${R}-icon-only`, !h && h !== 0 && !!ce), X(n, `${R}-background-ghost`, v && !b$(c)), X(n, `${R}-loading`, k), X(n, `${R}-two-chinese-chars`, M && ae && !k), X(n, `${R}-block`, b), X(n, `${R}-dangerous`, !!l), X(n, `${R}-rtl`, I === "rtl"), X(n, `${R}-disabled`, le.href !== void 0 && E), n), m), de = g && !k ? g : /*#__PURE__*/ a.createElement(h$, {
+	}, z = D || f || w, se = z && oe[z] || "", ce = k ? "loading" : g, le = DK(C, ["navigate"]), ue = (0, EK.default)(R, (n = {}, X(n, `${R}-${d}`, d !== "default" && d), X(n, `${R}-${c}`, c), X(n, `${R}-${se}`, se), X(n, `${R}-icon-only`, !h && h !== 0 && !!ce), X(n, `${R}-background-ghost`, v && !b$(c)), X(n, `${R}-loading`, k), X(n, `${R}-two-chinese-chars`, M && ae && !k), X(n, `${R}-block`, b), X(n, `${R}-dangerous`, !!l), X(n, `${R}-rtl`, ee === "rtl"), X(n, `${R}-disabled`, le.href !== void 0 && E), n), m), de = g && !k ? g : /*#__PURE__*/ a.createElement(h$, {
 		existIcon: !!g,
 		prefixCls: R,
 		loading: !!k
@@ -60769,12 +60785,12 @@ function z1(e) {
 		y,
 		b,
 		j
-	]), 3), N = M[0], P = M[1], ee = M[2], F = function(e, n, r, i) {
+	]), 3), N = M[0], P = M[1], F = M[2], I = function(e, n, r, i) {
 		var a = o || t.getNow(), s = Math.max(0, n), c = Math.max(0, r), l = Math.max(0, i);
 		return a = K$(t, a, !u || !e ? s : s + 12, c, l), a;
-	}, I = R1(0, 23, f, N && N()), L = vY(function() {
-		return I;
-	}, I, L1);
+	}, ee = R1(0, 23, f, N && N()), L = vY(function() {
+		return ee;
+	}, ee, L1);
 	u && (E = O >= 12, O %= 12);
 	var te = Z(a.useMemo(function() {
 		if (!u) return [!1, !1];
@@ -60799,7 +60815,7 @@ function z1(e) {
 		u,
 		E,
 		L
-	]), R = R1(0, 59, m, P && P(D)), ae = R1(0, 59, g, ee && ee(D, k));
+	]), R = R1(0, 59, m, P && P(D)), ae = R1(0, 59, g, F && F(D, k));
 	r.current = { onUpDown: function(e) {
 		var t = C[i];
 		if (t) for (var n = t.units.findIndex(function(e) {
@@ -60828,11 +60844,11 @@ function z1(e) {
 		});
 	}
 	oe(s, /*#__PURE__*/ a.createElement(A1, { key: "hour" }), O, ie, function(e) {
-		S(F(E, e, k, A), "mouse");
+		S(I(E, e, k, A), "mouse");
 	}), oe(c, /*#__PURE__*/ a.createElement(A1, { key: "minute" }), k, R, function(e) {
-		S(F(E, O, e, A), "mouse");
+		S(I(E, O, e, A), "mouse");
 	}), oe(l, /*#__PURE__*/ a.createElement(A1, { key: "second" }), A, ae, function(e) {
-		S(F(E, O, k, e), "mouse");
+		S(I(E, O, k, e), "mouse");
 	});
 	var z = -1;
 	return typeof E == "boolean" && (z = +!!E), oe(u === !0, /*#__PURE__*/ a.createElement(A1, { key: "12hours" }), z, [{
@@ -60844,7 +60860,7 @@ function z1(e) {
 		value: 1,
 		disabled: re
 	}], function(e) {
-		S(F(!!e, O, k, A), "mouse");
+		S(I(!!e, O, k, A), "mouse");
 	}), /*#__PURE__*/ a.createElement("div", { className: w }, C.map(function(e) {
 		return e.node;
 	}));
@@ -61453,8 +61469,8 @@ function u0(e) {
 //#endregion
 //#region node_modules/.pnpm/rc-picker@2.6.11_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/rc-picker/es/PickerPanel.js
 function d0(e) {
-	var t, n = e.prefixCls, r = n === void 0 ? "rc-picker" : n, i = e.className, o = e.style, s = e.locale, c = e.generateConfig, l = e.value, u = e.defaultValue, d = e.pickerValue, f = e.defaultPickerValue, p = e.disabledDate, m = e.mode, h = e.picker, g = h === void 0 ? "date" : h, _ = e.tabIndex, v = _ === void 0 ? 0 : _, y = e.showNow, b = e.showTime, x = e.showToday, S = e.renderExtraFooter, C = e.hideHeader, w = e.onSelect, T = e.onChange, E = e.onPanelChange, D = e.onMouseDown, O = e.onPickerValueChange, k = e.onOk, A = e.components, j = e.direction, M = e.hourStep, N = M === void 0 ? 1 : M, P = e.minuteStep, ee = P === void 0 ? 1 : P, F = e.secondStep, I = F === void 0 ? 1 : F, L = g === "date" && !!b || g === "time", te = 24 % N == 0, ne = 60 % ee == 0, re = 60 % I == 0;
-	process.env.NODE_ENV !== "production" && (iq(!l || c.isValidate(l), "Invalidate date pass to `value`."), iq(!l || c.isValidate(l), "Invalidate date pass to `defaultValue`."), iq(te, `\`hourStep\` ${N} is invalid. It should be a factor of 24.`), iq(ne, `\`minuteStep\` ${ee} is invalid. It should be a factor of 60.`), iq(re, `\`secondStep\` ${I} is invalid. It should be a factor of 60.`));
+	var t, n = e.prefixCls, r = n === void 0 ? "rc-picker" : n, i = e.className, o = e.style, s = e.locale, c = e.generateConfig, l = e.value, u = e.defaultValue, d = e.pickerValue, f = e.defaultPickerValue, p = e.disabledDate, m = e.mode, h = e.picker, g = h === void 0 ? "date" : h, _ = e.tabIndex, v = _ === void 0 ? 0 : _, y = e.showNow, b = e.showTime, x = e.showToday, S = e.renderExtraFooter, C = e.hideHeader, w = e.onSelect, T = e.onChange, E = e.onPanelChange, D = e.onMouseDown, O = e.onPickerValueChange, k = e.onOk, A = e.components, j = e.direction, M = e.hourStep, N = M === void 0 ? 1 : M, P = e.minuteStep, F = P === void 0 ? 1 : P, I = e.secondStep, ee = I === void 0 ? 1 : I, L = g === "date" && !!b || g === "time", te = 24 % N == 0, ne = 60 % F == 0, re = 60 % ee == 0;
+	process.env.NODE_ENV !== "production" && (iq(!l || c.isValidate(l), "Invalidate date pass to `value`."), iq(!l || c.isValidate(l), "Invalidate date pass to `defaultValue`."), iq(te, `\`hourStep\` ${N} is invalid. It should be a factor of 24.`), iq(ne, `\`minuteStep\` ${F} is invalid. It should be a factor of 60.`), iq(re, `\`secondStep\` ${ee} is invalid. It should be a factor of 60.`));
 	var ie = a.useContext(H$), R = ie.operationRef, ae = ie.panelRef, oe = ie.onSelect, z = ie.hideRanges, se = ie.defaultOpenValue, ce = a.useContext(H1), le = ce.inRange, ue = ce.panelPosition, de = ce.rangedValue, fe = ce.hoverRangedValue, pe = a.useRef({}), me = a.useRef(!0), he = Z(XZ(null, {
 		value: l,
 		defaultValue: u,
@@ -61571,7 +61587,7 @@ function d0(e) {
 		locale: s,
 		showNow: y,
 		onNow: L && function() {
-			var e = c.getNow(), t = J$(c.getHour(e), c.getMinute(e), c.getSecond(e), te ? N : 1, ne ? ee : 1, re ? I : 1);
+			var e = c.getNow(), t = J$(c.getHour(e), c.getMinute(e), c.getSecond(e), te ? N : 1, ne ? F : 1, re ? ee : 1);
 			Ae(K$(c, e, t[0], t[1], t[2]), "submit");
 		},
 		onOk: function() {
@@ -61607,8 +61623,8 @@ function d0(e) {
 //#endregion
 //#region node_modules/.pnpm/rc-util@5.44.4_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/rc-util/es/Dom/addEventListener.js
 function f0(e, t, n, r) {
-	var i = ee.unstable_batchedUpdates ? function(e) {
-		ee.unstable_batchedUpdates(n, e);
+	var i = F.unstable_batchedUpdates ? function(e) {
+		F.unstable_batchedUpdates(n, e);
 	} : n;
 	return e != null && e.addEventListener && e.addEventListener(t, i, r), { remove: function() {
 		e != null && e.removeEventListener && e.removeEventListener(t, i, r);
@@ -61629,7 +61645,7 @@ var p0 = /*#__PURE__*/ p(function(e, t) {
 			var e;
 			(e = o.current) == null || (e = e.parentNode) == null || e.removeChild(o.current);
 		};
-	}, []), o.current ? /*#__PURE__*/ ee.createPortal(i, o.current) : null;
+	}, []), o.current ? /*#__PURE__*/ F.createPortal(i, o.current) : null;
 });
 //#endregion
 //#region node_modules/.pnpm/rc-trigger@5.3.4_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/rc-trigger/es/utils/alignUtil.js
@@ -62622,7 +62638,7 @@ var T4 = w4, E4 = [
 	function M() {
 		l && j(m());
 	}
-	var N = Z(D4(n, M), 2), P = N[0], ee = N[1], F = Z(w(0), 2), I = F[0], L = F[1], te = C();
+	var N = Z(D4(n, M), 2), P = N[0], F = N[1], I = Z(w(0), 2), ee = I[0], L = I[1], te = C();
 	KZ(function() {
 		P === "alignPre" && L(0);
 	}, [P]);
@@ -62640,11 +62656,11 @@ var T4 = w4, E4 = [
 		}), P === "align" && g?.(e, t);
 	}
 	KZ(function() {
-		P === "align" && (I < 3 ? re() : ee(function() {
+		P === "align" && (ee < 3 ? re() : F(function() {
 			var e;
 			(e = te.current) == null || e.call(te);
 		}));
-	}, [I]);
+	}, [ee]);
 	var R = Q({}, v0(e));
 	[
 		"onAppearEnd",
@@ -62653,7 +62669,7 @@ var T4 = w4, E4 = [
 	].forEach(function(e) {
 		var t = R[e];
 		R[e] = function(e, n) {
-			return ee(), t?.(e, n);
+			return F(), t?.(e, n);
 		};
 	});
 	function ae() {
@@ -62662,7 +62678,7 @@ var T4 = w4, E4 = [
 		});
 	}
 	a.useEffect(function() {
-		!R.motionName && P === "motion" && ee();
+		!R.motionName && P === "motion" && F();
 	}, [R.motionName, P]), a.useImperativeHandle(t, function() {
 		return {
 			forceAlign: re,
@@ -62833,7 +62849,7 @@ function R4(e) {
 					var n = MZ(t.triggerRef.current);
 					if (n) return n;
 				} catch {}
-				return ee.findDOMNode(zK(t));
+				return F.findDOMNode(zK(t));
 			}), X(zK(t), "getPopupClassNameFromAlign", function(e) {
 				var n = [], r = t.props, i = r.popupPlacement, a = r.builtinPlacements, o = r.prefixCls, s = r.alignPoint, c = r.getPopupClassNameFromAlign;
 				return i && a && n.push(g0(a, o, e, s)), c && n.push(c(e)), n.join(" ");
@@ -63320,7 +63336,7 @@ function q4(e) {
 //#endregion
 //#region node_modules/.pnpm/rc-picker@2.6.11_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/rc-picker/es/Picker.js
 function J4(e) {
-	var t, n = e.prefixCls, r = n === void 0 ? "rc-picker" : n, i = e.id, o = e.tabIndex, s = e.style, c = e.className, l = e.dropdownClassName, u = e.dropdownAlign, d = e.popupStyle, f = e.transitionName, p = e.generateConfig, m = e.locale, h = e.inputReadOnly, g = e.allowClear, _ = e.autoFocus, v = e.showTime, y = e.picker, b = y === void 0 ? "date" : y, x = e.format, S = e.use12Hours, C = e.value, w = e.defaultValue, T = e.open, E = e.defaultOpen, D = e.defaultOpenValue, O = e.suffixIcon, k = e.clearIcon, A = e.disabled, j = e.disabledDate, M = e.placeholder, N = e.getPopupContainer, P = e.pickerRef, ee = e.panelRender, F = e.onChange, I = e.onOpenChange, L = e.onFocus, te = e.onBlur, ne = e.onMouseDown, re = e.onMouseUp, ie = e.onMouseEnter, R = e.onMouseLeave, ae = e.onContextMenu, oe = e.onClick, z = e.onKeyDown, se = e.onSelect, ce = e.direction, le = e.autoComplete, ue = le === void 0 ? "off" : le, de = e.inputRender, fe = a.useRef(null), pe = b === "date" && !!v || b === "time";
+	var t, n = e.prefixCls, r = n === void 0 ? "rc-picker" : n, i = e.id, o = e.tabIndex, s = e.style, c = e.className, l = e.dropdownClassName, u = e.dropdownAlign, d = e.popupStyle, f = e.transitionName, p = e.generateConfig, m = e.locale, h = e.inputReadOnly, g = e.allowClear, _ = e.autoFocus, v = e.showTime, y = e.picker, b = y === void 0 ? "date" : y, x = e.format, S = e.use12Hours, C = e.value, w = e.defaultValue, T = e.open, E = e.defaultOpen, D = e.defaultOpenValue, O = e.suffixIcon, k = e.clearIcon, A = e.disabled, j = e.disabledDate, M = e.placeholder, N = e.getPopupContainer, P = e.pickerRef, F = e.panelRender, I = e.onChange, ee = e.onOpenChange, L = e.onFocus, te = e.onBlur, ne = e.onMouseDown, re = e.onMouseUp, ie = e.onMouseEnter, R = e.onMouseLeave, ae = e.onContextMenu, oe = e.onClick, z = e.onKeyDown, se = e.onSelect, ce = e.direction, le = e.autoComplete, ue = le === void 0 ? "off" : le, de = e.inputRender, fe = a.useRef(null), pe = b === "date" && !!v || b === "time";
 	process.env.NODE_ENV !== "production" && q4(e);
 	var me = N1(i1(x, b, v, S)), he = a.useRef(null), ge = a.useRef(null), _e = a.useRef(null), ve = Z(XZ(null, {
 		value: C,
@@ -63332,7 +63348,7 @@ function J4(e) {
 			return !A && e;
 		},
 		onChange: function(e) {
-			I && I(e), !e && we.current && we.current.onClose && we.current.onClose();
+			ee && ee(e), !e && we.current && we.current.onClose && we.current.onClose();
 		}
 	}), 2), Ee = Te[0], De = Te[1], Oe = Z(G4(Se, {
 		formatList: me,
@@ -63349,7 +63365,7 @@ function J4(e) {
 			t && (!j || !j(t)) && Ce(t);
 		}
 	}), 3), Me = je[0], Ne = je[1], Pe = je[2], Fe = function(e) {
-		Ce(e), be(e), F && !S1(p, ye, e) && F(e, e ? E1(e, {
+		Ce(e), be(e), I && !S1(p, ye, e) && I(e, e ? E1(e, {
 			generateConfig: p,
 			locale: m,
 			format: me[0]
@@ -63424,7 +63440,7 @@ function J4(e) {
 			qe(!0), r?.(t, n);
 		}
 	}));
-	ee && (Ye = ee(Ye));
+	F && (Ye = F(Ye));
 	var Xe = /*#__PURE__*/ a.createElement("div", {
 		className: `${r}-panel-container`,
 		onMouseDown: function(e) {
@@ -63619,7 +63635,7 @@ function t3(e, t, n, r) {
 	return !!(e || r && r[t] || n[(t + 1) % 2]);
 }
 function n3(e) {
-	var t, n, r, i = e.prefixCls, o = i === void 0 ? "rc-picker" : i, s = e.id, c = e.style, l = e.className, u = e.popupStyle, d = e.dropdownClassName, f = e.transitionName, p = e.dropdownAlign, m = e.getPopupContainer, h = e.generateConfig, g = e.locale, _ = e.placeholder, v = e.autoFocus, b = e.disabled, x = e.format, S = e.picker, T = S === void 0 ? "date" : S, E = e.showTime, D = e.use12Hours, O = e.separator, k = O === void 0 ? "~" : O, A = e.value, j = e.defaultValue, M = e.defaultPickerValue, N = e.open, P = e.defaultOpen, ee = e.disabledDate, F = e.disabledTime, I = e.dateRender, L = e.panelRender, te = e.ranges, ne = e.allowEmpty, re = e.allowClear, ie = e.suffixIcon, R = e.clearIcon, ae = e.pickerRef, oe = e.inputReadOnly, z = e.mode, se = e.renderExtraFooter, ce = e.onChange, le = e.onOpenChange, ue = e.onPanelChange, de = e.onCalendarChange, fe = e.onFocus, pe = e.onBlur, me = e.onMouseDown, he = e.onMouseUp, ge = e.onMouseEnter, _e = e.onMouseLeave, ve = e.onClick, ye = e.onOk, be = e.onKeyDown, xe = e.components, Se = e.order, Ce = e.direction, we = e.activePickerIndex, Te = e.autoComplete, Ee = Te === void 0 ? "off" : Te, De = T === "date" && !!E || T === "time", Oe = C({}), ke = C(null), Ae = C(null), je = C(null), Me = C(null), Ne = C(null), Pe = C(null), Fe = C(null), Ie = C(null);
+	var t, n, r, i = e.prefixCls, o = i === void 0 ? "rc-picker" : i, s = e.id, c = e.style, l = e.className, u = e.popupStyle, d = e.dropdownClassName, f = e.transitionName, p = e.dropdownAlign, m = e.getPopupContainer, h = e.generateConfig, g = e.locale, _ = e.placeholder, v = e.autoFocus, b = e.disabled, x = e.format, S = e.picker, T = S === void 0 ? "date" : S, E = e.showTime, D = e.use12Hours, O = e.separator, k = O === void 0 ? "~" : O, A = e.value, j = e.defaultValue, M = e.defaultPickerValue, N = e.open, P = e.defaultOpen, F = e.disabledDate, I = e.disabledTime, ee = e.dateRender, L = e.panelRender, te = e.ranges, ne = e.allowEmpty, re = e.allowClear, ie = e.suffixIcon, R = e.clearIcon, ae = e.pickerRef, oe = e.inputReadOnly, z = e.mode, se = e.renderExtraFooter, ce = e.onChange, le = e.onOpenChange, ue = e.onPanelChange, de = e.onCalendarChange, fe = e.onFocus, pe = e.onBlur, me = e.onMouseDown, he = e.onMouseUp, ge = e.onMouseEnter, _e = e.onMouseLeave, ve = e.onClick, ye = e.onOk, be = e.onKeyDown, xe = e.components, Se = e.order, Ce = e.direction, we = e.activePickerIndex, Te = e.autoComplete, Ee = Te === void 0 ? "off" : Te, De = T === "date" && !!E || T === "time", Oe = C({}), ke = C(null), Ae = C(null), je = C(null), Me = C(null), Ne = C(null), Pe = C(null), Fe = C(null), Ie = C(null);
 	process.env.NODE_ENV !== "production" && q4(e);
 	var Le = N1(i1(x, T, E, D)), Re = Z(XZ(0, { value: we }), 2), ze = Re[0], Be = Re[1], Ve = C(null), He = a.useMemo(function() {
 		return Array.isArray(b) ? b : [b || !1, b || !1];
@@ -63650,7 +63666,7 @@ function n3(e) {
 		selectedValue: Xe,
 		locale: g,
 		disabled: He,
-		disabledDate: ee,
+		disabledDate: F,
 		generateConfig: h
 	}, Oe.current[1], Oe.current[0]), 2), rt = nt[0], it = nt[1], at = Z(XZ(!1, {
 		value: N,
@@ -63755,7 +63771,7 @@ function n3(e) {
 				mt(t, e);
 			},
 			onSubmit: function() {
-				if (!Xe || ee && ee(Xe[e])) return !1;
+				if (!Xe || F && F(Xe[e])) return !1;
 				gt(Xe, e), t();
 			},
 			onCancel: function() {
@@ -63827,8 +63843,8 @@ function n3(e) {
 			i = Q(Q({}, E), {}, { defaultValue: F1(s, ze) || void 0 });
 		}
 		var c = null;
-		return I && (c = function(e, t) {
-			return I(e, t, { range: ze ? "end" : "start" });
+		return ee && (c = function(e, t) {
+			return ee(e, t, { range: ze ? "end" : "start" });
 		}), /*#__PURE__*/ a.createElement(H1.Provider, { value: {
 			inRange: !0,
 			panelPosition: t,
@@ -63843,7 +63859,7 @@ function n3(e) {
 			direction: Ce,
 			disabledDate: ze === 0 ? rt : it,
 			disabledTime: function(e) {
-				return F ? F(e, ze === 0 ? "start" : "end") : !1;
+				return I ? I(e, ze === 0 ? "start" : "end") : !1;
 			},
 			className: (0, EK.default)(X({}, `${o}-panel-focused`, ze === 0 ? !tn : !sn)),
 			value: F1(Xe, ze),
@@ -63872,7 +63888,7 @@ function n3(e) {
 			prefixCls: o,
 			components: xe,
 			needConfirmButton: De,
-			okDisabled: !F1(Xe, ze) || ee && ee(Xe[ze]),
+			okDisabled: !F1(Xe, ze) || F && F(Xe[ze]),
 			locale: g,
 			rangeList: fn,
 			onOk: function() {
@@ -64090,7 +64106,7 @@ function f3(e) {
 			format: T,
 			picker: D
 		}, E)) : {}), D === "time" ? _3(B(B({ format: T }, t), { picker: D })) : {}), process.env.NODE_ENV !== "production" && xY(!m, "RangePicker", "`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.");
-		var A = a.useContext(ZQ), j = c || A, M = a.useContext(XQ), N = l || M, P = _(a3), ee = P.hasFeedback, F = P.status, I = P.feedbackIcon, L = /*#__PURE__*/ a.createElement(a.Fragment, null, D === "time" ? /*#__PURE__*/ a.createElement(z$, null) : /*#__PURE__*/ a.createElement(L$, null), ee && I);
+		var A = a.useContext(ZQ), j = c || A, M = a.useContext(XQ), N = l || M, P = _(a3), F = P.hasFeedback, I = P.status, ee = P.feedbackIcon, L = /*#__PURE__*/ a.createElement(a.Fragment, null, D === "time" ? /*#__PURE__*/ a.createElement(z$, null) : /*#__PURE__*/ a.createElement(L$, null), F && ee);
 		return b(n, function() {
 			return {
 				focus: function() {
@@ -64124,7 +64140,7 @@ function f3(e) {
 				allowClear: !0,
 				transitionName: `${O}-slide-up`
 			}, g, k, {
-				className: (0, EK.default)((r = {}, X(r, `${w}-${j}`, j), X(r, `${w}-borderless`, !d), r), o3(w, s3(F, h), ee), o),
+				className: (0, EK.default)((r = {}, X(r, `${w}-${j}`, j), X(r, `${w}-borderless`, !d), r), o3(w, s3(I, h), F), o),
 				locale: c.lang,
 				prefixCls: w,
 				getPopupContainer: i || C,
@@ -64178,7 +64194,7 @@ function m3(e) {
 			}, O)) : {}), j === "time" ? _3(B(B({ format: D }, r), { picker: j })) : {});
 			var M = S();
 			process.env.NODE_ENV !== "production" && xY(t !== "quarter", n, `DatePicker.${n} is legacy usage. Please use DatePicker[picker='${t}'] directly.`), process.env.NODE_ENV !== "production" && xY(!h, "DatePicker", "`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.");
-			var N = a.useContext(ZQ), P = l || N, ee = a.useContext(XQ), F = g || ee, I = _(a3), L = I.hasFeedback, te = I.status, ne = I.feedbackIcon, re = /*#__PURE__*/ a.createElement(a.Fragment, null, j === "time" ? /*#__PURE__*/ a.createElement(z$, null) : /*#__PURE__*/ a.createElement(L$, null), L && ne);
+			var N = a.useContext(ZQ), P = l || N, F = a.useContext(XQ), I = g || F, ee = _(a3), L = ee.hasFeedback, te = ee.status, ne = ee.feedbackIcon, re = /*#__PURE__*/ a.createElement(a.Fragment, null, j === "time" ? /*#__PURE__*/ a.createElement(z$, null) : /*#__PURE__*/ a.createElement(L$, null), L && ne);
 			return /*#__PURE__*/ a.createElement(jY, {
 				componentName: "DatePicker",
 				defaultLocale: TY
@@ -64205,7 +64221,7 @@ function m3(e) {
 					generateConfig: e,
 					components: h3,
 					direction: C,
-					disabled: F
+					disabled: I
 				}));
 			});
 		});
@@ -64841,7 +64857,7 @@ function W3({ conversationId: e, members: t, initialQuery: n = "", onClose: r, o
 	}, ...(t ?? []).map((e) => ({
 		value: Lc(e) ?? "",
 		label: Io(Ic(e))
-	}))], ee = g(async ({ nextQuery: t, tab: n = null }) => {
+	}))], F = g(async ({ nextQuery: t, tab: n = null }) => {
 		let r = String(t ?? "").trim();
 		if (!e || !r) return;
 		let i = k.current + 1;
@@ -64880,11 +64896,11 @@ function W3({ conversationId: e, members: t, initialQuery: n = "", onClose: r, o
 		}
 	}, [e]);
 	y(() => {
-		n.trim() && ee({ nextQuery: n });
-	}, [n, ee]), y(() => {
-		s && ee({ nextQuery: s });
+		n.trim() && F({ nextQuery: n });
+	}, [n, F]), y(() => {
+		s && F({ nextQuery: s });
 	}, [d, p]);
-	let F = (e) => {
+	let I = (e) => {
 		e.preventDefault();
 		let t = a.trim();
 		if (!t) {
@@ -64894,8 +64910,8 @@ function W3({ conversationId: e, members: t, initialQuery: n = "", onClose: r, o
 			}), E("");
 			return;
 		}
-		ee({ nextQuery: t });
-	}, I = () => {
+		F({ nextQuery: t });
+	}, ee = () => {
 		o(""), c(""), _({
 			messages: B3,
 			documents: B3
@@ -64927,7 +64943,7 @@ function W3({ conversationId: e, members: t, initialQuery: n = "", onClose: r, o
 			}),
 			/* @__PURE__ */ M("form", {
 				className: "message-search-form",
-				onSubmit: F,
+				onSubmit: I,
 				children: /* @__PURE__ */ N("div", {
 					className: "chat-modal-search chat-modal-search--pill message-search-input-pill",
 					children: [
@@ -64943,7 +64959,7 @@ function W3({ conversationId: e, members: t, initialQuery: n = "", onClose: r, o
 						a || s ? /* @__PURE__ */ M("button", {
 							type: "button",
 							className: "message-search-clear",
-							onClick: I,
+							onClick: ee,
 							"aria-label": "Xóa từ khóa",
 							children: /* @__PURE__ */ M(pi, { "aria-hidden": "true" })
 						}) : null
@@ -65034,7 +65050,7 @@ function W3({ conversationId: e, members: t, initialQuery: n = "", onClose: r, o
 				className: "message-search-more",
 				type: "button",
 				disabled: x === l || !s,
-				onClick: () => ee({
+				onClick: () => F({
 					nextQuery: s,
 					tab: l
 				}),
@@ -65208,7 +65224,7 @@ function X3({ conversationId: e, initialTab: t, members: n, onBack: r, onForward
 		T,
 		E
 	]);
-	let D = go(f, 450).trim().toLocaleLowerCase("vi"), O = v.mediaItems, k = uc(v.fileItems).filter(({ attachment: e }) => (u === "all" || mc(e) === u) && (!D || (e.name ?? "").toLocaleLowerCase("vi").includes(D))), A = o === "media" ? O : k, j = v.loadingTab === o, P = !j && A.length === 0, ee = yc(O, (e) => e.createdAt), F = yc(k, (e) => e.message.createdAt), I = [{
+	let D = go(f, 450).trim().toLocaleLowerCase("vi"), O = v.mediaItems, k = uc(v.fileItems).filter(({ attachment: e }) => (u === "all" || mc(e) === u) && (!D || (e.name ?? "").toLocaleLowerCase("vi").includes(D))), A = o === "media" ? O : k, j = v.loadingTab === o, P = !j && A.length === 0, F = yc(O, (e) => e.createdAt), I = yc(k, (e) => e.message.createdAt), ee = [{
 		value: "",
 		label: "Tất cả người gửi"
 	}, ...n.map((e) => ({
@@ -65267,7 +65283,7 @@ function X3({ conversationId: e, initialTab: t, members: n, onBack: r, onForward
 					/* @__PURE__ */ M(ks, {
 						label: "Người gửi",
 						value: v.senderId ?? "",
-						options: I,
+						options: ee,
 						onChange: (e) => v.setSenderId(e || null)
 					})
 				]
@@ -65282,14 +65298,14 @@ function X3({ conversationId: e, initialTab: t, members: n, onBack: r, onForward
 			}) : null,
 			P ? /* @__PURE__ */ M(Qs, { message: "Không có nội dung" }) : null,
 			!j && o === "media" ? /* @__PURE__ */ M(J3, {
-				groups: ee,
+				groups: F,
 				resolveSenderName: x,
 				onSelect: C,
 				onShare: i,
 				onJumpToMessage: a
 			}) : null,
 			!j && o === "file" ? /* @__PURE__ */ M(q3, {
-				groups: F,
+				groups: I,
 				resolveSenderName: x,
 				onSelect: C,
 				onShare: i,
@@ -65347,12 +65363,12 @@ function Z3({ currentUserId: e, memberUserIds: t, onClose: n, onConfirm: r }) {
 	]);
 	let P = (e) => {
 		e.preventDefault(), x(_.trim());
-	}, ee = (e) => {
+	}, F = (e) => {
 		E((t) => {
 			let n = String(Fo(e) ?? "");
 			return t.some((e) => String(Fo(e)) === n) ? t.filter((e) => String(Fo(e)) !== n) : [...t, e];
 		});
-	}, F = u.length > 0 && u.every((e) => T.some((t) => String(Fo(t)) === String(Fo(e) ?? "")));
+	}, I = u.length > 0 && u.every((e) => T.some((t) => String(Fo(t)) === String(Fo(e) ?? "")));
 	return /* @__PURE__ */ N($s, {
 		title: "Thêm thành viên",
 		onClose: n,
@@ -65409,7 +65425,7 @@ function Z3({ currentUserId: e, memberUserIds: t, onClose: n, onConfirm: r }) {
 						return /* @__PURE__ */ N("button", {
 							className: `chat-modal-user-row chat-modal-user-row--selectable${n ? " is-selected" : ""}`,
 							type: "button",
-							onClick: () => ee(e),
+							onClick: () => F(e),
 							children: [/* @__PURE__ */ M("span", {
 								className: `chat-modal-user-checkbox${n ? " is-checked" : ""}`,
 								"aria-hidden": "true",
@@ -65431,12 +65447,12 @@ function Z3({ currentUserId: e, memberUserIds: t, onClose: n, onConfirm: r }) {
 						className: "chat-modal-selected-count",
 						disabled: u.length === 0 || D,
 						onClick: () => {
-							E(F ? [] : u);
+							E(I ? [] : u);
 						},
 						children: [/* @__PURE__ */ M(ti, {
 							className: "chat-modal-selected-tick",
 							"aria-hidden": "true"
-						}), F ? "Bỏ chọn tất cả" : "Chọn tất cả"]
+						}), I ? "Bỏ chọn tất cả" : "Chọn tất cả"]
 					}), /* @__PURE__ */ N("button", {
 						type: "button",
 						className: "chat-modal-selected-count",
@@ -65481,7 +65497,7 @@ function Z3({ currentUserId: e, memberUserIds: t, onClose: n, onConfirm: r }) {
 			k ? /* @__PURE__ */ M(rc, {
 				users: T,
 				onClose: () => A(!1),
-				onRemove: ee
+				onRemove: F
 			}) : null
 		]
 	});
@@ -65675,7 +65691,7 @@ var n6 = (e) => {
 	};
 }, r6 = (e, t) => String(e ?? "") === String(t ?? "");
 function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onDeleteSuccess: r, onLeaveSuccess: i, onMembersChanged: a }) {
-	let [o, s] = w([]), [c, l] = w(null), [u, d] = w(""), [f, p] = w(!1), [m, h] = w(!1), [_, v] = w(""), [b, x] = w(""), [C, T] = w(null), [E, D] = w(null), [O, k] = w(!1), [A, j] = w(!1), [M, N] = w(!1), [P, ee] = w(!1), F = g(async ({ cursor: t = null, search: n = "", append: r = !1 } = {}) => {
+	let [o, s] = w([]), [c, l] = w(null), [u, d] = w(""), [f, p] = w(!1), [m, h] = w(!1), [_, v] = w(""), [b, x] = w(""), [C, T] = w(null), [E, D] = w(null), [O, k] = w(!1), [A, j] = w(!1), [M, N] = w(!1), [P, F] = w(!1), I = g(async ({ cursor: t = null, search: n = "", append: r = !1 } = {}) => {
 		if (e) {
 			r ? h(!0) : p(!0), v("");
 			try {
@@ -65695,46 +65711,46 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 	y(() => {
 		let e = !0;
 		return Promise.resolve().then(() => {
-			e && F({
+			e && I({
 				search: "",
 				append: !1
 			});
 		}), () => {
 			e = !1;
 		};
-	}, [F]), y(() => {
+	}, [I]), y(() => {
 		if (e) return Kn({ onConversationMembershipChanged: (t) => {
 			let n = t?.data ?? t;
-			String(n?.conversationId) === String(e) && F({
+			String(n?.conversationId) === String(e) && I({
 				search: u,
 				append: !1
 			});
 		} });
 	}, [
 		e,
-		F,
+		I,
 		u
 	]);
-	let I = S(() => new Set(o.map((e) => Lc(e)).filter(Boolean).map(String)), [o]), L = S(() => o.find((e) => r6(Lc(e), t)) ?? null, [t, o]), te = Rc(L) === "OWNER", ne = S(() => o.filter((e) => !r6(Lc(e), t)), [t, o]), re = `${o.length}${c ? "+" : ""}`, ie = g(async (e) => {
-		d(e), await F({
+	let ee = S(() => new Set(o.map((e) => Lc(e)).filter(Boolean).map(String)), [o]), L = S(() => o.find((e) => r6(Lc(e), t)) ?? null, [t, o]), te = Rc(L) === "OWNER", ne = S(() => o.filter((e) => !r6(Lc(e), t)), [t, o]), re = `${o.length}${c ? "+" : ""}`, ie = g(async (e) => {
+		d(e), await I({
 			search: e,
 			append: !1
 		});
-	}, [F]), R = g(async () => {
-		c && await F({
+	}, [I]), R = g(async () => {
+		c && await I({
 			cursor: c,
 			search: u,
 			append: !0
 		});
 	}, [
-		F,
+		I,
 		u,
 		c
 	]), ae = g(async (t) => {
 		if (!e || !t || C) return !1;
 		T(t), x("");
 		try {
-			return await xn(e, t), await F({
+			return await xn(e, t), await I({
 				search: u,
 				append: !1
 			}), a?.(), !0;
@@ -65746,14 +65762,14 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 	}, [
 		C,
 		e,
-		F,
+		I,
 		u,
 		a
 	]), oe = g(async (t) => {
 		if (!e || t.length === 0 || C) return !1;
 		T(t[0]), x("");
 		try {
-			return await Sn(e, t), await F({
+			return await Sn(e, t), await I({
 				search: u,
 				append: !1
 			}), a?.(), !0;
@@ -65765,14 +65781,14 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 	}, [
 		C,
 		e,
-		F,
+		I,
 		u,
 		a
 	]), z = g(async (t) => {
 		if (!e || t.length === 0 || E) return !1;
 		D(t[0]), x("");
 		try {
-			return await Cn(e, t), await F({
+			return await Cn(e, t), await I({
 				search: u,
 				append: !1
 			}), a?.(), !0;
@@ -65784,14 +65800,14 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 	}, [
 		e,
 		E,
-		F,
+		I,
 		u,
 		a
 	]), se = g(async (t) => {
 		if (!e || !t || E) return !1;
 		D(t), x("");
 		try {
-			return await En(e, t), await F({
+			return await En(e, t), await I({
 				search: u,
 				append: !1
 			}), a?.(), !0;
@@ -65803,7 +65819,7 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 	}, [
 		e,
 		E,
-		F,
+		I,
 		u,
 		a
 	]), B = g(async (t) => {
@@ -65872,13 +65888,13 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 		isOwner: te,
 		leave: g(async (t = null) => {
 			if (!e || P) return !1;
-			ee(!0), x("");
+			F(!0), x("");
 			try {
 				return await Dn(e, t), i?.(), !0;
 			} catch {
 				return Vs.error("Không rời được nhóm"), !1;
 			} finally {
-				ee(!1);
+				F(!1);
 			}
 		}, [
 			e,
@@ -65887,7 +65903,7 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 		]),
 		loadMoreMembers: R,
 		memberCountLabel: re,
-		memberUserIds: I,
+		memberUserIds: ee,
 		members: o,
 		membersError: _,
 		membersSearch: u,
@@ -65901,7 +65917,7 @@ function i6({ conversationId: e, currentUserId: t, onConversationUpdated: n, onD
 //#endregion
 //#region src/pages/Setting/conversation-settings-panel.tsx
 function a6({ conversation: e, conversationId: t, currentUserId: n, onClose: i, onConversationUpdated: a, onDeleteSuccess: o, onLeaveSuccess: s, onMembersChanged: c, onStartChat: l, onForwardMessage: u, onJumpToMessage: d }) {
-	let [f, p] = w(null), [m, h] = w(null), [g, _] = w(""), [v, y] = w(null), [b, x] = w(null), [S, T] = w(""), E = C(null), { filePreview: D, mediaPreview: O } = Ul(t), k = e ? Bo(e, n) : "Cuộc trò chuyện", A = e?.type === "GROUP", P = ic((e) => e.hasUpdateGroupVerified), ee = ic((e) => e.hasDeleteGroupVerified), F = !!e?.isVerified && !P, I = !!e?.isVerified && !ee, L = i6({
+	let [f, p] = w(null), [m, h] = w(null), [g, _] = w(""), [v, y] = w(null), [b, x] = w(null), [S, T] = w(""), E = C(null), { filePreview: D, mediaPreview: O } = Ul(t), k = e ? Bo(e, n) : "Cuộc trò chuyện", A = e?.type === "GROUP", P = ic((e) => e.hasUpdateGroupVerified), F = ic((e) => e.hasDeleteGroupVerified), I = !!e?.isVerified && !P, ee = !!e?.isVerified && !F, L = i6({
 		conversationId: t,
 		currentUserId: n,
 		onConversationUpdated: a,
@@ -65949,7 +65965,7 @@ function a6({ conversation: e, conversationId: t, currentUserId: n, onClose: i,
 					className: "settings-title-block",
 					children: [
 						/* @__PURE__ */ N("div", {
-							className: `settings-avatar-edit${A && L.isOwner && !F ? " is-editable" : ""}`,
+							className: `settings-avatar-edit${A && L.isOwner && !I ? " is-editable" : ""}`,
 							children: [
 								/* @__PURE__ */ M("button", {
 									type: "button",
@@ -65976,7 +65992,7 @@ function a6({ conversation: e, conversationId: t, currentUserId: n, onClose: i,
 										className: "conversation-avatar conversation-avatar--settings"
 									})
 								}),
-								A && L.isOwner && !F ? /* @__PURE__ */ M(r, {
+								A && L.isOwner && !I ? /* @__PURE__ */ M(r, {
 									title: "Đổi ảnh đại diện",
 									children: /* @__PURE__ */ M("button", {
 										type: "button",
@@ -66002,7 +66018,7 @@ function a6({ conversation: e, conversationId: t, currentUserId: n, onClose: i,
 						}),
 						/* @__PURE__ */ N("div", {
 							className: "settings-title-row",
-							children: [/* @__PURE__ */ N("h2", { children: [k, A && e?.isVerified ? /* @__PURE__ */ M(Nc, {}) : null] }), A && L.isOwner && !F ? /* @__PURE__ */ M("button", {
+							children: [/* @__PURE__ */ N("h2", { children: [k, A && e?.isVerified ? /* @__PURE__ */ M(Nc, {}) : null] }), A && L.isOwner && !I ? /* @__PURE__ */ M("button", {
 								className: "settings-edit-title-button",
 								type: "button",
 								"aria-label": "Sửa tên nhóm",
@@ -66020,7 +66036,7 @@ function a6({ conversation: e, conversationId: t, currentUserId: n, onClose: i,
 			/* @__PURE__ */ N("div", {
 				className: "settings-row-list",
 				children: [
-					A && L.isOwner && !F ? /* @__PURE__ */ N("button", {
+					A && L.isOwner && !I ? /* @__PURE__ */ N("button", {
 						className: "settings-row",
 						type: "button",
 						onClick: te,
@@ -66159,7 +66175,7 @@ function a6({ conversation: e, conversationId: t, currentUserId: n, onClose: i,
 							}, e.id ?? e.sequence))
 						})]
 					}),
-					A ? /* @__PURE__ */ N(j, { children: [L.isOwner && !I ? /* @__PURE__ */ N("button", {
+					A ? /* @__PURE__ */ N(j, { children: [L.isOwner && !ee ? /* @__PURE__ */ N("button", {
 						className: "settings-row danger",
 						type: "button",
 						onClick: () => p("delete-group"),
@@ -66227,7 +66243,7 @@ function a6({ conversation: e, conversationId: t, currentUserId: n, onClose: i,
 				onDeleteMembers: L.removeMembers,
 				onLoadMore: L.loadMoreMembers,
 				onOpenProfile: y,
-				updateLocked: F
+				updateLocked: I
 			}) : null,
 			f === "rename" ? /* @__PURE__ */ M(nc, {
 				initialTitle: k,