@satek-team-intern/chatbot-widget 0.10.1 → 0.10.2

package/dist/chatbot-widget.es.js

@@ -67,7 +67,7 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 }, ne = (e) => {
 	let t = Math.floor(e / 1e3);
 	return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
-}, P = null, F = async (e) => {
+}, P = null, re = async (e) => {
 	P || (P = await C(), P.configure({
 		sampleRate: 44100,
 		channels: 1,
@@ -83,7 +83,7 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 	let a = n.reduce((e, t) => e + t.length, 0), o = new Uint8Array(a), s = 0;
 	for (let e of n) o.set(e, s), s += e.length;
 	return new Blob([o], { type: "audio/mp3" });
-}, I = 25 * 1024 * 1024, re = [
+}, ie = 25 * 1024 * 1024, ae = [
 	"🙂",
 	"😀",
 	"😂",
@@ -102,7 +102,7 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 	"💯",
 	"✅",
 	"❌"
-], ie = {
+], oe = {
 	pdf: "📄",
 	doc: "📄",
 	docx: "📄",
@@ -125,13 +125,13 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 	mov: "🎬",
 	mkv: "🎬",
 	default: "📎"
-}, L = (e) => e && ie[e.includes(".") ? e.split(".").pop()?.toLowerCase() ?? "" : e.toLowerCase()] || "📎", ae = /* @__PURE__ */ new WeakMap(), R = (e) => {
-	if (!ae.has(e)) {
+}, F = (e) => e && oe[e.includes(".") ? e.split(".").pop()?.toLowerCase() ?? "" : e.toLowerCase()] || "📎", se = /* @__PURE__ */ new WeakMap(), I = (e) => {
+	if (!se.has(e)) {
 		let t = Math.random().toString(36).substring(2, 9);
-		ae.set(e, `${e.name}-${e.size}-${t}`);
+		se.set(e, `${e.name}-${e.size}-${t}`);
 	}
-	return ae.get(e);
-}, z = (e) => {
+	return se.get(e);
+}, L = (e) => {
 	if (e === 0) return "0 B";
 	let t = 1024, n = [
 		"B",
@@ -140,7 +140,7 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 		"GB"
 	], r = Math.floor(Math.log(e) / Math.log(t));
 	return Math.round(e / t ** +r * 100) / 100 + " " + n[r];
-}, oe = (e) => {
+}, ce = (e) => {
 	let t = e.split(".").pop()?.toLowerCase() ?? "";
 	return [
 		"jpg",
@@ -163,13 +163,13 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 		"ogg",
 		"wma"
 	].includes(t) ? "audio" : "other";
-}, se = (e) => URL.createObjectURL(e), ce = (e) => e.type.startsWith("image/"), le = (e) => {
+}, le = (e) => URL.createObjectURL(e), ue = (e) => e.type.startsWith("image/"), de = (e) => {
 	let t = (e) => {
 		let t = e.name.toLowerCase().split(".").pop() ?? "";
 		return e.type.startsWith("image/") ? 0 : t === "mp4" ? 1 : t === "mp3" ? 2 : 3;
 	};
 	return [...e].sort((e, n) => t(e) - t(n));
-}, ue = (e) => new Promise((t) => {
+}, fe = (e) => new Promise((t) => {
 	if (!e.type.startsWith("image/")) {
 		t(e);
 		return;
@@ -197,19 +197,19 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 			}, a, s);
 		}, r.onerror = () => t(e), r.src = n.target?.result;
 	}, n.onerror = () => t(e), n.readAsDataURL(e);
-}), de = (e, t, n) => e.length === 0 ? null : !t && e.length > 1 ? {
+}), pe = (e, t, n) => e.length === 0 ? null : !t && e.length > 1 ? {
 	message: "Chỉ cho phép đính kèm tối đa 1 file.",
 	type: "warning"
 } : e.length > 20 ? {
 	message: "Chỉ cho phép tối đa 20 file.",
 	type: "warning"
 } : e.some((e) => e.isError) ? {
-	message: `Vui lòng loại bỏ các file bị lỗi (vượt quá ${I / (1024 * 1024)} MB).`,
+	message: `Vui lòng loại bỏ các file bị lỗi (vượt quá ${ie / (1024 * 1024)} MB).`,
 	type: "warning"
 } : e.every(n) ? null : {
 	message: "Vui lòng chỉ chọn các loại file được phép.",
 	type: "warning"
-}, B = S({
+}, R = S({
 	name: "widget-chatslice",
 	initialState: {
 		currentUser: null,
@@ -223,6 +223,9 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 		replyingMessage: null
 	},
 	reducers: {
+		clearAll: (e) => {
+			e.currentUser = null, e.chats = [], e.currentChat = null, e.currentChatMessages = [], e.currentChatMembers = [], e.members = [], e.totalMessagesUnread = 0, e.messagesPagination = null, e.replyingMessage = null;
+		},
 		setCurrentUser: (e, t) => {
 			e.currentUser = t.payload;
 		},
@@ -363,7 +366,7 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 			i && (i[r] = !i[r]), e.currentChat?.id === n && (e.currentChat[r] = !e.currentChat[r]);
 		}
 	}
-}), { setCurrentUser: fe, setChats: pe, setCurrentChat: V, setCurrentChatMessages: me, setCurrentChatMembers: he, setMembers: ge, setMember: _e, setMemberDisconnect: ve, setMessagesPagination: H, prependMessages: ye, addNewMessage: U, removeChat: be, addChat: xe, updateChat: Se, updateChatAvatar: Ce, removeMessage: we, updateMessage: Te, setReplyingMessage: Ee, setTotalMessagesUnread: De, updateMemberReadStatus: Oe, toggleChatSetting: ke } = B.actions, Ae = B.reducer, W = class e {
+}), { clearAll: me, setCurrentUser: z, setChats: he, setCurrentChat: B, setCurrentChatMessages: ge, setCurrentChatMembers: _e, setMembers: ve, setMember: ye, setMemberDisconnect: V, setMessagesPagination: be, prependMessages: H, addNewMessage: xe, removeChat: Se, addChat: Ce, updateChat: we, updateChatAvatar: Te, removeMessage: Ee, updateMessage: De, setReplyingMessage: Oe, setTotalMessagesUnread: ke, updateMemberReadStatus: Ae, toggleChatSetting: je } = R.actions, Me = R.reducer, U = class e {
 	static instance;
 	chatSDK = null;
 	constructor() {
@@ -517,7 +520,7 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 	setConfig(e) {
 		this.chatSDK && this.chatSDK.setConfig(e);
 	}
-}.getInstance(), je = {
+}.getInstance(), W = {
 	common: {
 		buttons: {
 			save: "Save",
@@ -791,7 +794,7 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 	constructor() {
 		this.currentLocale = "vietnamese", this.translations = {
 			vietnamese: G,
-			english: je
+			english: W
 		};
 	}
 	static getInstance() {
@@ -806,13 +809,13 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 	t(e, t) {
 		let n = e.split("."), r = (e) => n.reduce((e, t) => {
 			if (e && typeof e == "object") return e[t];
-		}, e), i = r(this.translations[this.currentLocale]) ?? r(je);
+		}, e), i = r(this.translations[this.currentLocale]) ?? r(W);
 		if (typeof i != "string") return e;
 		let a = i;
 		if (t) for (let [e, n] of Object.entries(t)) a = a.replace(RegExp(`{${e}}`, "g"), n);
 		return a;
 	}
-}.getInstance(), q = S({
+}.getInstance(), Ne = S({
 	name: "widget-settingslice",
 	initialState: {
 		theme: localStorage.getItem("chat-theme") || "light",
@@ -841,14 +844,14 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 			e.currentLanguage = t.payload, K.locale = t.payload, localStorage.setItem("chat-widget:language", e.currentLanguage);
 		}
 	}
-}), { setConfig: Me, toggleTheme: J, setFeatures: Ne, setPrimaryColor: Pe, setLanguage: Fe } = q.actions, Y = q.reducer, X = y({
-	chat: Ae,
-	setting: Y
-}), Ie = b({
-	reducer: (e, t) => (t.type === "chatSlice/logout" && (e = void 0), X(e, t)),
+}), { setConfig: q, toggleTheme: Pe, setFeatures: Fe, setPrimaryColor: J, setLanguage: Y } = Ne.actions, X = Ne.reducer, Ie = y({
+	chat: Me,
+	setting: X
+}), Le = b({
+	reducer: (e, t) => (t.type === "chatSlice/logout" && (e = void 0), Ie(e, t)),
 	middleware: (e) => e({ serializableCheck: { ignoredPaths: ["chat.instance"] } }),
 	devTools: { name: "ChatbotWidget" }
-}), Le = (e) => e.setting.features, Re = (e, t) => {
+}), Re = (e) => e.setting.features, ze = (e, t) => {
 	let n = {
 		minutes: 1e3 * 60,
 		hours: 1e3 * 60 * 60,
@@ -856,35 +859,35 @@ var D = "\n    #chat-internal-root{z-index:99999;pointer-events:none;font-family
 	};
 	return e * (n[t] || n.hours);
 };
-function ze(e) {
+function Be(e) {
 	return (t) => {
-		let { allow_delete_message: n, delete_duration: r } = W.setting || {};
+		let { allow_delete_message: n, delete_duration: r } = U.setting || {};
 		if (!n) return !1;
 		if (r <= 0) return !0;
 		let i = new Date(t).getTime();
 		return Date.now() - i <= e;
 	};
 }
-function Be(e) {
+function Ve(e) {
 	return (t) => {
-		let { allow_revoke_message: n, revoke_duration: r } = W.setting || {};
+		let { allow_revoke_message: n, revoke_duration: r } = U.setting || {};
 		if (!n) return !1;
 		if (r <= 0) return !0;
 		let i = new Date(t).getTime();
 		return Date.now() - i <= e;
 	};
 }
-var Ve = x([Le], (e) => {
-	let t = A(e), n = Re(W.setting?.delete_duration ?? 0, W.setting?.delete_duration_unit ?? "hours"), r = Re(W.setting?.revoke_duration ?? 0, W.setting?.revoke_duration_unit ?? "hours");
+var He = x([Re], (e) => {
+	let t = A(e), n = ze(U.setting?.delete_duration ?? 0, U.setting?.delete_duration_unit ?? "hours"), r = ze(U.setting?.revoke_duration ?? 0, U.setting?.revoke_duration_unit ?? "hours");
 	return {
 		...t,
 		acceptFilter: j(t.featureSet),
 		isFileTypeAllowed: te(t.featureSet),
-		allowDeleteChat: W.setting?.allow_delete_chat ?? !1,
-		allowDeleteMessage: ze(n),
-		allowRevokeMessage: Be(r)
+		allowDeleteChat: U.setting?.allow_delete_chat ?? !1,
+		allowDeleteMessage: Be(n),
+		allowRevokeMessage: Ve(r)
 	};
-}), He = (e, t, n) => {
+}), Ue = (e, t, n) => {
 	let r = g(), i = f(!1), { currentUser: a, chats: o, currentChat: s } = _((e) => e.chat), l = f({
 		chats: null,
 		currentUser: null,
@@ -903,9 +906,9 @@ var Ve = x([Le], (e) => {
 	]), c(() => {
 		(async () => {
 			let { code: a, name: o, avatar: s, email: c, phone: l } = t || {};
-			if (!(!a || !o || !s || !c || i.current)) try {
-				i.current = !0, await W.init(e, n);
-				let t = await W.setAuth({
+			if (!(!a || !o || !s || !c || !n || i.current)) try {
+				i.current = !0, await U.init(e, n);
+				let t = await U.setAuth({
 					code: a,
 					name: o,
 					avatar: s,
@@ -916,11 +919,11 @@ var Ve = x([Le], (e) => {
 					i.current = !1, console.error("Authentication failed: No user data returned");
 					return;
 				}
-				r(fe(t)), console.warn("Authenticated as:", t);
-				let [{ data: u }, { data: d }] = await Promise.all([W.getMembers(), W.getChats()]);
-				r(pe(d)), r(ge(u));
+				r(z(t)), console.warn("Authenticated as:", t);
+				let [{ data: u }, { data: d }] = await Promise.all([U.getMembers(), U.getChats()]);
+				r(he(d)), r(ve(u));
 				let f = d?.reduce((e, n) => e + (n.new[t.id] ?? 0), 0) ?? 0;
-				r(De(f)), console.warn("Total unread messages:", f);
+				r(ke(f)), console.warn("Total unread messages:", f);
 			} catch (e) {
 				i.current = !1, console.error("Failed to init chat or authenticate:", e);
 			}
@@ -936,32 +939,32 @@ var Ve = x([Le], (e) => {
 			"chats.message": (e) => {
 				console.warn("Message Event:", e);
 				let { chat: t, message: n, type: i, chat_id: a, message_id: o } = e;
-				i === "add" ? r(U({
+				i === "add" ? r(xe({
 					chat: t,
 					message: n
-				})) : i === "remove" || i === "revoke" ? r(we({
+				})) : i === "remove" || i === "revoke" ? r(Ee({
 					chat_id: a,
 					message_id: o,
 					type: i
-				})) : (i === "love" || i === "like") && r(Te({
+				})) : (i === "love" || i === "like") && r(De({
 					chat_id: a,
 					message: n
 				}));
 			},
 			"chats.created": (e) => {
-				console.warn("Chat Event:", e), r(xe(e.chat));
+				console.warn("Chat Event:", e), r(Ce(e.chat));
 			},
 			"chats.updated": (e) => {
-				console.warn("Chat Event:", e), r(Se(e.chat));
+				console.warn("Chat Event:", e), r(we(e.chat));
 			},
 			"chats.deleted": (e) => {
-				l.current.chats && (console.warn("Chat Event:", e), l.current.chats.find((t) => t.id === e.chat_id)?.type === "group" && r(be(e.chat_id)));
+				l.current.chats && (console.warn("Chat Event:", e), l.current.chats.find((t) => t.id === e.chat_id)?.type === "group" && r(Se(e.chat_id)));
 			},
 			"chats.action": (e) => {
 				if (console.warn("Chat Event:", e), e.type === "read") {
-					e.chat && r(Se(e.chat));
+					e.chat && r(we(e.chat));
 					let t = e.chat?.id ?? e.chat_id, n = e.member_id ?? e.user_id, i = e.message_id ?? e.chat?.message?.id;
-					t && n && i && r(Oe({
+					t && n && i && r(Ae({
 						chatId: Number(t),
 						memberId: Number(n),
 						lastReadId: Number(i)
@@ -974,7 +977,7 @@ var Ve = x([Le], (e) => {
 			"members.connect"(e) {
 				console.warn("Member Connected:", e);
 				let { member: t, timestamp: n, socketId: i } = e;
-				r(_e({
+				r(ye({
 					member: t,
 					timestamp: n,
 					socketId: i
@@ -984,19 +987,19 @@ var Ve = x([Le], (e) => {
 				console.warn("Member Disconnected:", e);
 				let { socketId: t } = e;
 				setTimeout(() => {
-					r(ve(t));
+					r(V(t));
 				}, 3e3);
 			}
 		};
 		return Object.entries(e).forEach(([e, t]) => {
-			W.addEventListener(e, t);
+			U.addEventListener(e, t);
 		}), console.warn("Chat event listeners registered"), () => {
 			Object.entries(e).forEach(([e, t]) => {
-				W.removeEventListener(e, t);
-			}), console.warn("Chat event listeners removed"), W.clearAuth(), console.warn("Clear auth");
+				U.removeEventListener(e, t);
+			}), console.warn("Chat event listeners removed"), r(me()), U.clearAuth(), console.warn("Clear auth");
 		};
 	}, [a?.id, r]);
-}, Ue = t(void 0), We = ({ children: e }) => {
+}, We = t(void 0), Ge = ({ children: e }) => {
 	let [t, n] = p(!1), [r, i] = p([]), [o, s] = p(0), c = {
 		isOpen: t,
 		files: r,
@@ -1008,11 +1011,11 @@ var Ve = x([Le], (e) => {
 			n(!1);
 		}, [])
 	};
-	return /* @__PURE__ */ T(Ue.Provider, {
+	return /* @__PURE__ */ T(We.Provider, {
 		value: c,
 		children: e
 	});
-}, Ge = ({ children: e }) => {
+}, Ke = ({ children: e }) => {
 	let [t, n] = p([]), r = a((e) => {
 		n((t) => t.filter((t) => t.id !== e));
 	}, []), i = a((e, t = "info") => {
@@ -1037,7 +1040,7 @@ var Ve = x([Le], (e) => {
 			}
 		}]);
 	}), [r]);
-	return /* @__PURE__ */ T(Ke.Provider, {
+	return /* @__PURE__ */ T(qe.Provider, {
 		value: {
 			showToast: i,
 			removeToast: r,
@@ -1046,11 +1049,11 @@ var Ve = x([Le], (e) => {
 		},
 		children: e
 	});
-}, Ke = t(void 0), qe = () => {
-	let e = o(Ue);
+}, qe = t(void 0), Je = () => {
+	let e = o(We);
 	if (!e) throw Error("useFileViewer must be used within FileViewerProvider");
 	return e;
-}, Je = ({ onFilesAdded: e }) => {
+}, Ye = ({ onFilesAdded: e }) => {
 	let [t, n] = p(!1), r = f(0);
 	return {
 		isDragOver: t,
@@ -1069,7 +1072,7 @@ var Ve = x([Le], (e) => {
 			i && i.length > 0 && e(i);
 		}, [e])
 	};
-}, Ye = () => {
+}, Xe = () => {
 	let [e, t] = p({
 		isRecording: !1,
 		duration: 0,
@@ -1120,7 +1123,7 @@ var Ve = x([Le], (e) => {
 				o.current &&= (clearInterval(o.current), null), r.current?.getTracks().forEach((e) => e.stop());
 				let a = new Blob(i.current, { type: "audio/webm;codecs=opus" }), s;
 				try {
-					s = await F(a);
+					s = await re(a);
 				} catch (e) {
 					console.error("MP3 convert failed, fallback to webm", e), s = a;
 				}
@@ -1164,39 +1167,39 @@ var Ve = x([Le], (e) => {
 	return {
 		t: K.t.bind(K),
 		toggleChangeLanguage: () => {
-			K.locale === "english" ? (K.locale = "vietnamese", e(Fe("vietnamese"))) : (K.locale = "english", e(Fe("english")));
+			K.locale === "english" ? (K.locale = "vietnamese", e(Y("vietnamese"))) : (K.locale = "english", e(Y("english")));
 		}
 	};
-}, Xe = () => {
-	let e = o(Ke);
+}, Ze = () => {
+	let e = o(qe);
 	if (!e) throw Error("useToast must be used within ToastProvider");
 	return e;
-}, Ze = (e) => {
+}, Qe = (e) => {
 	let t = g(), n = f(!1);
 	c(() => {
 		(() => {
 			if (!(!e || n.current)) try {
-				n.current = !0, e && t(Me(e));
+				n.current = !0, e && t(q(e));
 			} catch (e) {
 				n.current = !1, console.error("Failed to init chat or authenticate:", e);
 			}
 		})();
 	}, [e, t]);
-}, Qe = ({ chatKey: e, auth: t, features: n, logoUrl: r, workspace: i, ...a }) => {
-	Ze(n), He(e, t, i);
+}, $e = ({ chatKey: e, auth: t, features: n, logoUrl: r, workspace: i, ...a }) => {
+	Qe(n), Ue(e, t, i);
 	let [o, s] = p("closed"), [c, l] = p(null), [u, d] = p(null), [f, m] = p({
 		width: 1e3,
 		height: 750
 	});
 	return /* @__PURE__ */ E("div", {
 		className: `chatbot-container ${o}`,
-		children: [o === "closed" && /* @__PURE__ */ T(tt, {
+		children: [o === "closed" && /* @__PURE__ */ T(nt, {
 			mode: o,
 			setMode: s,
 			dragPosition: c,
 			setDragPosition: l,
 			primaryColor: a.primaryColor
-		}), o !== "closed" && /* @__PURE__ */ T(Ht, {
+		}), o !== "closed" && /* @__PURE__ */ T(Ut, {
 			logoUrl: r,
 			mode: o,
 			setMode: s,
@@ -1211,15 +1214,15 @@ var Ve = x([Le], (e) => {
 			...a
 		})]
 	});
-}, $e = () => {
-	let { isOpen: e, files: t, initialIndex: n, closeViewer: r } = qe();
-	return e ? /* @__PURE__ */ T($t, {
+}, et = () => {
+	let { isOpen: e, files: t, initialIndex: n, closeViewer: r } = Je();
+	return e ? /* @__PURE__ */ T(en, {
 		isOpen: e,
 		files: t,
 		initialIndex: n,
 		onClose: r
 	}) : null;
-}, et = (e) => {
+}, tt = (e) => {
 	let t = f(null), [n, r] = p(null);
 	return u(() => {
 		let e = t.current;
@@ -1236,13 +1239,13 @@ var Ve = x([Le], (e) => {
 		}
 		r(i);
 	}, []), /* @__PURE__ */ T(h, {
-		store: Ie,
-		children: /* @__PURE__ */ T(We, { children: /* @__PURE__ */ T(Ge, { children: /* @__PURE__ */ E("div", {
+		store: Le,
+		children: /* @__PURE__ */ T(Ge, { children: /* @__PURE__ */ T(Ke, { children: /* @__PURE__ */ E("div", {
 			ref: t,
-			children: [n && v(/* @__PURE__ */ T(Qe, { ...e }), n), n && v(/* @__PURE__ */ T($e, {}), n)]
+			children: [n && v(/* @__PURE__ */ T($e, { ...e }), n), n && v(/* @__PURE__ */ T(et, {}), n)]
 		}) }) })
 	});
-}, tt = ({ mode: e, setMode: t, dragPosition: n, setDragPosition: r }) => {
+}, nt = ({ mode: e, setMode: t, dragPosition: n, setDragPosition: r }) => {
 	let [i, a] = p(!1), [o, s] = p({
 		x: 0,
 		y: 0
@@ -1329,7 +1332,7 @@ var Ve = x([Le], (e) => {
 		children: t
 	}));
 	return u.displayName = e, u;
-}, nt = Q("Online", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("g", {
+}, rt = Q("Online", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("g", {
 	filter: "url(#filter0_d_4_4932)",
 	children: /* @__PURE__ */ T("path", {
 		d: "M2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8Z",
@@ -1381,7 +1384,7 @@ var Ve = x([Le], (e) => {
 			result: "shape"
 		})
 	]
-}) })] })), rt = Q("Owner", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("g", {
+}) })] })), it = Q("Owner", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("g", {
 	clipPath: "url(#clip0_4_9682)",
 	children: [/* @__PURE__ */ T("path", {
 		d: "M6.74458 1.90514C6.76976 1.85941 6.80675 1.82128 6.85169 1.79472C6.89664 1.76816 6.94788 1.75415 7.00008 1.75415C7.05229 1.75415 7.10353 1.76816 7.14848 1.79472C7.19342 1.82128 7.23041 1.85941 7.25558 1.90514L8.97758 5.17414C9.01865 5.24984 9.07596 5.3155 9.14541 5.36642C9.21486 5.41734 9.29473 5.45225 9.37927 5.46864C9.46381 5.48504 9.55093 5.48251 9.63438 5.46125C9.71783 5.43998 9.79554 5.4005 9.86192 5.34564L12.3568 3.20831C12.4047 3.16936 12.4637 3.1466 12.5254 3.14333C12.587 3.14005 12.6481 3.15642 12.6999 3.19008C12.7516 3.22374 12.7914 3.27295 12.8134 3.33063C12.8354 3.38831 12.8385 3.45148 12.8223 3.51106L11.1692 9.48789C11.1354 9.6102 11.0627 9.71817 10.9621 9.79543C10.8615 9.8727 10.7384 9.91505 10.6115 9.91606H3.38925C3.26228 9.91517 3.13907 9.87288 3.03831 9.79561C2.93756 9.71833 2.86477 9.61029 2.831 9.48789L1.17842 3.51164C1.16223 3.45207 1.16536 3.38889 1.18737 3.33121C1.20937 3.27353 1.24911 3.22432 1.30086 3.19066C1.35261 3.157 1.41371 3.14063 1.47536 3.14391C1.53701 3.14719 1.59602 3.16994 1.64392 3.20889L4.13825 5.34623C4.20463 5.40108 4.28234 5.44056 4.36579 5.46183C4.44924 5.4831 4.53636 5.48562 4.6209 5.46923C4.70544 5.45283 4.7853 5.41792 4.85475 5.367C4.92421 5.31608 4.98152 5.25042 5.02258 5.17473L6.74458 1.90514Z",
@@ -1406,7 +1409,7 @@ var Ve = x([Le], (e) => {
 }) })] }), {
 	viewBox: "0 0 14 14",
 	sizeDefault: 14
-}), it = Q("SaOneLogo", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("rect", {
+}), at = Q("SaOneLogo", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("rect", {
 	width: "22.4671",
 	height: "22.4671",
 	fill: "url(#pattern0_22_372)"
@@ -1428,7 +1431,7 @@ var Ve = x([Le], (e) => {
 })] })] }), {
 	viewBox: "0 0 23 23",
 	sizeDefault: 23
-}), at = Q("MemberList", /* @__PURE__ */ E(w, { children: [
+}), ot = Q("MemberList", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", {
 		d: "M10.6667 14V12.6667C10.6667 11.9594 10.3857 11.2811 9.88562 10.781C9.38552 10.281 8.70724 10 8 10H4C3.29276 10 2.61448 10.281 2.11438 10.781C1.61428 11.2811 1.33333 11.9594 1.33333 12.6667V14",
 		stroke: "currentColor",
@@ -1450,7 +1453,7 @@ var Ve = x([Le], (e) => {
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})
-] }), { sizeDefault: 16 }), ot = Q("GroupList", /* @__PURE__ */ E(w, { children: [
+] }), { sizeDefault: 16 }), st = Q("GroupList", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
 	/* @__PURE__ */ T("circle", {
 		cx: "9",
@@ -1464,12 +1467,12 @@ var Ve = x([Le], (e) => {
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), st = Q("Back", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M15 18l-6-6 6-6" }) }), {
+}), ct = Q("Back", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M15 18l-6-6 6-6" }) }), {
 	sizeDefault: 20,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), ct = Q("Mute", /* @__PURE__ */ E(w, { children: [
+}), lt = Q("Mute", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
 	/* @__PURE__ */ T("path", { d: "M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742" }),
 	/* @__PURE__ */ T("path", { d: "m2 2 20 20" }),
@@ -1498,7 +1501,7 @@ Q("Call", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M22 1
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
 });
-var lt = Q("OpenSidebar", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("rect", {
+var ut = Q("OpenSidebar", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("rect", {
 	x: "3",
 	y: "3",
 	width: "18",
@@ -1530,22 +1533,22 @@ var lt = Q("OpenSidebar", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("r
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 1.7
-}), ut = Q("Previous", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("polyline", { points: "15 18 9 12 15 6" }) }), {
+}), dt = Q("Previous", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("polyline", { points: "15 18 9 12 15 6" }) }), {
 	sizeDefault: 24,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), dt = Q("Next", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("polyline", { points: "9 18 15 12 9 6" }) }), {
+}), ft = Q("Next", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("polyline", { points: "9 18 15 12 9 6" }) }), {
 	sizeDefault: 24,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), ft = Q("Conversation", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) }), {
+}), pt = Q("Conversation", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) }), {
 	sizeDefault: 20,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), pt = Q("ConversationList", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("g", {
+}), mt = Q("ConversationList", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("g", {
 	clipPath: "url(#clip0_22_6147)",
 	fill: "none",
 	children: [/* @__PURE__ */ T("path", {
@@ -1571,7 +1574,7 @@ var lt = Q("OpenSidebar", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("r
 	sizeDefault: 20,
 	viewBox: "0 0 20 20",
 	strokeColorDefault: "currentColor"
-}), mt = Q("Add", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
+}), ht = Q("Add", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
 	d: "M4.16675 10H15.8334",
 	stroke: "currentColor",
 	strokeWidth: "1.67",
@@ -1587,7 +1590,7 @@ var lt = Q("OpenSidebar", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("r
 	sizeDefault: 20,
 	viewBox: "0 0 20 20",
 	strokeColorDefault: "currentColor"
-}), ht = Q("Search", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
+}), gt = Q("Search", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
 	d: "M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z",
 	stroke: "currentColor",
 	strokeWidth: "1.67",
@@ -1603,7 +1606,7 @@ var lt = Q("OpenSidebar", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("r
 	sizeDefault: 20,
 	viewBox: "0 0 20 20",
 	strokeColorDefault: "currentColor"
-}), gt = Q("Setting", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
+}), _t = Q("Setting", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
 	d: "M10.1833 1.66699H9.81667C9.37464 1.66699 8.95072 1.84259 8.63816 2.15515C8.3256 2.46771 8.15 2.89163 8.15 3.33366V3.48366C8.1497 3.77593 8.07255 4.06298 7.92628 4.31602C7.78002 4.56906 7.56978 4.77919 7.31667 4.92533L6.95834 5.13366C6.70497 5.27994 6.41756 5.35695 6.125 5.35695C5.83244 5.35695 5.54503 5.27994 5.29167 5.13366L5.16667 5.06699C4.78422 4.84638 4.32987 4.78653 3.90334 4.90058C3.47681 5.01464 3.11296 5.29327 2.89167 5.67533L2.70833 5.99199C2.48772 6.37444 2.42787 6.82879 2.54192 7.25532C2.65598 7.68185 2.93461 8.0457 3.31667 8.26699L3.44167 8.35033C3.69356 8.49575 3.90302 8.70457 4.04921 8.95602C4.1954 9.20747 4.27325 9.4928 4.275 9.78366V10.2087C4.27617 10.5023 4.19971 10.7911 4.05337 11.0457C3.90703 11.3004 3.69601 11.5118 3.44167 11.6587L3.31667 11.7337C2.93461 11.955 2.65598 12.3188 2.54192 12.7453C2.42787 13.1719 2.48772 13.6262 2.70833 14.0087L2.89167 14.3253C3.11296 14.7074 3.47681 14.986 3.90334 15.1001C4.32987 15.2141 4.78422 15.1543 5.16667 14.9337L5.29167 14.867C5.54503 14.7207 5.83244 14.6437 6.125 14.6437C6.41756 14.6437 6.70497 14.7207 6.95834 14.867L7.31667 15.0753C7.56978 15.2215 7.78002 15.4316 7.92628 15.6846C8.07255 15.9377 8.1497 16.2247 8.15 16.517V16.667C8.15 17.109 8.3256 17.5329 8.63816 17.8455C8.95072 18.1581 9.37464 18.3337 9.81667 18.3337H10.1833C10.6254 18.3337 11.0493 18.1581 11.3618 17.8455C11.6744 17.5329 11.85 17.109 11.85 16.667V16.517C11.8503 16.2247 11.9275 15.9377 12.0737 15.6846C12.22 15.4316 12.4302 15.2215 12.6833 15.0753L13.0417 14.867C13.295 14.7207 13.5824 14.6437 13.875 14.6437C14.1676 14.6437 14.455 14.7207 14.7083 14.867L14.8333 14.9337C15.2158 15.1543 15.6701 15.2141 16.0967 15.1001C16.5232 14.986 16.887 14.7074 17.1083 14.3253L17.2917 14.0003C17.5123 13.6179 17.5721 13.1635 17.4581 12.737C17.344 12.3105 17.0654 11.9466 16.6833 11.7253L16.5583 11.6587C16.304 11.5118 16.093 11.3004 15.9466 11.0457C15.8003 10.7911 15.7238 10.5023 15.725 10.2087V9.79199C15.7238 9.49831 15.8003 9.20953 15.9466 8.9549C16.093 8.70027 16.304 8.48883 16.5583 8.34199L16.6833 8.26699C17.0654 8.0457 17.344 7.68185 17.4581 7.25532C17.5721 6.82879 17.5123 6.37444 17.2917 5.99199L17.1083 5.67533C16.887 5.29327 16.5232 5.01464 16.0967 4.90058C15.6701 4.78653 15.2158 4.84638 14.8333 5.06699L14.7083 5.13366C14.455 5.27994 14.1676 5.35695 13.875 5.35695C13.5824 5.35695 13.295 5.27994 13.0417 5.13366L12.6833 4.92533C12.4302 4.77919 12.22 4.56906 12.0737 4.31602C11.9275 4.06298 11.8503 3.77593 11.85 3.48366V3.33366C11.85 2.89163 11.6744 2.46771 11.3618 2.15515C11.0493 1.84259 10.6254 1.66699 10.1833 1.66699Z",
 	stroke: "currentColor",
 	strokeWidth: "1.66667",
@@ -1626,7 +1629,7 @@ Q("Pin", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M12 1
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
 });
-var _t = Q("Help", /* @__PURE__ */ E(w, { children: [
+var vt = Q("Help", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("circle", {
 		cx: "12",
 		cy: "12",
@@ -1644,7 +1647,7 @@ var _t = Q("Help", /* @__PURE__ */ E(w, { children: [
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), vt = Q("RemoveMember", /* @__PURE__ */ E(w, { children: [
+}), yt = Q("RemoveMember", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
 	/* @__PURE__ */ T("circle", {
 		cx: "9",
@@ -1668,7 +1671,7 @@ var _t = Q("Help", /* @__PURE__ */ E(w, { children: [
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), yt = Q("Key", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" }), /* @__PURE__ */ T("circle", {
+}), bt = Q("Key", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" }), /* @__PURE__ */ T("circle", {
 	cx: "16.5",
 	cy: "7.5",
 	r: ".5",
@@ -1678,7 +1681,7 @@ var _t = Q("Help", /* @__PURE__ */ E(w, { children: [
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), bt = Q("Edit", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }), /* @__PURE__ */ T("path", { d: "m15 5 4 4" })] }), {
+}), xt = Q("Edit", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }), /* @__PURE__ */ T("path", { d: "m15 5 4 4" })] }), {
 	sizeDefault: 14,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
@@ -1690,7 +1693,7 @@ Q("Bell", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M10.
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
 });
-var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
+var St = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
 	/* @__PURE__ */ T("circle", {
 		cx: "9",
@@ -1714,12 +1717,12 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), St = Q("ArrowDown", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M6 9l6 6 6-6" }) }), {
+}), Ct = Q("ArrowDown", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M6 9l6 6 6-6" }) }), {
 	sizeDefault: 16,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Ct = Q("More", /* @__PURE__ */ E(w, { children: [
+}), wt = Q("More", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("circle", {
 		cx: "12",
 		cy: "12",
@@ -1741,12 +1744,12 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2,
 	strokeLinecapDefault: "round"
-}), wt = Q("Minimize", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M5 12h14" }) }), {
+}), Tt = Q("Minimize", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M5 12h14" }) }), {
 	sizeDefault: 14,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Tt = Q("OpenFullPage", /* @__PURE__ */ E(w, { children: [
+}), Et = Q("OpenFullPage", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M15 3h6v6" }),
 	/* @__PURE__ */ T("path", { d: "m21 3-7 7" }),
 	/* @__PURE__ */ T("path", { d: "m3 21 7-7" }),
@@ -1756,7 +1759,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Et = Q("MinimizeFullPage", /* @__PURE__ */ E(w, { children: [
+}), Dt = Q("MinimizeFullPage", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "m14 10 7-7" }),
 	/* @__PURE__ */ T("path", { d: "M20 10h-6V4" }),
 	/* @__PURE__ */ T("path", { d: "m3 21 7-7" }),
@@ -1766,19 +1769,19 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Dt = Q("Reply", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" }), /* @__PURE__ */ T("path", { d: "m9 17-5-5 5-5" })] }), {
+}), Ot = Q("Reply", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" }), /* @__PURE__ */ T("path", { d: "m9 17-5-5 5-5" })] }), {
 	sizeDefault: 20,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Ot = Q("Attachment", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.51a2 2 0 0 1-2.83-2.83l8.49-8.48" }) }), {
+}), kt = Q("Attachment", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.51a2 2 0 0 1-2.83-2.83l8.49-8.48" }) }), {
 	sizeDefault: 20,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2,
 	strokeLinecapDefault: "round",
 	strokeLinejoinDefault: "round"
-}), kt = Q("Image", /* @__PURE__ */ E(w, { children: [
+}), At = Q("Image", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("rect", {
 		width: "18",
 		height: "18",
@@ -1800,7 +1803,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	strokeWidthDefault: 2,
 	strokeLinecapDefault: "round",
 	strokeLinejoinDefault: "round"
-}), At = Q("Voice", /* @__PURE__ */ E(w, { children: [
+}), jt = Q("Voice", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
 	/* @__PURE__ */ T("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
 	/* @__PURE__ */ T("line", {
@@ -1816,7 +1819,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	strokeWidthDefault: 2,
 	strokeLinecapDefault: "round",
 	strokeLinejoinDefault: "round"
-}), jt = Q("Emoji", /* @__PURE__ */ E(w, { children: [
+}), Mt = Q("Emoji", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("circle", {
 		cx: "12",
 		cy: "12",
@@ -1842,7 +1845,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	strokeWidthDefault: 2,
 	strokeLinecapDefault: "round",
 	strokeLinejoinDefault: "round"
-}), Mt = Q("SendMessage", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("line", {
+}), Nt = Q("SendMessage", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("line", {
 	x1: "22",
 	y1: "2",
 	x2: "11",
@@ -1854,27 +1857,27 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	strokeWidthDefault: 2,
 	strokeLinecapDefault: "round",
 	strokeLinejoinDefault: "round"
-}), Nt = Q("SortASC", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M12 5v14" }), /* @__PURE__ */ T("path", { d: "M5 12l7-7 7 7" })] }), {
+}), Pt = Q("SortASC", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M12 5v14" }), /* @__PURE__ */ T("path", { d: "M5 12l7-7 7 7" })] }), {
 	sizeDefault: 16,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Pt = Q("SortDESC", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M12 5v14" }), /* @__PURE__ */ T("path", { d: "M5 12l7 7 7-7" })] }), {
+}), Ft = Q("SortDESC", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M12 5v14" }), /* @__PURE__ */ T("path", { d: "M5 12l7 7 7-7" })] }), {
 	sizeDefault: 16,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Ft = Q("Like", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" }), /* @__PURE__ */ T("path", { d: "M7 10v12" })] }), {
+}), It = Q("Like", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" }), /* @__PURE__ */ T("path", { d: "M7 10v12" })] }), {
 	sizeDefault: 24,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), It = Q("Love", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5" }) }), {
+}), Lt = Q("Love", /* @__PURE__ */ T(w, { children: /* @__PURE__ */ T("path", { d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5" }) }), {
 	sizeDefault: 24,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Lt = Q("DeleteMessage", /* @__PURE__ */ E(w, { children: [
+}), Rt = Q("DeleteMessage", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
 	/* @__PURE__ */ T("path", { d: "M3 6h18" }),
 	/* @__PURE__ */ T("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
@@ -1883,25 +1886,25 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), Rt = Q("RevokeMessage", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ T("path", { d: "M3 3v5h5" })] }), {
+}), zt = Q("RevokeMessage", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ T("path", { d: "M3 3v5h5" })] }), {
 	sizeDefault: 24,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor",
 	strokeWidthDefault: 2
-}), zt = Q("Seen", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
+}), Bt = Q("Seen", /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("path", {
 	d: "M9 3L3.5 8.5L1 6",
 	stroke: "#2B7FFF",
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
 }), /* @__PURE__ */ T("path", {
 	d: "M11 5L7.25 8.75L6.5 8",
 	stroke: "#2B7FFF",
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
 })] }), {
 	sizeDefault: 12,
 	viewBox: "0 0 12 12"
-}), Bt = Q("language", /* @__PURE__ */ E(w, { children: [
+}), Vt = Q("language", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("circle", {
 		cx: "12",
 		cy: "12",
@@ -1916,7 +1919,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	strokeWidthDefault: 2,
 	strokeLinecapDefault: "round",
 	strokeLinejoinDefault: "round"
-}), Vt = Q("ImagePlaceholder", /* @__PURE__ */ E(w, { children: [
+}), Ht = Q("ImagePlaceholder", /* @__PURE__ */ E(w, { children: [
 	/* @__PURE__ */ T("path", { d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21" }),
 	/* @__PURE__ */ T("path", { d: "m14 19.5 3-3 3 3" }),
 	/* @__PURE__ */ T("path", { d: "M17 22v-5.5" }),
@@ -1929,23 +1932,23 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	sizeDefault: 20,
 	viewBox: "0 0 24 24",
 	strokeColorDefault: "currentColor"
-}), Ht = ({ title: e = "Live Chat", logoUrl: t, mode: n, setMode: r, primaryColor: i, dragPosition: o, setDragPosition: l, fullpagePosition: u, setFullpagePosition: m, fullpageSize: h = {
+}), Ut = ({ title: e = "Live Chat", logoUrl: t, mode: n, setMode: r, primaryColor: i, dragPosition: o, setDragPosition: l, fullpagePosition: u, setFullpagePosition: m, fullpageSize: h = {
 	width: 1e3,
 	height: 750
 }, setFullpageSize: v }) => {
-	let { t: y } = Z(), [b, x] = p(!1), [S, C] = p(!1), [D, k] = p(null), [ee, A] = p(!1), [j, te] = p(null), [M, N] = p(!1), [ne, P] = p(!1), [F, I] = p("chats"), [re, ie] = p("members"), { showToast: L, confirm: ae } = Xe(), [R, z] = p("all"), [oe, se] = p(!1), [ce, le] = p(!1), [ue, de] = p(null), [B, fe] = p({
+	let { t: y } = Z(), [b, x] = p(!1), [S, C] = p(!1), [D, k] = p(null), [ee, A] = p(!1), [j, te] = p(null), [M, N] = p(!1), [ne, P] = p(!1), [re, ie] = p("chats"), [ae, oe] = p("members"), { showToast: F, confirm: se } = Ze(), [I, L] = p("all"), [ce, le] = p(!1), [ue, de] = p(!1), [fe, pe] = p(null), [R, me] = p({
 		mouseX: 0,
 		mouseY: 0,
 		baseW: 0,
 		baseH: 0,
 		baseX: 0,
 		baseY: 0
-	}), [me, ge] = p({
+	}), [z, ge] = p({
 		x: 0,
 		y: 0
-	}), _e = f(null), ve = f(null), [H, ye] = p(""), U = s(H), [be, xe] = p(!1), [Se, Ce] = p(!1), [we, Te] = p(!1), { hasGroupChat: Ee } = _(Ve), { isDragOver: De, handleDragEnter: Oe, handleDragOver: ke, handleDragLeave: Ae, handleDrop: je } = Je({ onFilesAdded: (e) => {
-		e && e.length > 0 && ve.current?.processPastedFiles(e);
-	} }), { currentChat: G, currentUser: K, members: q, currentChatMembers: Me, chats: J, totalMessagesUnread: Ne } = _((e) => e.chat);
+	}), ve = f(null), ye = f(null), [V, be] = p(""), H = s(V), [xe, Se] = p(!1), [Ce, we] = p(!1), [Te, Ee] = p(!1), { hasGroupChat: De } = _(He), { isDragOver: Oe, handleDragEnter: ke, handleDragOver: Ae, handleDragLeave: je, handleDrop: Me } = Ye({ onFilesAdded: (e) => {
+		e && e.length > 0 && ye.current?.processPastedFiles(e);
+	} }), { currentChat: W, currentUser: G, members: K, currentChatMembers: Ne, chats: q, totalMessagesUnread: Pe } = _((e) => e.chat);
 	c(() => {
 		if (n === "fullpage" && !u && m && v) {
 			let e = 1e3;
@@ -1963,12 +1966,12 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		m,
 		v
 	]);
-	let { theme: Pe, primaryColor: Fe } = _((e) => e.setting), Y = g(), X = d(() => {
-		let e = U.toLowerCase().trim();
+	let { theme: Fe, primaryColor: J } = _((e) => e.setting), Y = g(), X = d(() => {
+		let e = H.toLowerCase().trim();
 		if (!e) return {
-			filteredChat: J.filter((e) => {
-				if (R === "unread") {
-					let t = K?.id && e.new ? e.new[K.id] ?? 0 : 0;
+			filteredChat: q.filter((e) => {
+				if (I === "unread") {
+					let t = G?.id && e.new ? e.new[G.id] ?? 0 : 0;
 					return Number(t) > 0;
 				}
 				return !0;
@@ -1978,7 +1981,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			matchedFiles: [],
 			totalMatchedFiles: 0
 		};
-		let t = J.filter((t) => {
+		let t = q.filter((t) => {
 			let n = t.name?.toLowerCase().includes(e), r = t.members?.some((t) => t.name.toLowerCase().includes(e));
 			return (n ?? !1) || (r ?? !1);
 		}).map((t) => {
@@ -1987,10 +1990,10 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				...t,
 				matchedMemberNames: n.map((e) => e.name)
 			};
-		}), n = q.filter((t) => t.code === K?.code || ![t.name, t.code].some((t) => t.toLowerCase().includes(e)) ? !1 : !J.some((e) => e.type === "single" && e.members?.some((e) => e.code === t.code))), r = J.filter((t) => t.message?.content?.toLowerCase().includes(e)).map((e) => ({
+		}), n = K.filter((t) => t.code === G?.code || ![t.name, t.code].some((t) => t.toLowerCase().includes(e)) ? !1 : !q.some((e) => e.type === "single" && e.members?.some((e) => e.code === t.code))), r = q.filter((t) => t.message?.content?.toLowerCase().includes(e)).map((e) => ({
 			chat: e,
 			message: e.message
-		})), i = J.filter((t) => t.message?.files?.some((t) => t.name.toLowerCase().includes(e))).map((t) => ({
+		})), i = q.filter((t) => t.message?.files?.some((t) => t.name.toLowerCase().includes(e))).map((t) => ({
 			chat: t,
 			files: t.message?.files?.filter((t) => t.name.toLowerCase().includes(e)) ?? []
 		}));
@@ -2002,11 +2005,11 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			totalMatchedFiles: i.reduce((e, t) => e + (t.files?.length ?? 0), 0)
 		};
 	}, [
-		J,
 		q,
-		U,
-		R,
-		K
+		K,
+		H,
+		I,
+		G
 	]), Ie = (e, t) => t.trim() ? /* @__PURE__ */ T(w, { children: e.split(RegExp(`(${t})`, "gi")).map((e, n) => e.toLowerCase() === t.toLowerCase() ? /* @__PURE__ */ T("span", {
 		className: "highlight-match",
 		children: e
@@ -2016,57 +2019,57 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		if (t.length === 3 && (t = t.split("").map((e) => e + e).join("")), t.length !== 6) return "#ffffff";
 		let n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16);
 		return (n * 299 + r * 587 + i * 114) / 1e3 > 180 ? "#1e293b" : "#ffffff";
-	}, Re = d(() => Le(Fe), [Fe]), ze = a((e) => {
-		ye(e), z("all"), xe(!1), Ce(!1), Te(!1);
-	}, [z]), Be = async (e, t) => {
-		if (t.stopPropagation(), await ae("Bạn có chắc chắn muốn xóa cuộc trò chuyện này?")) try {
-			await W.removeChat(Number(e)), Y(pe(J.filter((t) => t.id !== e))), G?.id === e && Y(V(null)), L("Đã xóa cuộc trò chuyện", "success");
+	}, Re = d(() => Le(J), [J]), ze = a((e) => {
+		be(e), L("all"), Se(!1), we(!1), Ee(!1);
+	}, [L]), Be = async (e, t) => {
+		if (t.stopPropagation(), await se("Bạn có chắc chắn muốn xóa cuộc trò chuyện này?")) try {
+			await U.removeChat(Number(e)), Y(he(q.filter((t) => t.id !== e))), W?.id === e && Y(B(null)), F("Đã xóa cuộc trò chuyện", "success");
 		} catch (e) {
-			console.error("Lỗi khi xóa chat:", e), L("Không thể xóa cuộc trò chuyện. Vui lòng thử lại!", "error");
+			console.error("Lỗi khi xóa chat:", e), F("Không thể xóa cuộc trò chuyện. Vui lòng thử lại!", "error");
 		}
-	}, He = (e) => {
+	}, Ve = (e) => {
 		k(e), C(!0);
 	}, Ue = async (e, t, n) => {
 		try {
-			let r = await W.updateGroup(e, t, n);
-			r?.data && (Y(pe(J.map((t) => t.id === e ? {
+			let r = await U.updateGroup(e, t, n);
+			r?.data && (Y(he(q.map((t) => t.id === e ? {
 				...t,
 				...r.data
-			} : t))), G?.id === e && Y(V({
-				...G,
+			} : t))), W?.id === e && Y(B({
+				...W,
 				...r.data
-			})), C(!1), k(null), L("Cập nhật thông tin nhóm thành công!", "success"));
+			})), C(!1), k(null), F("Cập nhật thông tin nhóm thành công!", "success"));
 		} catch (e) {
-			console.error("Lỗi khi cập nhật thông tin nhóm:", e), L("Không thể cập nhật thông tin nhóm. Vui lòng thử lại!", "error");
+			console.error("Lỗi khi cập nhật thông tin nhóm:", e), F("Không thể cập nhật thông tin nhóm. Vui lòng thử lại!", "error");
 		}
 	}, We = (e) => {
 		te(e), A(!0);
 	}, Ge = async (e, t) => {
 		try {
-			await W.addMember(e, t), L("Đã thêm thành viên vào nhóm thành công!", "success");
-			let n = await W.getMembers(e);
-			n?.data && Y(he(n.data));
+			await U.addMember(e, t), F("Đã thêm thành viên vào nhóm thành công!", "success");
+			let n = await U.getMembers(e);
+			n?.data && Y(_e(n.data));
 		} catch (e) {
-			console.error("Lỗi khi thêm thành viên:", e), L("Không thể thêm thành viên. Vui lòng thử lại!", "error");
+			console.error("Lỗi khi thêm thành viên:", e), F("Không thể thêm thành viên. Vui lòng thử lại!", "error");
 		}
 	}, Ke = async (e, t) => {
-		if (await ae("Bạn có chắc chắn muốn xóa thành viên này ra khỏi nhóm?")) try {
-			await W.removeMember(e, t), Y(he(Me.filter((e) => String(e.id) !== String(t)))), String(t) === String(K?.id) ? (L("Bạn đã rời khỏi nhóm này", "success"), C(!1), k(null), Y(V(null)), Y(pe((await W.getChats()).data ?? []))) : L("Đã xóa thành viên khỏi nhóm", "success");
+		if (await se("Bạn có chắc chắn muốn xóa thành viên này ra khỏi nhóm?")) try {
+			await U.removeMember(e, t), Y(_e(Ne.filter((e) => String(e.id) !== String(t)))), String(t) === String(G?.id) ? (F("Bạn đã rời khỏi nhóm này", "success"), C(!1), k(null), Y(B(null)), Y(he((await U.getChats()).data ?? []))) : F("Đã xóa thành viên khỏi nhóm", "success");
 		} catch (e) {
-			console.error("Lỗi khi xóa thành viên:", e), L("Không thể xóa thành viên. Vui lòng thử lại!", "error");
+			console.error("Lỗi khi xóa thành viên:", e), F("Không thể xóa thành viên. Vui lòng thử lại!", "error");
 		}
 	}, qe = (e) => {
 		if (n !== "fullpage" || e.target.closest(".action-btn, .back-btn")) return;
 		let t = e.currentTarget.parentElement?.getBoundingClientRect();
-		t && (se(!0), ge({
+		t && (le(!0), ge({
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		}), e.stopPropagation(), e.preventDefault());
-	}, Ye = (e, t) => {
+	}, Je = (e, t) => {
 		if (n !== "fullpage") return;
 		e.stopPropagation(), e.preventDefault();
-		let r = _e.current?.getBoundingClientRect();
-		r && (le(!0), de(t), fe({
+		let r = ve.current?.getBoundingClientRect();
+		r && (de(!0), pe(t), me({
 			mouseX: e.clientX,
 			mouseY: e.clientY,
 			baseW: r.width,
@@ -2077,20 +2080,20 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	};
 	c(() => {
 		let e = (e) => {
-			if (ce && ue) {
-				let t = e.clientX - B.mouseX, n = e.clientY - B.mouseY, r = B.baseW, i = B.baseH, a = B.baseX, o = B.baseY, s = 1e3, c = document.documentElement.clientWidth, l = document.documentElement.clientHeight;
-				switch (ue) {
+			if (ue && fe) {
+				let t = e.clientX - R.mouseX, n = e.clientY - R.mouseY, r = R.baseW, i = R.baseH, a = R.baseX, o = R.baseY, s = 1e3, c = document.documentElement.clientWidth, l = document.documentElement.clientHeight;
+				switch (fe) {
 					case "ne":
-						r = Math.min(c - B.baseX, Math.max(s, B.baseW + t)), i = Math.min(B.baseY + B.baseH, Math.max(700, B.baseH - n)), o = B.baseY + (B.baseH - i);
+						r = Math.min(c - R.baseX, Math.max(s, R.baseW + t)), i = Math.min(R.baseY + R.baseH, Math.max(700, R.baseH - n)), o = R.baseY + (R.baseH - i);
 						break;
 					case "nw":
-						r = Math.min(B.baseX + B.baseW, Math.max(s, B.baseW - t)), i = Math.min(B.baseY + B.baseH, Math.max(700, B.baseH - n)), a = B.baseX + (B.baseW - r), o = B.baseY + (B.baseH - i);
+						r = Math.min(R.baseX + R.baseW, Math.max(s, R.baseW - t)), i = Math.min(R.baseY + R.baseH, Math.max(700, R.baseH - n)), a = R.baseX + (R.baseW - r), o = R.baseY + (R.baseH - i);
 						break;
 					case "se":
-						r = Math.min(c - B.baseX, Math.max(s, B.baseW + t)), i = Math.min(l - B.baseY, Math.max(700, B.baseH + n));
+						r = Math.min(c - R.baseX, Math.max(s, R.baseW + t)), i = Math.min(l - R.baseY, Math.max(700, R.baseH + n));
 						break;
 					case "sw":
-						r = Math.min(B.baseX + B.baseW, Math.max(s, B.baseW - t)), i = Math.min(l - B.baseY, Math.max(700, B.baseH + n)), a = B.baseX + (B.baseW - r);
+						r = Math.min(R.baseX + R.baseW, Math.max(s, R.baseW - t)), i = Math.min(l - R.baseY, Math.max(700, R.baseH + n)), a = R.baseX + (R.baseW - r);
 						break;
 				}
 				v?.({
@@ -2102,12 +2105,12 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				});
 				return;
 			}
-			if (!oe || !me) return;
-			let t = _e.current;
+			if (!ce || !z) return;
+			let t = ve.current;
 			if (!t) return;
-			let r = t.getBoundingClientRect(), i = r.width, a = r.height, o = document.documentElement.clientWidth, s = document.documentElement.clientHeight, c = e.clientX - me.x;
+			let r = t.getBoundingClientRect(), i = r.width, a = r.height, o = document.documentElement.clientWidth, s = document.documentElement.clientHeight, c = e.clientX - z.x;
 			c < 0 && (c = 0), c + i > o && (c = o - i);
-			let u = e.clientY - me.y;
+			let u = e.clientY - z.y;
 			u < 0 && (u = 0), u + a > s && (u = s - a), n === "fullpage" ? m?.({
 				x: c,
 				y: u
@@ -2116,23 +2119,23 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				y: u
 			});
 		}, t = () => {
-			se(!1), le(!1), de(null);
+			le(!1), de(!1), pe(null);
 		};
-		return (oe || ce) && (document.addEventListener("mousemove", e), document.addEventListener("mouseup", t)), () => {
+		return (ce || ue) && (document.addEventListener("mousemove", e), document.addEventListener("mouseup", t)), () => {
 			document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", t);
 		};
 	}, [
-		oe,
 		ce,
 		ue,
-		me,
+		fe,
+		z,
 		n,
 		l,
 		m,
 		v,
-		B
+		R
 	]);
-	let Ze = (() => {
+	let Xe = (() => {
 		if (!o || typeof document > "u") return null;
 		let e = document.documentElement.clientWidth, t = document.documentElement.clientHeight, n = o.x, r = o.y;
 		return n + 400 > e && (n = e - 400 - 20), n < 20 && (n = 20), r + 640 > t && (r = t - 640 - 20), r < 20 && (r = 20), {
@@ -2165,18 +2168,18 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		});
 	}, $e = a(async (e) => {
 		if (e) try {
-			let t = q.find((t) => String(t.id) === e);
+			let t = K.find((t) => String(t.id) === e);
 			if (t) {
-				let n = J.find((t) => t.type === "single" && t.members?.some((t) => String(t.id) === e));
-				if (n) Y(V(n));
+				let n = q.find((t) => t.type === "single" && t.members?.some((t) => String(t.id) === e));
+				if (n) Y(B(n));
 				else {
-					await W.setReceiver({
+					await U.setReceiver({
 						id: t.id,
 						code: t.code,
 						name: t.name
 					});
-					let e = (await W.addChat(Number(t.id))).data;
-					e && Y(V(e));
+					let e = (await U.addChat(Number(t.id))).data;
+					e && Y(B(e));
 				}
 			}
 			x(!1);
@@ -2184,13 +2187,13 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			console.error("Lỗi khi tạo cuộc trò chuyện:", e), alert("Không thể tạo cuộc trò chuyện. Vui lòng thử lại sau.");
 		}
 	}, [
-		J,
 		q,
+		K,
 		Y
 	]);
 	return /* @__PURE__ */ E("div", {
-		ref: _e,
-		className: `chat-window ${n === "fullpage" ? "fullpage" : ""} ${Pe === "dark" ? "dark-theme" : ""}`,
+		ref: ve,
+		className: `chat-window ${n === "fullpage" ? "fullpage" : ""} ${Fe === "dark" ? "dark-theme" : ""}`,
 		style: n === "fullpage" ? {
 			position: "fixed",
 			left: u ? `${u.x}px` : `${(window.innerWidth - h.width) / 2}px`,
@@ -2198,34 +2201,34 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			width: `${h.width}px`,
 			height: `${h.height}px`,
 			borderRadius: h.width >= window.innerWidth && u?.x === 0 && u?.y === 0 ? 0 : "14px",
-			"--primary": Fe,
+			"--primary": J,
 			"--primary-contrast": Re
-		} : n === "popup" && Ze ? {
+		} : n === "popup" && Xe ? {
 			position: "fixed",
-			left: `${Ze.x}px`,
-			top: `${Ze.y}px`,
-			"--primary": Fe,
+			left: `${Xe.x}px`,
+			top: `${Xe.y}px`,
+			"--primary": J,
 			"--primary-contrast": Re
 		} : {
-			"--primary": Fe,
+			"--primary": J,
 			"--primary-contrast": Re
 		},
 		children: [
 			n === "fullpage" && /* @__PURE__ */ E(w, { children: [
 				/* @__PURE__ */ T("div", {
-					onMouseDown: (e) => Ye(e, "ne"),
+					onMouseDown: (e) => Je(e, "ne"),
 					className: "resize-handle ne"
 				}),
 				/* @__PURE__ */ T("div", {
-					onMouseDown: (e) => Ye(e, "nw"),
+					onMouseDown: (e) => Je(e, "nw"),
 					className: "resize-handle nw"
 				}),
 				/* @__PURE__ */ T("div", {
-					onMouseDown: (e) => Ye(e, "se"),
+					onMouseDown: (e) => Je(e, "se"),
 					className: "resize-handle se"
 				}),
 				/* @__PURE__ */ T("div", {
-					onMouseDown: (e) => Ye(e, "sw"),
+					onMouseDown: (e) => Je(e, "sw"),
 					className: "resize-handle sw"
 				})
 			] }),
@@ -2233,11 +2236,11 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				onMouseDown: qe,
 				onDoubleClick: Qe,
 				style: { cursor: n === "fullpage" ? "move" : "default" },
-				children: /* @__PURE__ */ T(ln, {
+				children: /* @__PURE__ */ T(un, {
 					mode: n,
 					title: e,
 					logoUrl: t,
-					onBack: () => Y(V(null)),
+					onBack: () => Y(B(null)),
 					onToggleMode: () => {
 						if (n === "popup" && !u) {
 							let e = 1e3;
@@ -2252,74 +2255,74 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 						r(n === "popup" ? "fullpage" : "popup");
 					},
 					onClose: () => r("closed"),
-					onAddMemberClick: () => G && We(G),
+					onAddMemberClick: () => W && We(W),
 					onOpenSettings: () => P(!0)
 				})
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "chat-main-layout",
-				children: [n === "fullpage" && K && /* @__PURE__ */ T(sn, {
+				children: [n === "fullpage" && G && /* @__PURE__ */ T(cn, {
 					setIsThemeModalOpen: P,
-					currentUser: K,
-					activeTab: F,
-					setActiveTab: I
+					currentUser: G,
+					activeTab: re,
+					setActiveTab: ie
 				}), /* @__PURE__ */ E("div", {
 					className: "chat-body-container",
 					children: [
-						(n === "fullpage" || !G) && /* @__PURE__ */ T("div", {
+						(n === "fullpage" || !W) && /* @__PURE__ */ T("div", {
 							className: `chat-sidebar ${n === "fullpage" ? "is-full" : ""}`,
-							children: F === "chats" ? /* @__PURE__ */ E(w, { children: [
-								/* @__PURE__ */ T(on, {
-									value: H,
+							children: re === "chats" ? /* @__PURE__ */ E(w, { children: [
+								/* @__PURE__ */ T(sn, {
+									value: V,
 									onChange: ze,
 									onAddClick: () => x(!0),
 									placeholder: y("chatWindow.searchPlaceholder")
 								}),
 								/* @__PURE__ */ T("div", {
 									className: "chat-filter-tabs",
-									children: H ? /* @__PURE__ */ E(w, { children: [
+									children: V ? /* @__PURE__ */ E(w, { children: [
 										/* @__PURE__ */ T("button", {
-											className: R === "all" ? "active" : "",
-											onClick: () => z("all"),
+											className: I === "all" ? "active" : "",
+											onClick: () => L("all"),
 											children: "Tất cả"
 										}),
 										/* @__PURE__ */ T("button", {
-											className: R === "member" ? "active" : "",
-											onClick: () => z("member"),
+											className: I === "member" ? "active" : "",
+											onClick: () => L("member"),
 											children: "Thành viên"
 										}),
 										/* @__PURE__ */ T("button", {
-											className: R === "message" ? "active" : "",
-											onClick: () => z("message"),
+											className: I === "message" ? "active" : "",
+											onClick: () => L("message"),
 											children: "Tin nhắn"
 										}),
 										/* @__PURE__ */ T("button", {
-											className: R === "file" ? "active" : "",
-											onClick: () => z("file"),
+											className: I === "file" ? "active" : "",
+											onClick: () => L("file"),
 											children: "File"
 										})
 									] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("button", {
-										className: R === "all" ? "active" : "",
-										onClick: () => z("all"),
+										className: I === "all" ? "active" : "",
+										onClick: () => L("all"),
 										children: y("chatWindow.filterAll") || "Tất cả"
 									}), /* @__PURE__ */ T("button", {
-										className: R === "unread" ? "active" : "",
-										onClick: () => z("unread"),
+										className: I === "unread" ? "active" : "",
+										onClick: () => L("unread"),
 										children: /* @__PURE__ */ E("div", {
 											className: "filter-unread-badge-container",
-											children: [/* @__PURE__ */ T("span", { children: "Chưa đọc" }), Ne > 0 && /* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ T("span", { children: "Chưa đọc" }), Pe > 0 && /* @__PURE__ */ T("span", {
 												className: "filter-unread-badge",
-												children: Ne
+												children: Pe
 											})]
 										})
 									})] })
 								}),
 								/* @__PURE__ */ T("div", {
 									className: "sidebar-scroll",
-									children: H ? /* @__PURE__ */ E("div", {
+									children: V ? /* @__PURE__ */ E("div", {
 										className: "chat-search-results",
 										children: [
-											(R === "all" || R === "member") && /* @__PURE__ */ E("div", {
+											(I === "all" || I === "member") && /* @__PURE__ */ E("div", {
 												className: "search-section",
 												children: [
 													/* @__PURE__ */ T("h3", {
@@ -2328,30 +2331,30 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 													}),
 													/* @__PURE__ */ E("div", {
 														className: "search-section-content",
-														children: [X.filteredChat.slice(0, be ? void 0 : 4).map((e) => /* @__PURE__ */ E("div", {
+														children: [X.filteredChat.slice(0, xe ? void 0 : 4).map((e) => /* @__PURE__ */ E("div", {
 															className: "search-result-item",
-															onClick: () => Y(V(e)),
+															onClick: () => Y(B(e)),
 															children: [/* @__PURE__ */ T("div", {
 																className: "search-result-avatar",
-																children: /* @__PURE__ */ T(Ut, {
+																children: /* @__PURE__ */ T(Wt, {
 																	chat: e,
-																	currentUserId: K?.id
+																	currentUserId: G?.id
 																})
 															}), /* @__PURE__ */ E("div", {
 																className: "search-result-info",
 																children: [/* @__PURE__ */ T("div", {
 																	className: "search-result-name",
-																	children: Ie(O(e, K?.id), U)
+																	children: Ie(O(e, G?.id), H)
 																}), e.type === "group" && /* @__PURE__ */ E("div", {
 																	className: "search-result-sub",
 																	children: [
 																		"Thành viên:",
 																		" ",
-																		e.matchedMemberNames && e.matchedMemberNames.length > 0 ? Ie(e.matchedMemberNames.join(", "), U) : Ie(U, U)
+																		e.matchedMemberNames && e.matchedMemberNames.length > 0 ? Ie(e.matchedMemberNames.join(", "), H) : Ie(H, H)
 																	]
 																})]
 															})]
-														}, `chat-${e.id}`)), X.matchedMembers.slice(0, be ? void 0 : Math.max(0, 4 - X.filteredChat.length)).map((e) => /* @__PURE__ */ E("div", {
+														}, `chat-${e.id}`)), X.matchedMembers.slice(0, xe ? void 0 : Math.max(0, 4 - X.filteredChat.length)).map((e) => /* @__PURE__ */ E("div", {
 															className: "search-result-item",
 															onClick: () => {
 																$e(String(e.id));
@@ -2369,19 +2372,19 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 																className: "search-result-info",
 																children: /* @__PURE__ */ T("div", {
 																	className: "search-result-name",
-																	children: Ie(e.name, U)
+																	children: Ie(e.name, H)
 																})
 															})]
 														}, `member-${e.code}`))]
 													}),
-													!be && X.filteredChat.length + X.matchedMembers.length > 4 && /* @__PURE__ */ T("button", {
+													!xe && X.filteredChat.length + X.matchedMembers.length > 4 && /* @__PURE__ */ T("button", {
 														className: "search-view-all",
-														onClick: () => xe(!0),
+														onClick: () => Se(!0),
 														children: "Xem tất cả thành viên"
 													})
 												]
 											}),
-											(R === "all" || R === "message") && X.matchedMessages.length > 0 && /* @__PURE__ */ E("div", {
+											(I === "all" || I === "message") && X.matchedMessages.length > 0 && /* @__PURE__ */ E("div", {
 												className: "search-section",
 												children: [
 													/* @__PURE__ */ E("h3", {
@@ -2397,14 +2400,14 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 													}),
 													/* @__PURE__ */ T("div", {
 														className: "search-section-content",
-														children: X.matchedMessages.slice(0, Se ? void 0 : 3).map((e, t) => /* @__PURE__ */ E("div", {
+														children: X.matchedMessages.slice(0, Ce ? void 0 : 3).map((e, t) => /* @__PURE__ */ E("div", {
 															className: "search-result-item message-result",
-															onClick: () => Y(V(e.chat)),
+															onClick: () => Y(B(e.chat)),
 															children: [/* @__PURE__ */ T("div", {
 																className: "search-result-avatar",
-																children: /* @__PURE__ */ T(Ut, {
+																children: /* @__PURE__ */ T(Wt, {
 																	chat: e.chat,
-																	currentUserId: K?.id
+																	currentUserId: G?.id
 																})
 															}), /* @__PURE__ */ E("div", {
 																className: "search-result-info",
@@ -2412,26 +2415,26 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 																	className: "search-result-top",
 																	children: [/* @__PURE__ */ T("span", {
 																		className: "search-result-name",
-																		children: O(e.chat, K?.id)
+																		children: O(e.chat, G?.id)
 																	}), /* @__PURE__ */ T("span", {
 																		className: "search-result-date",
 																		children: e.message?.date
 																	})]
 																}), /* @__PURE__ */ T("div", {
 																	className: "search-result-text",
-																	children: Ie(e.message?.content ?? "", U)
+																	children: Ie(e.message?.content ?? "", H)
 																})]
 															})]
 														}, `msg-${t}`))
 													}),
-													!Se && X.matchedMessages.length > 3 && /* @__PURE__ */ T("button", {
+													!Ce && X.matchedMessages.length > 3 && /* @__PURE__ */ T("button", {
 														className: "search-view-all",
-														onClick: () => Ce(!0),
+														onClick: () => we(!0),
 														children: "Xem tất cả tin nhắn"
 													})
 												]
 											}),
-											(R === "all" || R === "file") && X.matchedFiles.length > 0 && /* @__PURE__ */ E("div", {
+											(I === "all" || I === "file") && X.matchedFiles.length > 0 && /* @__PURE__ */ E("div", {
 												className: "search-section",
 												children: [
 													/* @__PURE__ */ E("h3", {
@@ -2447,9 +2450,9 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 													}),
 													/* @__PURE__ */ T("div", {
 														className: "search-section-content",
-														children: X.matchedFiles.slice(0, we ? void 0 : 3).map((e, t) => e.files.map((n, r) => /* @__PURE__ */ E("div", {
+														children: X.matchedFiles.slice(0, Te ? void 0 : 3).map((e, t) => e.files.map((n, r) => /* @__PURE__ */ E("div", {
 															className: "search-result-item file-result",
-															onClick: () => Y(V(e.chat)),
+															onClick: () => Y(B(e.chat)),
 															children: [/* @__PURE__ */ T("div", {
 																className: "file-icon-wrapper",
 																children: /* @__PURE__ */ T("i", { className: "fas fa-file-alt" })
@@ -2469,59 +2472,59 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 															})]
 														}, `file-${t}-${r}`)))
 													}),
-													!we && X.totalMatchedFiles > 3 && /* @__PURE__ */ T("button", {
+													!Te && X.totalMatchedFiles > 3 && /* @__PURE__ */ T("button", {
 														className: "search-view-all",
-														onClick: () => Te(!0),
+														onClick: () => Ee(!0),
 														children: "Xem tất cả file"
 													})
 												]
 											})
 										]
-									}) : /* @__PURE__ */ T(an, {
+									}) : /* @__PURE__ */ T(on, {
 										chats: X.filteredChat,
-										selectedChat: G ?? null,
+										selectedChat: W ?? null,
 										onSelectChat: (e) => {
-											Y(V(e)), K?.id && e.new?.[K.id] > 0 && W.readChat(e.id);
+											Y(B(e)), G?.id && e.new?.[G.id] > 0 && U.readChat(e.id);
 										},
 										onRemoveChat: (e, t) => void Be(e, t),
-										onUpdateGroup: He,
+										onUpdateGroup: Ve,
 										onAddMemberClick: We
 									})
 								})
 							] }) : /* @__PURE__ */ E("div", {
 								className: "contact-categories",
 								children: [/* @__PURE__ */ E("div", {
-									className: `category-item ${re === "members" ? "active" : ""}`,
-									onClick: () => ie("members"),
+									className: `category-item ${ae === "members" ? "active" : ""}`,
+									onClick: () => oe("members"),
 									children: [
-										/* @__PURE__ */ T(at, {}),
+										/* @__PURE__ */ T(ot, {}),
 										/* @__PURE__ */ T("span", { children: "Danh sách thành viên" }),
 										/* @__PURE__ */ T("span", {
 											className: "count",
-											children: q.length
+											children: K.length
 										})
 									]
-								}), Ee && /* @__PURE__ */ E("div", {
-									className: `category-item ${re === "groups" ? "active" : ""}`,
-									onClick: () => ie("groups"),
+								}), De && /* @__PURE__ */ E("div", {
+									className: `category-item ${ae === "groups" ? "active" : ""}`,
+									onClick: () => oe("groups"),
 									children: [
-										/* @__PURE__ */ T(ot, {}),
+										/* @__PURE__ */ T(st, {}),
 										/* @__PURE__ */ T("span", { children: "Danh sách nhóm" }),
 										/* @__PURE__ */ T("span", {
 											className: "count",
-											children: J.filter((e) => e.type === "group").length
+											children: q.filter((e) => e.type === "group").length
 										})
 									]
 								})]
 							})
 						}),
-						(n === "fullpage" || G) && /* @__PURE__ */ E("div", {
+						(n === "fullpage" || W) && /* @__PURE__ */ E("div", {
 							className: "chat-main",
-							onDragEnter: Oe,
-							onDragOver: ke,
-							onDragLeave: Ae,
-							onDrop: je,
-							children: [De && /* @__PURE__ */ T("div", {
+							onDragEnter: ke,
+							onDragOver: Ae,
+							onDragLeave: je,
+							onDrop: Me,
+							children: [Oe && /* @__PURE__ */ T("div", {
 								className: "drag-overlay-full",
 								children: /* @__PURE__ */ E("div", {
 									className: "drag-content",
@@ -2533,7 +2536,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 										children: y("chatWindow.dragFile")
 									})]
 								})
-							}), F === "chats" ? G ? /* @__PURE__ */ E(w, { children: [
+							}), re === "chats" ? W ? /* @__PURE__ */ E(w, { children: [
 								/* @__PURE__ */ E("div", {
 									className: "chat-main-header",
 									children: [/* @__PURE__ */ E("div", {
@@ -2541,14 +2544,14 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 										children: [
 											n === "popup" && /* @__PURE__ */ T("button", {
 												className: "back-btn",
-												onClick: () => Y(V(null)),
-												children: /* @__PURE__ */ T(st, {})
+												onClick: () => Y(B(null)),
+												children: /* @__PURE__ */ T(ct, {})
 											}),
 											/* @__PURE__ */ T("div", {
 												className: "chat-main-avatar",
-												children: /* @__PURE__ */ T(Ut, {
-													chat: G,
-													currentUserId: K?.id
+												children: /* @__PURE__ */ T(Wt, {
+													chat: W,
+													currentUserId: G?.id
 												})
 											}),
 											/* @__PURE__ */ E("div", {
@@ -2557,11 +2560,11 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 													className: "chat-main-text-container",
 													children: [/* @__PURE__ */ T("span", {
 														className: "chat-main-name",
-														children: O(G, K?.id)
-													}), G.is_muted && /* @__PURE__ */ T(ct, {})]
+														children: O(W, G?.id)
+													}), W.is_muted && /* @__PURE__ */ T(lt, {})]
 												}), /* @__PURE__ */ T("span", {
 													className: "chat-main-status",
-													children: G.type === "single" ? (Me.find((e) => e.id !== K?.id)?.socket_ids?.length ?? 0) > 0 ? "Đang hoạt động" : "Không hoạt động" : `${Me.length ?? 0} thành viên`
+													children: W.type === "single" ? (Ne.find((e) => e.id !== G?.id)?.socket_ids?.length ?? 0) > 0 ? "Đang hoạt động" : "Không hoạt động" : `${Ne.length ?? 0} thành viên`
 												})]
 											})
 										]
@@ -2570,13 +2573,13 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 										children: /* @__PURE__ */ T("button", {
 											className: `main-action-btn ${M ? "active" : ""}`,
 											onClick: () => N(!M),
-											children: /* @__PURE__ */ T(lt, {})
+											children: /* @__PURE__ */ T(ut, {})
 										})
 									})]
 								}),
-								/* @__PURE__ */ T(yn, {}),
-								/* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(un, {
-									ref: ve,
+								/* @__PURE__ */ T(bn, {}),
+								/* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(dn, {
+									ref: ye,
 									primaryColor: i
 								}) })
 							] }) : /* @__PURE__ */ E("div", {
@@ -2589,24 +2592,24 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 									/* @__PURE__ */ T("h3", { children: y("chatWindow.selectChat") }),
 									/* @__PURE__ */ T("p", { children: y("chatWindow.startConversation") })
 								]
-							}) : /* @__PURE__ */ T(w, { children: re === "members" ? /* @__PURE__ */ T(pn, {
-								members: q,
+							}) : /* @__PURE__ */ T(w, { children: ae === "members" ? /* @__PURE__ */ T(mn, {
+								members: K,
 								onMessageClick: (e) => {
-									$e(e), I("chats");
+									$e(e), ie("chats");
 								}
-							}) : /* @__PURE__ */ T(mn, {
-								groups: J.filter((e) => e.type === "group"),
-								currentUserId: K?.id,
+							}) : /* @__PURE__ */ T(hn, {
+								groups: q.filter((e) => e.type === "group"),
+								currentUserId: G?.id,
 								onGroupClick: (e) => {
-									Y(V(e)), I("chats");
+									Y(B(e)), ie("chats");
 								}
 							}) })]
 						}),
-						n === "fullpage" && F === "chats" && G && M && /* @__PURE__ */ T(cn, {
-							currentUser: K,
+						n === "fullpage" && re === "chats" && W && M && /* @__PURE__ */ T(ln, {
+							currentUser: G,
 							onClose: () => N(!1),
-							onAddMember: () => We(G),
-							onUpdateGroup: He,
+							onAddMember: () => We(W),
+							onUpdateGroup: Ve,
 							onRemoveMember: (e, t) => {
 								Ke(e, t);
 							}
@@ -2614,10 +2617,10 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					]
 				})]
 			}),
-			b && /* @__PURE__ */ T(nn, { onClose: () => {
+			b && /* @__PURE__ */ T(rn, { onClose: () => {
 				x(!1);
 			} }),
-			/* @__PURE__ */ T(Kt, {
+			/* @__PURE__ */ T(qt, {
 				isOpen: S,
 				onClose: () => {
 					C(!1), k(null);
@@ -2627,26 +2630,26 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				removeMember: Ke,
 				primaryColor: i
 			}),
-			/* @__PURE__ */ T(qt, {
+			/* @__PURE__ */ T(Jt, {
 				isOpen: ee,
 				onClose: () => {
 					A(!1), te(null);
 				},
 				group: j,
-				members: q,
-				currentChatMembers: Me,
+				members: K,
+				currentChatMembers: Ne,
 				onAddMember: Ge,
 				primaryColor: i
 			}),
-			/* @__PURE__ */ T(tn, {
+			/* @__PURE__ */ T(nn, {
 				isOpen: ne,
 				onClose: () => P(!1),
 				defaultColor: "#ffffff"
 			}),
-			/* @__PURE__ */ T(Wt, {})
+			/* @__PURE__ */ T(Gt, {})
 		]
 	});
-}, Ut = i(({ chat: e, currentUserId: t }) => {
+}, Wt = i(({ chat: e, currentUserId: t }) => {
 	let n = d(() => e ? e.avatar ? e.avatar : e.type === "group" ? "👥" : e.members?.find((e) => e.id !== t)?.avatar ?? "👤" : "👤", [e, t]);
 	return n === "👥" || n === "👤" ? /* @__PURE__ */ T("div", {
 		style: {
@@ -2670,8 +2673,8 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			borderRadius: "100%"
 		}
 	});
-}), Wt = () => {
-	let { toasts: e, removeToast: t } = Xe(), { theme: n } = _((e) => e.setting);
+}), Gt = () => {
+	let { toasts: e, removeToast: t } = Ze(), { theme: n } = _((e) => e.setting);
 	return /* @__PURE__ */ T("div", {
 		className: `toast-container ${n === "dark" ? "dark-theme" : ""}`,
 		children: e.map((e) => /* @__PURE__ */ E("div", {
@@ -2728,7 +2731,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			]
 		}, e.id))
 	});
-}, Gt = ({ member: e }) => {
+}, Kt = ({ member: e }) => {
 	let [t, n] = p(!1), r = e.name?.charAt(0).toUpperCase() || "?";
 	if (e.avatar && !t) return /* @__PURE__ */ T("img", {
 		src: e.avatar,
@@ -2749,7 +2752,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		style: { backgroundColor: i[(String(e.id)?.charCodeAt(0) || 0) % i.length] },
 		children: r
 	});
-}, Kt = ({ isOpen: e, onClose: t, group: n, onUpdate: r, removeMember: i, primaryColor: a }) => {
+}, qt = ({ isOpen: e, onClose: t, group: n, onUpdate: r, removeMember: i, primaryColor: a }) => {
 	let [o, s] = p(""), [c, l] = p(""), [u, d] = p(""), [f, m] = p(!1), [h, g] = p(null), [v, y] = p(!1), { currentChatMembers: b, currentUser: x } = _((e) => e.chat);
 	(e !== v || e && n && n.id !== h) && (y(e), n ? (g(n.id), s(n.name ?? ""), l(n.avatar ?? ""), d(n.avatar ?? "")) : g(null));
 	let { t: S } = Z();
@@ -2875,7 +2878,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 										children: [
 											/* @__PURE__ */ E("div", {
 												className: "member-avatar-wrapper",
-												children: [/* @__PURE__ */ T(Gt, { member: e }), (e.socket_ids?.length ?? 0) > 0 || e.socket_id || e.status === "online" ? /* @__PURE__ */ T(nt, {
+												children: [/* @__PURE__ */ T(Kt, { member: e }), (e.socket_ids?.length ?? 0) > 0 || e.socket_id || e.status === "online" ? /* @__PURE__ */ T(rt, {
 													size: 12,
 													className: "status-dot"
 												}) : null]
@@ -2902,7 +2905,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 															color: "#1e293b"
 														},
 														children: r ? "Bạn" : e.name
-													}), t && /* @__PURE__ */ T(rt, {
+													}), t && /* @__PURE__ */ T(it, {
 														size: 14,
 														style: { color: "#64748b" }
 													})]
@@ -2959,7 +2962,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			]
 		})
 	});
-}, qt = ({ isOpen: e, onClose: t, group: n, members: r, currentChatMembers: i, onAddMember: a, primaryColor: o }) => {
+}, Jt = ({ isOpen: e, onClose: t, group: n, members: r, currentChatMembers: i, onAddMember: a, primaryColor: o }) => {
 	let [s, c] = p(""), [l, u] = p(!1), { t: d } = Z();
 	if (!e || !n) return null;
 	let f = new Set((i || []).map((e) => e.id)), m = (r || []).filter((e) => !f.has(e.id) && e.name.toLowerCase().includes(s.toLowerCase())), h = async (e) => {
@@ -3016,7 +3019,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					className: "modal-body",
 					children: [/* @__PURE__ */ T("div", {
 						className: "search-section",
-						children: /* @__PURE__ */ T(on, {
+						children: /* @__PURE__ */ T(sn, {
 							value: s,
 							onChange: c,
 							placeholder: d("addMember.memberSearchPlaceholder")
@@ -3034,7 +3037,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								children: [
 									/* @__PURE__ */ E("div", {
 										className: "member-avatar-wrapper",
-										children: [/* @__PURE__ */ T(Gt, { member: e }), (e.socket_ids?.length ?? 0) > 0 || e.socket_id || e.status === "online" ? /* @__PURE__ */ T(nt, {
+										children: [/* @__PURE__ */ T(Kt, { member: e }), (e.socket_ids?.length ?? 0) > 0 || e.socket_id || e.status === "online" ? /* @__PURE__ */ T(rt, {
 											size: 12,
 											className: "status-dot"
 										}) : null]
@@ -3071,12 +3074,12 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			]
 		})
 	});
-}, Jt = ({ file: e }) => /* @__PURE__ */ T("img", {
+}, Yt = ({ file: e }) => /* @__PURE__ */ T("img", {
 	src: e.link,
 	alt: e.name,
 	className: "file-viewer-image",
 	title: e.name
-}), Yt = ({ file: e }) => /* @__PURE__ */ T("div", {
+}), Xt = ({ file: e }) => /* @__PURE__ */ T("div", {
 	className: "video-container",
 	children: /* @__PURE__ */ T("video", {
 		src: e.link,
@@ -3085,7 +3088,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		className: "file-viewer-video",
 		title: e.name
 	})
-}), Xt = ({ file: e }) => /* @__PURE__ */ T("div", {
+}), Zt = ({ file: e }) => /* @__PURE__ */ T("div", {
 	className: "audio-container",
 	children: /* @__PURE__ */ E("div", {
 		className: "audio-player-wrapper",
@@ -3100,7 +3103,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			children: e.name
 		})]
 	})
-}), Zt = ({ file: e }) => /* @__PURE__ */ T("div", {
+}), Qt = ({ file: e }) => /* @__PURE__ */ T("div", {
 	className: "pdf-container",
 	children: /* @__PURE__ */ T("iframe", {
 		src: `${e.link}#toolbar=1&navpanes=0`,
@@ -3113,7 +3116,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			borderRadius: "8px"
 		}
 	})
-}), Qt = ({ file: e, openDownloadButtonText: t }) => /* @__PURE__ */ E("div", {
+}), $t = ({ file: e, openDownloadButtonText: t }) => /* @__PURE__ */ E("div", {
 	className: "file-viewer-generic",
 	children: [
 		/* @__PURE__ */ T("div", {
@@ -3132,7 +3135,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			children: t
 		})
 	]
-}), $t = ({ isOpen: e, files: t, initialIndex: n = 0, onClose: r }) => {
+}), en = ({ isOpen: e, files: t, initialIndex: n = 0, onClose: r }) => {
 	let [i, a] = p(n), o = f(null), { t: s } = Z();
 	if (!e || t.length === 0) return null;
 	let c = () => {
@@ -3197,11 +3200,11 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				/* @__PURE__ */ E("div", {
 					className: "file-viewer-main",
 					children: [
-						_ === "image" && /* @__PURE__ */ T(Jt, { file: h }),
-						_ === "video" && /* @__PURE__ */ T(Yt, { file: h }),
-						_ === "audio" && /* @__PURE__ */ T(Xt, { file: h }),
-						_ === "pdf" && /* @__PURE__ */ T(Zt, { file: h }),
-						_ === "other" && /* @__PURE__ */ T(Qt, {
+						_ === "image" && /* @__PURE__ */ T(Yt, { file: h }),
+						_ === "video" && /* @__PURE__ */ T(Xt, { file: h }),
+						_ === "audio" && /* @__PURE__ */ T(Zt, { file: h }),
+						_ === "pdf" && /* @__PURE__ */ T(Qt, { file: h }),
+						_ === "other" && /* @__PURE__ */ T($t, {
 							file: h,
 							openDownloadButtonText: s("fileViewer.openDownloadButton")
 						})
@@ -3212,13 +3215,13 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					onClick: c,
 					"aria-label": s("fileViewer.previousAriaLabel"),
 					title: s("fileViewer.previousButtonTitle"),
-					children: /* @__PURE__ */ T(ut, {})
+					children: /* @__PURE__ */ T(dt, {})
 				}), /* @__PURE__ */ T("button", {
 					className: "file-viewer-nav file-viewer-next",
 					onClick: l,
 					"aria-label": s("fileViewer.nextAriaLabel"),
 					title: s("fileViewer.nextButtonTitle"),
-					children: /* @__PURE__ */ T(dt, {})
+					children: /* @__PURE__ */ T(ft, {})
 				})] }),
 				/* @__PURE__ */ E("div", {
 					className: "file-viewer-counter",
@@ -3236,7 +3239,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 							onClick: u,
 							"aria-label": s("fileViewer.scrollLeftAriaLabel"),
 							title: s("fileViewer.scrollLeftTitle"),
-							children: /* @__PURE__ */ T(ut, {})
+							children: /* @__PURE__ */ T(dt, {})
 						}),
 						/* @__PURE__ */ T("div", {
 							className: "file-viewer-thumbnails",
@@ -3290,14 +3293,14 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 							onClick: d,
 							"aria-label": s("fileViewer.scrollRightAriaLabel"),
 							title: s("fileViewer.scrollRightTitle"),
-							children: /* @__PURE__ */ T(dt, {})
+							children: /* @__PURE__ */ T(ft, {})
 						})
 					]
 				})
 			]
 		})
 	});
-}, en = [
+}, tn = [
 	"#fff",
 	"#a855f7",
 	"#3b82f6",
@@ -3307,7 +3310,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	"#ec4899",
 	"#6366f1",
 	"#14b8a6"
-], tn = ({ isOpen: e, onClose: t, defaultColor: n = "#ffffff" }) => {
+], nn = ({ isOpen: e, onClose: t, defaultColor: n = "#ffffff" }) => {
 	let r = g(), { t: i } = Z(), { primaryColor: a } = _((e) => e.setting);
 	return e ? /* @__PURE__ */ T("div", {
 		className: "modal-overlay",
@@ -3340,10 +3343,10 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 						}),
 						/* @__PURE__ */ T("div", {
 							className: "color-presets",
-							children: en.map((e) => /* @__PURE__ */ T("button", {
+							children: tn.map((e) => /* @__PURE__ */ T("button", {
 								className: `color-preset-btn ${a === e ? "active" : ""}`,
 								style: { backgroundColor: e },
-								onClick: () => r(Pe(e)),
+								onClick: () => r(J(e)),
 								children: a === e && /* @__PURE__ */ T("span", {
 									className: "check-icon",
 									children: "✓"
@@ -3360,7 +3363,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								children: [/* @__PURE__ */ T("input", {
 									type: "color",
 									value: a,
-									onChange: (e) => r(Pe(e.target.value)),
+									onChange: (e) => r(J(e.target.value)),
 									className: "color-input"
 								}), /* @__PURE__ */ T("span", {
 									className: "color-hex-code",
@@ -3378,14 +3381,14 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 						children: i("themeModal.doneButton")
 					}), /* @__PURE__ */ T("button", {
 						className: "modal-btn cancel",
-						onClick: () => r(Pe(n)),
+						onClick: () => r(J(n)),
 						children: i("themeModal.resetButton")
 					})]
 				})
 			]
 		})
 	}) : null;
-}, nn = ({ onClose: e }) => {
+}, rn = ({ onClose: e }) => {
 	let { t } = Z(), n = g(), { members: r, chats: i } = _((e) => e.chat), [o, s] = p([]), [c, l] = p(""), [u, d] = p(""), [m, h] = p(""), [v, y] = p(""), b = f(null), x = (e) => {
 		s((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, S = (e) => {
@@ -3402,8 +3405,8 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	}, w = a(async () => {
 		if (!(o.length < 2)) try {
 			if (!c.trim()) return;
-			let t = o.map((e) => Number(e)), r = typeof m == "string" ? m.trim() || void 0 : m || void 0, a = (await W.addGroup(t, c, r)).data;
-			a && n(V(i.find((e) => e.id === a.id) || a)), e();
+			let t = o.map((e) => Number(e)), r = typeof m == "string" ? m.trim() || void 0 : m || void 0, a = (await U.addGroup(t, c, r)).data;
+			a && n(B(i.find((e) => e.id === a.id) || a)), e();
 		} catch (e) {
 			console.error("Lỗi khi tạo cuộc trò chuyện:", e), alert("Không thể tạo cuộc trò chuyện. Vui lòng thử lại sau.");
 		}
@@ -3454,7 +3457,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 										src: v,
 										alt: "Group avatar",
 										className: "preview-avatar"
-									}) : /* @__PURE__ */ T(Vt, {})
+									}) : /* @__PURE__ */ T(Ht, {})
 								})]
 							}), /* @__PURE__ */ T("input", {
 								type: "text",
@@ -3466,7 +3469,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 						}),
 						/* @__PURE__ */ T("div", {
 							className: "search-section",
-							children: /* @__PURE__ */ T(on, {
+							children: /* @__PURE__ */ T(sn, {
 								value: u,
 								onChange: d,
 								placeholder: t("addChat.memberSearchPlaceholder")
@@ -3524,7 +3527,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 													className: "avatar-letter",
 													children: e.name.charAt(0).toUpperCase()
 												})
-											}), (e.socket_ids?.length ?? 0) > 0 || e.socket_id || e.status === "online" ? /* @__PURE__ */ T(nt, {
+											}), (e.socket_ids?.length ?? 0) > 0 || e.socket_id || e.status === "online" ? /* @__PURE__ */ T(rt, {
 												size: 12,
 												className: "status-dot"
 											}) : null]
@@ -3555,7 +3558,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			]
 		})
 	});
-}, rn = ({ user: e, onClose: t, isOnline: n, onMessage: r }) => e ? /* @__PURE__ */ T("div", {
+}, an = ({ user: e, onClose: t, isOnline: n, onMessage: r }) => e ? /* @__PURE__ */ T("div", {
 	className: "modal-overlay",
 	onClick: t,
 	children: /* @__PURE__ */ E("div", {
@@ -3572,7 +3575,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				children: [
 					/* @__PURE__ */ E("div", {
 						className: "profile-avatar-wrapper",
-						children: [/* @__PURE__ */ T(Gt, { member: e }), n && /* @__PURE__ */ T("span", { className: "profile-online-status" })]
+						children: [/* @__PURE__ */ T(Kt, { member: e }), n && /* @__PURE__ */ T("span", { className: "profile-online-status" })]
 					}),
 					/* @__PURE__ */ T("h3", {
 						className: "profile-name",
@@ -3589,7 +3592,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				children: /* @__PURE__ */ E("button", {
 					className: "profile-action-btn",
 					onClick: r,
-					children: [/* @__PURE__ */ T(ft, {}), /* @__PURE__ */ T("span", { children: "Nhắn tin" })]
+					children: [/* @__PURE__ */ T(pt, {}), /* @__PURE__ */ T("span", { children: "Nhắn tin" })]
 				})
 			}),
 			/* @__PURE__ */ E("div", {
@@ -3649,8 +3652,8 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			})
 		]
 	})
-}) : null, an = ({ chats: e, selectedChat: t, onSelectChat: n }) => {
-	let { currentUser: r, members: i } = _((e) => e.chat), [a, o] = p(null), [s, l] = p(null), { t: u } = Z(), { hasGroupChat: d } = _(Ve), f = e.filter((e) => !(e.type === "group" && !d)), m = f.filter((e) => e.is_pined), h = f.filter((e) => !e.is_pined), g = (e) => e ? new Date(e).toLocaleTimeString([], {
+}) : null, on = ({ chats: e, selectedChat: t, onSelectChat: n }) => {
+	let { currentUser: r, members: i } = _((e) => e.chat), [a, o] = p(null), [s, l] = p(null), { t: u } = Z(), { hasGroupChat: d } = _(He), f = e.filter((e) => !(e.type === "group" && !d)), m = f.filter((e) => e.is_pined), h = f.filter((e) => !e.is_pined), g = (e) => e ? new Date(e).toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	}) : "";
@@ -3684,10 +3687,10 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 									isOnline: d
 								});
 							},
-							children: [/* @__PURE__ */ T(Ut, {
+							children: [/* @__PURE__ */ T(Wt, {
 								chat: e,
 								currentUserId: r?.id
-							}), e.type === "single" && d && /* @__PURE__ */ T(nt, {
+							}), e.type === "single" && d && /* @__PURE__ */ T(rt, {
 								size: 12,
 								className: "online-indicator"
 							})]
@@ -3715,7 +3718,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 									})
 								}), /* @__PURE__ */ E("div", {
 									className: "info-bottom-right",
-									children: [e.is_muted && /* @__PURE__ */ T(ct, {
+									children: [e.is_muted && /* @__PURE__ */ T(lt, {
 										size: 14,
 										className: "mute-icon-list"
 									}), s > 0 && /* @__PURE__ */ T("div", {
@@ -3731,7 +3734,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					children: "Không có tin nhắn nào"
 				}) : null]
 			}),
-			s && /* @__PURE__ */ T(rn, {
+			s && /* @__PURE__ */ T(an, {
 				user: s.user,
 				isOnline: s.isOnline,
 				onClose: () => l(null),
@@ -3743,14 +3746,14 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			})
 		]
 	});
-}, on = ({ value: e, onChange: t, onAddClick: n, placeholder: r, activeTab: i }) => {
-	let { hasGroupChat: a } = _(Ve), { t: o } = Z(), s = o("chatSearchBar.searchPlaceholder");
+}, sn = ({ value: e, onChange: t, onAddClick: n, placeholder: r, activeTab: i }) => {
+	let { hasGroupChat: a } = _(He), { t: o } = Z(), s = o("chatSearchBar.searchPlaceholder");
 	return /* @__PURE__ */ E("div", {
 		className: "chat-search-bar",
 		children: [/* @__PURE__ */ E("div", {
 			className: "search-input-wrapper",
 			children: [
-				/* @__PURE__ */ T(ht, { className: "search-icon" }),
+				/* @__PURE__ */ T(gt, { className: "search-icon" }),
 				/* @__PURE__ */ T("input", {
 					type: "text",
 					className: "search-input",
@@ -3768,10 +3771,10 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			className: "action-btn add-group-btn",
 			onClick: n,
 			title: o("chatSearchBar.createGroup"),
-			children: /* @__PURE__ */ T(ot, {})
+			children: /* @__PURE__ */ T(st, {})
 		})]
 	});
-}, sn = ({ setIsThemeModalOpen: e, currentUser: t, activeTab: n, setActiveTab: r }) => /* @__PURE__ */ E("div", {
+}, cn = ({ setIsThemeModalOpen: e, currentUser: t, activeTab: n, setActiveTab: r }) => /* @__PURE__ */ E("div", {
 	className: "app-sidebar",
 	children: [/* @__PURE__ */ E("div", {
 		className: "app-nav",
@@ -3779,21 +3782,21 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			/* @__PURE__ */ T("div", {
 				className: `nav-item ${n === "chats" ? "active" : ""}`,
 				onClick: () => r("chats"),
-				children: /* @__PURE__ */ T(pt, {})
+				children: /* @__PURE__ */ T(mt, {})
 			}),
 			/* @__PURE__ */ T("div", {
 				className: `nav-item ${n === "contacts" ? "active" : ""}`,
 				onClick: () => r("contacts"),
-				children: /* @__PURE__ */ T(ot, {})
+				children: /* @__PURE__ */ T(st, {})
 			}),
 			/* @__PURE__ */ T("div", { className: "nav-separator" }),
 			/* @__PURE__ */ T("div", {
 				className: "nav-item",
-				children: /* @__PURE__ */ T(mt, {})
+				children: /* @__PURE__ */ T(ht, {})
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "nav-item",
-				children: /* @__PURE__ */ T(ht, {})
+				children: /* @__PURE__ */ T(gt, {})
 			})
 		]
 	}), /* @__PURE__ */ E("div", {
@@ -3801,7 +3804,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		children: [/* @__PURE__ */ T("div", {
 			className: "nav-item",
 			onClick: () => e(!0),
-			children: /* @__PURE__ */ T(gt, {})
+			children: /* @__PURE__ */ T(_t, {})
 		}), /* @__PURE__ */ T("div", {
 			className: "app-avatar",
 			children: t?.avatar ? /* @__PURE__ */ T("img", {
@@ -3828,7 +3831,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			})
 		})]
 	})]
-}), cn = ({ currentUser: e, onClose: t, onAddMember: n, onUpdateGroup: r, onRemoveMember: i }) => {
+}), ln = ({ currentUser: e, onClose: t, onAddMember: n, onUpdateGroup: r, onRemoveMember: i }) => {
 	let a = g(), { currentChatMembers: o, currentChat: s } = _((e) => e.chat), [l, u] = p("info"), [d, f] = p(null), [m, h] = p(!1), [v, y] = p(null), [b, x] = p({
 		canChangeInfo: !0,
 		canPinMessage: !0,
@@ -3855,10 +3858,10 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 	let C = o.length ?? 0, D = O(s, e?.id, ""), k = o ?? [], ee = async () => {
 		if (!v) return;
 		let e = s;
-		if (e) a(V(e));
+		if (e) a(B(e));
 		else try {
-			let e = await W.addChat(v.user.id);
-			e?.data && (a(xe(e.data)), a(V(e.data)));
+			let e = await U.addChat(v.user.id);
+			e?.data && (a(Ce(e.data)), a(B(e.data)));
 		} catch (e) {
 			console.error("Lỗi khi tạo phòng chat mới:", e);
 		}
@@ -3873,7 +3876,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				children: [/* @__PURE__ */ T("button", {
 					className: "back-info-btn",
 					onClick: () => u("info"),
-					children: /* @__PURE__ */ T(st, {})
+					children: /* @__PURE__ */ T(ct, {})
 				}), /* @__PURE__ */ T("h3", {
 					className: "header-title",
 					children: "Quản lý nhóm"
@@ -3951,7 +3954,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								className: "setting-item-switch",
 								children: [/* @__PURE__ */ E("div", {
 									className: "setting-info",
-									children: [/* @__PURE__ */ T("span", { children: "Chế độ phê duyệt thành viên mới" }), /* @__PURE__ */ T(_t, { className: "help-icon" })]
+									children: [/* @__PURE__ */ T("span", { children: "Chế độ phê duyệt thành viên mới" }), /* @__PURE__ */ T(vt, { className: "help-icon" })]
 								}), /* @__PURE__ */ E("label", {
 									className: "switch",
 									children: [/* @__PURE__ */ T("input", {
@@ -3965,7 +3968,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								className: "setting-item-switch",
 								children: [/* @__PURE__ */ E("div", {
 									className: "setting-info",
-									children: [/* @__PURE__ */ T("span", { children: "Đánh dấu tin nhắn từ trưởng/phó nhóm" }), /* @__PURE__ */ T(_t, { className: "help-icon" })]
+									children: [/* @__PURE__ */ T("span", { children: "Đánh dấu tin nhắn từ trưởng/phó nhóm" }), /* @__PURE__ */ T(vt, { className: "help-icon" })]
 								}), /* @__PURE__ */ E("label", {
 									className: "switch",
 									children: [/* @__PURE__ */ T("input", {
@@ -3979,7 +3982,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								className: "setting-item-switch",
 								children: [/* @__PURE__ */ E("div", {
 									className: "setting-info",
-									children: [/* @__PURE__ */ T("span", { children: "Cho phép thành viên mới đọc tin nhắn gần nhất" }), /* @__PURE__ */ T(_t, { className: "help-icon" })]
+									children: [/* @__PURE__ */ T("span", { children: "Cho phép thành viên mới đọc tin nhắn gần nhất" }), /* @__PURE__ */ T(vt, { className: "help-icon" })]
 								}), /* @__PURE__ */ E("label", {
 									className: "switch",
 									children: [/* @__PURE__ */ T("input", {
@@ -4000,13 +4003,13 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 							className: "menu-item",
 							children: /* @__PURE__ */ E("div", {
 								className: "menu-left",
-								children: [/* @__PURE__ */ T(vt, {}), /* @__PURE__ */ T("span", { children: "Chặn khỏi nhóm" })]
+								children: [/* @__PURE__ */ T(yt, {}), /* @__PURE__ */ T("span", { children: "Chặn khỏi nhóm" })]
 							})
 						}), /* @__PURE__ */ T("div", {
 							className: "menu-item",
 							children: /* @__PURE__ */ E("div", {
 								className: "menu-left",
-								children: [/* @__PURE__ */ T(yt, {}), /* @__PURE__ */ T("span", { children: "Trưởng & phó nhóm" })]
+								children: [/* @__PURE__ */ T(bt, {}), /* @__PURE__ */ T("span", { children: "Trưởng & phó nhóm" })]
 							})
 						})]
 					})
@@ -4031,7 +4034,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 						className: "info-basic-section",
 						children: [/* @__PURE__ */ T("div", {
 							className: "info-avatar-large",
-							children: /* @__PURE__ */ T(Ut, {
+							children: /* @__PURE__ */ T(Wt, {
 								chat: s,
 								currentUserId: e?.id
 							})
@@ -4041,7 +4044,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								className: "info-chat-name",
 								children: [D, /* @__PURE__ */ T("span", {
 									className: "info-status-icons",
-									children: s.type === "group" && /* @__PURE__ */ T(bt, { onClick: (e) => {
+									children: s.type === "group" && /* @__PURE__ */ T(xt, { onClick: (e) => {
 										e.stopPropagation(), r && r(s);
 									} })
 								})]
@@ -4100,11 +4103,11 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								")"
 							] }), /* @__PURE__ */ E("div", {
 								className: "title-actions",
-								children: [/* @__PURE__ */ T(xt, {
+								children: [/* @__PURE__ */ T(St, {
 									size: 16,
 									onClick: n,
 									style: { cursor: "pointer" }
-								}), /* @__PURE__ */ T(St, {
+								}), /* @__PURE__ */ T(Ct, {
 									onClick: () => h(!m),
 									style: {
 										cursor: "pointer",
@@ -4117,7 +4120,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 							className: "members-facepile",
 							children: [k.slice(0, 8).map((t) => /* @__PURE__ */ E("div", {
 								className: "facepile-item",
-								children: [/* @__PURE__ */ T(Gt, { member: t }), (t.id === e?.id || (t.socket_ids?.length ?? 0) > 0) && /* @__PURE__ */ T("div", { className: "online-status" })]
+								children: [/* @__PURE__ */ T(Kt, { member: t }), (t.id === e?.id || (t.socket_ids?.length ?? 0) > 0) && /* @__PURE__ */ T("div", { className: "online-status" })]
 							}, t.id)), k.length > 8 && /* @__PURE__ */ E("div", {
 								className: "facepile-more",
 								children: ["+", k.length - 8]
@@ -4137,7 +4140,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 										style: { cursor: "pointer" },
 										children: [/* @__PURE__ */ E("div", {
 											className: "member-avatar-small",
-											children: [/* @__PURE__ */ T(Gt, { member: t }), r && /* @__PURE__ */ T("div", { className: "online-status" })]
+											children: [/* @__PURE__ */ T(Kt, { member: t }), r && /* @__PURE__ */ T("div", { className: "online-status" })]
 										}), /* @__PURE__ */ E("div", {
 											className: "member-info",
 											children: [/* @__PURE__ */ E("div", {
@@ -4145,7 +4148,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 												children: [/* @__PURE__ */ T("span", {
 													className: "member-name",
 													children: t.id === e?.id ? "Bạn" : t.name
-												}), n && /* @__PURE__ */ T(rt, {})]
+												}), n && /* @__PURE__ */ T(it, {})]
 											}), /* @__PURE__ */ T("span", {
 												className: "member-role",
 												children: n ? "Trưởng nhóm" : "Thành viên"
@@ -4160,7 +4163,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 												onClick: (e) => {
 													e.stopPropagation(), f(d === t.id ? null : t.id);
 												},
-												children: /* @__PURE__ */ T(Ct, {})
+												children: /* @__PURE__ */ T(wt, {})
 											}), d === t.id && /* @__PURE__ */ T("div", {
 												className: "member-dropdown-menu",
 												children: !n && /* @__PURE__ */ E("button", {
@@ -4168,7 +4171,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 													onClick: (e) => {
 														e.stopPropagation(), i && i(s.id, t.id), f(null);
 													},
-													children: [/* @__PURE__ */ T(vt, { size: 16 }), /* @__PURE__ */ T("span", { children: "Xoá khỏi nhóm" })]
+													children: [/* @__PURE__ */ T(yt, { size: 16 }), /* @__PURE__ */ T("span", { children: "Xoá khỏi nhóm" })]
 												})
 											})]
 										})
@@ -4179,7 +4182,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					})
 				]
 			}),
-			v && /* @__PURE__ */ T(rn, {
+			v && /* @__PURE__ */ T(an, {
 				user: v.user,
 				isOnline: v.isOnline,
 				onClose: () => y(null),
@@ -4187,8 +4190,8 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			})
 		]
 	});
-}, ln = ({ mode: e, title: t, logoUrl: n, onToggleMode: r, onClose: i }) => {
-	let { t: a, toggleChangeLanguage: o } = Z(), { hasMultipleLanguages: s } = _(Ve), c = t ?? a("chatHeader.defaultTitle");
+}, un = ({ mode: e, title: t, logoUrl: n, onToggleMode: r, onClose: i }) => {
+	let { t: a, toggleChangeLanguage: o } = Z(), { hasMultipleLanguages: s } = _(He), c = t ?? a("chatHeader.defaultTitle");
 	return /* @__PURE__ */ E("div", {
 		className: `chat-header ${e}`,
 		children: [/* @__PURE__ */ E("div", {
@@ -4203,7 +4206,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 						height: "22px",
 						objectFit: "contain"
 					}
-				}) : /* @__PURE__ */ T(it, {
+				}) : /* @__PURE__ */ T(at, {
 					size: 22,
 					style: {
 						width: "22px",
@@ -4235,19 +4238,19 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					className: "action-btn",
 					onClick: o,
 					title: a("chatHeader.language"),
-					children: /* @__PURE__ */ T(Bt, { size: 16 })
+					children: /* @__PURE__ */ T(Vt, { size: 16 })
 				}),
 				/* @__PURE__ */ T("button", {
 					className: "action-btn",
 					onClick: i,
 					title: a("chatHeader.minimize"),
-					children: /* @__PURE__ */ T(wt, { size: 16 })
+					children: /* @__PURE__ */ T(Tt, { size: 16 })
 				}),
 				/* @__PURE__ */ T("button", {
 					className: "action-btn",
 					onClick: r,
 					title: a(e === "fullpage" ? "chatHeader.minimize" : "chatHeader.maximize"),
-					children: T(e === "fullpage" ? Et : Tt, {})
+					children: T(e === "fullpage" ? Dt : Et, {})
 				}),
 				/* @__PURE__ */ T("button", {
 					className: "action-btn close-btn",
@@ -4258,28 +4261,28 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			]
 		})]
 	});
-}, un = r(({ primaryColor: e }, t) => {
-	let { t: n } = Z(), r = g(), { currentChat: i, replyingMessage: o } = _((e) => e.chat), { hasVoice: s, hasAttachment: u, hasMultipleAttachments: d, acceptFilter: m, isFileTypeAllowed: h } = _(Ve), [v, y] = p(""), [b, x] = p(!1), [S, C] = p(!1), [D, O] = p([]), [k, ee] = p(!1), [A, j] = Ye(), [te, M] = p(!1), { showToast: N } = Xe(), P = f(null), F = f(null), I = f(null), ie = f(/* @__PURE__ */ new Map()), ae = (e) => {
+}, dn = r(({ primaryColor: e }, t) => {
+	let { t: n } = Z(), r = g(), { currentChat: i, replyingMessage: o } = _((e) => e.chat), { hasVoice: s, hasAttachment: u, hasMultipleAttachments: d, acceptFilter: m, isFileTypeAllowed: h } = _(He), [v, y] = p(""), [b, x] = p(!1), [S, C] = p(!1), [D, O] = p([]), [k, ee] = p(!1), [A, j] = Xe(), [te, M] = p(!1), { showToast: N } = Ze(), P = f(null), re = f(null), ie = f(null), oe = f(/* @__PURE__ */ new Map()), se = (e) => {
 		y((t) => t + e), x(!1);
-	}, oe = async () => {
+	}, ce = async () => {
 		await j.startRecording();
-	}, B = async () => {
+	}, R = async () => {
 		M(!0);
 		try {
 			await j.stopRecording();
 		} finally {
 			M(!1);
 		}
-	}, fe = () => {
+	}, me = () => {
 		A.recordedFile && (O((e) => [...e, A.recordedFile]), j.clearRecording());
-	}, pe = (e) => {
+	}, z = (e) => {
 		let t = `${e.name}-${e.size}`;
-		ie.current.has(t) && clearTimeout(ie.current.get(t));
+		oe.current.has(t) && clearTimeout(oe.current.get(t));
 		let n = setTimeout(() => {
-			O((e) => e.filter((e) => e.errorId !== t)), ie.current.delete(t);
+			O((e) => e.filter((e) => e.errorId !== t)), oe.current.delete(t);
 		}, 5e3);
-		return ie.current.set(t, n), t;
-	}, V = (e) => {
+		return oe.current.set(t, n), t;
+	}, he = (e) => {
 		if (!e?.length) return;
 		if (!u) {
 			N("Tính năng đính kèm file chưa được kích hoạt.", "warning");
@@ -4290,14 +4293,14 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			N("Loại file không được phép.", "error");
 			return;
 		}
-		let n = de([...D, ...t], d, h);
+		let n = pe([...D, ...t], d, h);
 		if (n) {
 			N(n.message, n.type);
 			return;
 		}
 		let r = t.map((e) => {
 			if (e.size <= 26214400) return e;
-			let t = pe(e);
+			let t = z(e);
 			return Object.assign(e, {
 				isError: !0,
 				errorId: t
@@ -4305,17 +4308,17 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		});
 		O((e) => [...e, ...r]);
 	};
-	l(t, () => ({ processPastedFiles: V }));
-	let me = (e) => {
+	l(t, () => ({ processPastedFiles: he }));
+	let B = (e) => {
 		let t = e.clipboardData;
 		if (!t) return;
 		if (t.files && t.files.length > 0) {
-			e.preventDefault(), V(t.files);
+			e.preventDefault(), he(t.files);
 			return;
 		}
 		let n = t.getData("text/plain");
 		n && y((e) => e + n);
-	}, he = (e) => {
+	}, ge = (e) => {
 		let t = e.currentTarget.files;
 		if (!t?.length) return;
 		let n = () => {
@@ -4330,64 +4333,64 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			N("Loại file được chọn không được phép.", "error"), n();
 			return;
 		}
-		let i = de([...D, ...r], d, h);
+		let i = pe([...D, ...r], d, h);
 		if (i) {
 			N(i.message, i.type), n();
 			return;
 		}
 		let a = r.map((e) => {
 			if (e.size <= 26214400) return e;
-			let t = pe(e);
+			let t = z(e);
 			return Object.assign(e, {
 				isError: !0,
 				errorId: t
 			});
 		});
 		O((e) => [...e, ...a]), n();
-	}, ge = a((e) => {
+	}, _e = a((e) => {
 		O((t) => t.filter((t, n) => n !== e));
-	}, []), _e = a(() => {
+	}, []), ve = a(() => {
 		P.current?.click();
 	}, []);
 	c(() => {
 		if (!S) return;
 		let e = (e) => {
-			F.current && !F.current.contains(e.target) && C(!1);
+			re.current && !re.current.contains(e.target) && C(!1);
 		};
 		return document.addEventListener("click", e), () => {
 			document.removeEventListener("click", e);
 		};
 	}, [S]), c(() => {
-		k || I.current?.focus();
+		k || ie.current?.focus();
 	}, [k]);
-	let ve = async (e, t) => {
+	let ye = async (e, t) => {
 		if (i && !(!e && (!t || t.length === 0))) {
 			ee(!0);
 			try {
-				let n = le(t ?? []), a = await Promise.all(n.map(async (e) => await ue(e))), { data: s } = await W.addMessage(i.id, e, a, o?.id);
-				r(U({
+				let n = de(t ?? []), a = await Promise.all(n.map(async (e) => await fe(e))), { data: s } = await U.addMessage(i.id, e, a, o?.id);
+				r(xe({
 					chat: i,
 					message: s
-				})), y(""), O([]), x(!1), r(Ee(null));
+				})), y(""), O([]), x(!1), r(Oe(null));
 			} catch (e) {
 				console.error("Error sending message:", e);
 			} finally {
 				ee(!1);
 			}
 		}
-	}, H = () => {
+	}, V = () => {
 		let e = v.trim();
 		if (!e && D.length === 0) return;
-		let t = de(D, d, h);
+		let t = pe(D, d, h);
 		if (t) {
 			N(t.message, t.type);
 			return;
 		}
-		ve(e, D);
-	}, ye = (e) => {
-		e.key === "Enter" && H();
+		ye(e, D);
 	}, be = (e) => {
-		let t = I.current?.getRootNode(), n = t?.getElementById ? t.getElementById(`chat-message-${e}`) : document.getElementById(`chat-message-${e}`);
+		e.key === "Enter" && V();
+	}, H = (e) => {
+		let t = ie.current?.getRootNode(), n = t?.getElementById ? t.getElementById(`chat-message-${e}`) : document.getElementById(`chat-message-${e}`);
 		n ? (n.scrollIntoView({
 			behavior: "smooth",
 			block: "center"
@@ -4399,18 +4402,18 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 		D.length > 0 && /* @__PURE__ */ T("div", {
 			className: "selected-files-list",
 			children: D.map((e, t) => {
-				let r = e.isError, i = ce(e);
+				let r = e.isError, i = ue(e);
 				return /* @__PURE__ */ E("div", {
 					className: `selected-file-item ${i ? "image-file" : "other-file"} ${r ? "error-file-item" : ""}`,
 					children: [i ? /* @__PURE__ */ T("img", {
-						src: se(e),
+						src: le(e),
 						alt: e.name,
 						className: "file-preview-image"
 					}) : /* @__PURE__ */ E("div", {
 						className: "file-content-wrapper",
 						children: [/* @__PURE__ */ T("span", {
 							className: "file-icon",
-							children: L(e.name)
+							children: F(e.name)
 						}), /* @__PURE__ */ E("div", {
 							className: "file-info",
 							children: [/* @__PURE__ */ T("span", {
@@ -4418,12 +4421,12 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 								children: e.name
 							}), /* @__PURE__ */ T("span", {
 								className: `file-size ${r ? "error-size" : ""}`,
-								children: r ? `Vượt quá ${26214400 / (1024 * 1024)} MB` : z(e.size)
+								children: r ? `Vượt quá ${26214400 / (1024 * 1024)} MB` : L(e.size)
 							})]
 						})]
 					}), /* @__PURE__ */ T("button", {
 						className: "remove-file-btn",
-						onClick: () => ge(t),
+						onClick: () => _e(t),
 						title: n("chatInput.removeFile"),
 						disabled: k,
 						style: {
@@ -4432,12 +4435,12 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 						},
 						children: "✕"
 					})]
-				}, R(e));
+				}, I(e));
 			})
 		}),
 		o && /* @__PURE__ */ E("div", {
 			className: "reply-input-preview",
-			onClick: () => be(o.id),
+			onClick: () => H(o.id),
 			style: { cursor: "pointer" },
 			children: [
 				/* @__PURE__ */ E("div", {
@@ -4457,13 +4460,13 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				/* @__PURE__ */ T("button", {
 					className: "close-reply",
 					onClick: (e) => {
-						e.stopPropagation(), r(Ee(null));
+						e.stopPropagation(), r(Oe(null));
 					},
 					children: "✕"
 				}),
 				/* @__PURE__ */ T("div", {
 					className: "reply-icon",
-					children: /* @__PURE__ */ T(Dt, {})
+					children: /* @__PURE__ */ T(Ot, {})
 				})
 			]
 		}),
@@ -4492,7 +4495,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				}), /* @__PURE__ */ T("button", {
 					className: "voice-control-btn stop-btn",
 					onClick: () => {
-						B();
+						R();
 					},
 					title: n("chatInput.stopRecording"),
 					disabled: te,
@@ -4534,7 +4537,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					}),
 					/* @__PURE__ */ T("button", {
 						className: "voice-control-btn add-btn",
-						onClick: fe,
+						onClick: me,
 						title: n("chatInput.addToMessage"),
 						children: "✓"
 					})
@@ -4546,9 +4549,9 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 			children: [
 				b && /* @__PURE__ */ T("div", {
 					className: "emoji-picker",
-					children: re.map((e) => /* @__PURE__ */ T("button", {
+					children: ae.map((e) => /* @__PURE__ */ T("button", {
 						className: "emoji-btn",
-						onClick: () => ae(e),
+						onClick: () => se(e),
 						children: e
 					}, e))
 				}),
@@ -4556,7 +4559,7 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					ref: P,
 					type: "file",
 					multiple: !0,
-					onChange: he,
+					onChange: ge,
 					accept: m,
 					className: "display-none"
 				}),
@@ -4565,45 +4568,45 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 					children: [
 						u && /* @__PURE__ */ T("button", {
 							className: "action-btn",
-							onClick: () => _e(),
+							onClick: () => ve(),
 							title: n("chatInput.selectFiles"),
 							disabled: k,
-							children: /* @__PURE__ */ T(Ot, {})
+							children: /* @__PURE__ */ T(kt, {})
 						}),
 						u && /* @__PURE__ */ T("button", {
 							className: "action-btn",
-							onClick: () => _e(),
+							onClick: () => ve(),
 							title: n("chatInput.selectFiles"),
 							disabled: k,
-							children: /* @__PURE__ */ T(kt, {})
+							children: /* @__PURE__ */ T(At, {})
 						}),
 						s && /* @__PURE__ */ T("button", {
 							className: "action-btn",
-							onClick: () => void oe(),
+							onClick: () => void ce(),
 							title: n("chatInput.recordVoice"),
 							disabled: k,
-							children: /* @__PURE__ */ T(At, {})
+							children: /* @__PURE__ */ T(jt, {})
 						}),
 						/* @__PURE__ */ T("button", {
 							className: `action-btn ${b ? "active" : ""}`,
 							onClick: () => x(!b),
 							title: "emoji",
 							disabled: k,
-							children: /* @__PURE__ */ T(jt, {})
+							children: /* @__PURE__ */ T(Mt, {})
 						})
 					]
 				}),
 				/* @__PURE__ */ T("div", {
 					className: "chat-input-container",
 					children: /* @__PURE__ */ T("input", {
-						ref: I,
+						ref: ie,
 						type: "text",
 						className: "chat-input",
 						placeholder: n("chatInput.placeholder"),
 						value: v,
 						onChange: (e) => y(e.target.value),
-						onKeyPress: ye,
-						onPaste: me,
+						onKeyPress: be,
+						onPaste: B,
 						disabled: k,
 						style: {
 							opacity: k ? .6 : 1,
@@ -4613,31 +4616,31 @@ var xt = Q("AddMember", /* @__PURE__ */ E(w, { children: [
 				}),
 				/* @__PURE__ */ T("button", {
 					className: "send-btn",
-					onClick: H,
+					onClick: V,
 					disabled: k || !v.trim() && D.length === 0,
 					style: {
 						background: k || !v.trim() && D.length === 0 ? "#d1d5db" : e ?? "#8aaeff",
 						opacity: k || !v.trim() && D.length === 0 ? .6 : 1,
 						cursor: k || !v.trim() && D.length === 0 ? "not-allowed" : "pointer"
 					},
-					children: k ? "⏳" : /* @__PURE__ */ T(Mt, {})
+					children: k ? "⏳" : /* @__PURE__ */ T(Nt, {})
 				})
 			]
 		})
 	] });
 });
-un.displayName = "ChatInput";
+dn.displayName = "ChatInput";
 //#endregion
 //#region src/components/view/ContactList.tsx
-var dn = [{
+var fn = [{
 	label: "A-Z",
 	value: "asc",
-	icon: /* @__PURE__ */ T(Nt, {})
+	icon: /* @__PURE__ */ T(Pt, {})
 }, {
 	label: "Z-A",
 	value: "desc",
-	icon: /* @__PURE__ */ T(Pt, {})
-}], fn = [
+	icon: /* @__PURE__ */ T(Ft, {})
+}], pn = [
 	{
 		label: "Tất cả",
 		value: "all"
@@ -4650,7 +4653,7 @@ var dn = [{
 		label: "Offline",
 		value: "offline"
 	}
-], pn = ({ members: e, onMessageClick: t }) => {
+], mn = ({ members: e, onMessageClick: t }) => {
 	let [n, r] = p(""), [i, a] = p("asc"), [o, s] = p(!1), [c, l] = p("all"), [u, f] = p(!1), m = d(() => {
 		let t = e.filter((e) => e.name.toLowerCase().includes(n.toLowerCase()));
 		return c === "online" ? t = t.filter((e) => (e.socket_ids?.length ?? 0) > 0) : c === "offline" && (t = t.filter((e) => (e.socket_ids?.length ?? 0) === 0)), [...t].sort((e, t) => {
@@ -4681,7 +4684,7 @@ var dn = [{
 						alignItems: "center",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ T(ot, {}), /* @__PURE__ */ T("div", { children: "Danh sách thành viên" })]
+					children: [/* @__PURE__ */ T(st, {}), /* @__PURE__ */ T("div", { children: "Danh sách thành viên" })]
 				})
 			}),
 			/* @__PURE__ */ E("div", {
@@ -4690,7 +4693,7 @@ var dn = [{
 				children: [/* @__PURE__ */ E("div", {
 					className: "toolbar-search",
 					style: { flex: 1 },
-					children: [/* @__PURE__ */ T(ht, { strokeColor: "#94a3b8" }), /* @__PURE__ */ T("input", {
+					children: [/* @__PURE__ */ T(gt, { strokeColor: "#94a3b8" }), /* @__PURE__ */ T("input", {
 						type: "text",
 						placeholder: "Tìm bạn",
 						value: n,
@@ -4706,10 +4709,10 @@ var dn = [{
 						style: { position: "relative" },
 						children: [
 							/* @__PURE__ */ T("span", { children: i === "asc" ? "Tên (A-Z)" : "Tên (Z-A)" }),
-							/* @__PURE__ */ T(St, {}),
+							/* @__PURE__ */ T(Ct, {}),
 							o && /* @__PURE__ */ T("div", {
 								className: "dropdown-select",
-								children: dn.map((e) => /* @__PURE__ */ E("div", {
+								children: fn.map((e) => /* @__PURE__ */ E("div", {
 									onClick: () => {
 										a(e.value), s(!1);
 									},
@@ -4725,11 +4728,11 @@ var dn = [{
 						},
 						style: { position: "relative" },
 						children: [
-							/* @__PURE__ */ T("span", { children: fn.find((e) => e.value === c)?.label }),
-							/* @__PURE__ */ T(St, {}),
+							/* @__PURE__ */ T("span", { children: pn.find((e) => e.value === c)?.label }),
+							/* @__PURE__ */ T(Ct, {}),
 							u && /* @__PURE__ */ T("div", {
 								className: "dropdown-select",
-								children: fn.map((e) => /* @__PURE__ */ T("div", {
+								children: pn.map((e) => /* @__PURE__ */ T("div", {
 									onClick: () => {
 										l(e.value), f(!1);
 									},
@@ -4796,7 +4799,7 @@ var dn = [{
 										border: "none",
 										background: "transparent"
 									},
-									children: /* @__PURE__ */ T(at, { size: 16 })
+									children: /* @__PURE__ */ T(ot, { size: 16 })
 								}), /* @__PURE__ */ T("button", {
 									className: "contact-action-btn",
 									style: {
@@ -4804,7 +4807,7 @@ var dn = [{
 										background: "transparent"
 									},
 									onClick: () => t(String(e.id)),
-									children: /* @__PURE__ */ T(ft, { size: 16 })
+									children: /* @__PURE__ */ T(pt, { size: 16 })
 								})]
 							})]
 						}, e.id))]
@@ -4813,7 +4816,7 @@ var dn = [{
 			})
 		]
 	});
-}, mn = ({ groups: e, onGroupClick: t, currentUserId: n }) => {
+}, hn = ({ groups: e, onGroupClick: t, currentUserId: n }) => {
 	let [r, i] = p(""), a = d(() => e.filter((e) => e.name?.toLowerCase().includes(r.toLowerCase())), [e, r]);
 	return /* @__PURE__ */ E("div", {
 		className: "contact-list-view",
@@ -4826,7 +4829,7 @@ var dn = [{
 						alignItems: "center",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ T(ot, {}), /* @__PURE__ */ T("div", { children: "Danh sách nhóm và cộng đồng" })]
+					children: [/* @__PURE__ */ T(st, {}), /* @__PURE__ */ T("div", { children: "Danh sách nhóm và cộng đồng" })]
 				})
 			}),
 			/* @__PURE__ */ T("div", {
@@ -4835,7 +4838,7 @@ var dn = [{
 				children: /* @__PURE__ */ E("div", {
 					className: "toolbar-search",
 					style: { flex: 1 },
-					children: [/* @__PURE__ */ T(ht, { strokeColor: "#94a3b8" }), /* @__PURE__ */ T("input", {
+					children: [/* @__PURE__ */ T(gt, { strokeColor: "#94a3b8" }), /* @__PURE__ */ T("input", {
 						type: "text",
 						placeholder: "Tìm nhóm",
 						value: r,
@@ -4856,7 +4859,7 @@ var dn = [{
 							className: "contact-item-left",
 							children: [/* @__PURE__ */ T("div", {
 								className: "contact-avatar",
-								children: /* @__PURE__ */ T(Ut, {
+								children: /* @__PURE__ */ T(Wt, {
 									chat: e,
 									currentUserId: n
 								})
@@ -4876,7 +4879,7 @@ var dn = [{
 			})
 		]
 	});
-}, hn = ({ file: e, children: t, className: n = "file-item", isLink: r = !1, handleImageClick: i }) => {
+}, gn = ({ file: e, children: t, className: n = "file-item", isLink: r = !1, handleImageClick: i }) => {
 	let a = {
 		className: n,
 		role: "button",
@@ -4896,9 +4899,9 @@ var dn = [{
 		...a,
 		children: t
 	});
-}, gn = ({ file: e }) => /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("span", {
+}, _n = ({ file: e }) => /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("span", {
 	className: "file-icon",
-	children: L(e.ext)
+	children: F(e.ext)
 }), /* @__PURE__ */ E("div", {
 	className: "file-info",
 	children: [/* @__PURE__ */ T("div", {
@@ -4906,13 +4909,13 @@ var dn = [{
 		children: e.name
 	}), /* @__PURE__ */ T("div", {
 		className: "file-size",
-		children: z(e.size)
+		children: L(e.size)
 	})]
-})] }), _n = ({ files: e }) => {
-	let { openViewer: t } = qe();
+})] }), vn = ({ files: e }) => {
+	let { openViewer: t } = Je();
 	if (!e || e.length === 0) return null;
 	let n = e.filter((e) => {
-		let t = oe(e.name);
+		let t = ce(e.name);
 		return [
 			"image",
 			"video",
@@ -4923,8 +4926,8 @@ var dn = [{
 		let r = e.findIndex((e) => e.id === n);
 		r !== -1 && t(e, r);
 	}, s = (e) => {
-		switch (oe(e.name)) {
-			case "image": return r.includes(e) ? /* @__PURE__ */ E(hn, {
+		switch (ce(e.name)) {
+			case "image": return r.includes(e) ? /* @__PURE__ */ E(gn, {
 				file: e,
 				className: "file-image-wrapper",
 				handleImageClick: o,
@@ -4940,7 +4943,7 @@ var dn = [{
 					})
 				})]
 			}, e.id) : null;
-			case "video": return /* @__PURE__ */ E(hn, {
+			case "video": return /* @__PURE__ */ E(gn, {
 				file: e,
 				className: "file-image-wrapper",
 				handleImageClick: o,
@@ -4958,16 +4961,16 @@ var dn = [{
 				})]
 			}, e.id);
 			case "pdf":
-			case "audio": return /* @__PURE__ */ T(hn, {
+			case "audio": return /* @__PURE__ */ T(gn, {
 				file: e,
 				handleImageClick: o,
-				children: /* @__PURE__ */ T(gn, { file: e })
+				children: /* @__PURE__ */ T(_n, { file: e })
 			}, e.id);
-			default: return /* @__PURE__ */ T(hn, {
+			default: return /* @__PURE__ */ T(gn, {
 				file: e,
 				isLink: !0,
 				handleImageClick: o,
-				children: /* @__PURE__ */ T(gn, { file: e })
+				children: /* @__PURE__ */ T(_n, { file: e })
 			}, e.id);
 		}
 	};
@@ -4975,13 +4978,13 @@ var dn = [{
 		className: "message-files",
 		children: e.map((e) => s(e))
 	});
-}, vn = ({ message: e }) => {
-	let { currentUser: t, currentChat: n, currentChatMessages: r } = _((e) => e.chat), { allowDeleteMessage: i, allowRevokeMessage: a } = _(Ve), o = g(), { t: s } = Z(), c = e.member.code === t?.code, [l, u] = p(!1), f = new Date(e.created_at).toLocaleTimeString([], {
+}, yn = ({ message: e }) => {
+	let { currentUser: t, currentChat: n, currentChatMessages: r } = _((e) => e.chat), { allowDeleteMessage: i, allowRevokeMessage: a } = _(He), o = g(), { t: s } = Z(), c = e.member.code === t?.code, [l, u] = p(!1), f = new Date(e.created_at).toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	}), m = async (t) => {
 		if (n) try {
-			await W.actionMessage(n.id, e.id, t);
+			await U.actionMessage(n.id, e.id, t);
 		} catch (e) {
 			console.error("Lỗi khi tương tác tin nhắn:", e), alert("Thao tác không thành công, vui lòng thử lại!");
 		}
@@ -5043,50 +5046,50 @@ var dn = [{
 									className: "action-icon",
 									title: s("chatMessage.actions.like"),
 									onClick: () => void m("like"),
-									children: /* @__PURE__ */ T(Ft, {})
+									children: /* @__PURE__ */ T(It, {})
 								}),
 								/* @__PURE__ */ T("button", {
 									className: "action-icon",
 									title: s("chatMessage.actions.love"),
 									onClick: () => void m("love"),
-									children: /* @__PURE__ */ T(It, {})
+									children: /* @__PURE__ */ T(Lt, {})
 								}),
 								/* @__PURE__ */ T("button", {
 									className: "action-icon",
 									title: s("chatMessage.actions.reply"),
-									onClick: () => o(Ee(e)),
-									children: /* @__PURE__ */ T(Dt, {})
+									onClick: () => o(Oe(e)),
+									children: /* @__PURE__ */ T(Ot, {})
 								}),
 								i(e.created_at) && /* @__PURE__ */ T("button", {
 									className: "action-icon",
 									title: s("chatMessage.actions.delete"),
 									onClick: () => void m("remove"),
-									children: /* @__PURE__ */ T(Lt, {})
+									children: /* @__PURE__ */ T(Rt, {})
 								}),
 								a(e.created_at) && /* @__PURE__ */ T("button", {
 									className: "action-icon",
 									title: s("chatMessage.actions.revoke"),
 									onClick: () => void m("revoke"),
-									children: /* @__PURE__ */ T(Rt, {})
+									children: /* @__PURE__ */ T(zt, {})
 								})
 							] }) : /* @__PURE__ */ E(w, { children: [
 								/* @__PURE__ */ T("button", {
 									className: "action-icon",
 									title: s("chatMessage.actions.reply"),
-									onClick: () => o(Ee(e)),
-									children: /* @__PURE__ */ T(Dt, {})
+									onClick: () => o(Oe(e)),
+									children: /* @__PURE__ */ T(Ot, {})
 								}),
 								/* @__PURE__ */ T("button", {
 									className: "action-icon",
 									title: s("chatMessage.actions.like"),
 									onClick: () => void m("like"),
-									children: /* @__PURE__ */ T(Ft, {})
+									children: /* @__PURE__ */ T(It, {})
 								}),
 								/* @__PURE__ */ T("button", {
 									className: "action-icon",
 									title: s("chatMessage.actions.love"),
 									onClick: () => void m("love"),
-									children: /* @__PURE__ */ T(It, {})
+									children: /* @__PURE__ */ T(Lt, {})
 								})
 							] })
 						}),
@@ -5120,7 +5123,7 @@ var dn = [{
 								})] })
 							})]
 						}) : null,
-						/* @__PURE__ */ T(_n, { files: e.files }),
+						/* @__PURE__ */ T(vn, { files: e.files }),
 						e.action && (e.action.like > 0 || e.action.love > 0) && /* @__PURE__ */ E("div", {
 							className: "message-reactions-badge",
 							children: [e.action.like > 0 && /* @__PURE__ */ T("span", { children: "👍" }), e.action.love > 0 && /* @__PURE__ */ T("span", { children: "♥️" })]
@@ -5131,21 +5134,21 @@ var dn = [{
 					className: "message-time",
 					children: [f, c && (b || x) && /* @__PURE__ */ T("span", {
 						className: `message-item-status ${b ? "seen" : ""}`,
-						children: b ? /* @__PURE__ */ T(zt, { style: { marginBottom: "-2px" } }) : `• ${s("chatMessage.status.sent")}`
+						children: b ? /* @__PURE__ */ T(Bt, { style: { marginBottom: "-2px" } }) : `• ${s("chatMessage.status.sent")}`
 					})]
 				})
 			]
 		})]
 	});
-}, yn = () => {
+}, bn = () => {
 	let { currentChat: t, currentChatMessages: n, messagesPagination: r, currentUser: i } = _((e) => e.chat), o = g(), s = f(null), l = f(null), u = f(null), [d, m] = p(!1), [h, v] = p(!1), [y, b] = p(!1), x = f(null), S = f(!1);
 	c(() => {
 		(async () => {
 			if (t && x.current !== Number(t.id)) {
 				x.current = Number(t.id);
 				try {
-					let e = W.getMessages(t.id, 20, 1), n = t.type === "group" ? W.getMembers(t.id).then((e) => e.data ?? []) : Promise.resolve(t.members ?? []), [r, i] = await Promise.all([e, n]);
-					r?.data && (o(me(r.data)), o(H(r.pagination)), o(he(i)));
+					let e = U.getMessages(t.id, 20, 1), n = t.type === "group" ? U.getMembers(t.id).then((e) => e.data ?? []) : Promise.resolve(t.members ?? []), [r, i] = await Promise.all([e, n]);
+					r?.data && (o(ge(r.data)), o(be(r.pagination)), o(_e(i)));
 				} catch (e) {
 					console.error("Lỗi khi tải tin nhắn:", e), x.current = null;
 				}
@@ -5158,7 +5161,7 @@ var dn = [{
 	]), c(() => {
 		if (t && n.length > 0) {
 			let e = n[0], r = t.new?.[i?.id ?? 0] > 0;
-			e.member.code !== i?.code && r && W.readChat(t.id);
+			e.member.code !== i?.code && r && U.readChat(t.id);
 		}
 	}, [
 		t,
@@ -5171,8 +5174,8 @@ var dn = [{
 		if (v(i > 300), i < 10 && b(!1), Math.abs(n.scrollTop) + n.clientHeight >= n.scrollHeight - 1 && !d && !S.current && r && r.current_page < r.total_pages) {
 			S.current = !0, m(!0);
 			try {
-				let e = r.current_page + 1, n = await W.getMessages(Number(t?.id), 20, e);
-				n.data && (o(ye(n.data)), o(H(n.pagination)));
+				let e = r.current_page + 1, n = await U.getMessages(Number(t?.id), 20, e);
+				n.data && (o(H(n.data)), o(be(n.pagination)));
 			} catch (e) {
 				console.error("Load more error", e);
 			} finally {
@@ -5221,7 +5224,7 @@ var dn = [{
 			},
 			children: n.map((t, r) => {
 				let i = new Date(t.created_at).toDateString(), a = n[r + 1], o = i !== (a ? new Date(a.created_at).toDateString() : null);
-				return /* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(vn, { message: t }), o && /* @__PURE__ */ T("div", {
+				return /* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(yn, { message: t }), o && /* @__PURE__ */ T("div", {
 					className: "chat-date-divider",
 					children: /* @__PURE__ */ T("span", { children: N(t.created_at) })
 				})] }, t.id);
@@ -5235,9 +5238,9 @@ var dn = [{
 };
 //#endregion
 //#region src/index.ts
-function bn(e) {
+function xn(e) {
 	let t = document.createElement("div");
-	t.id = "chatbot-widget-umd-root", document.body.appendChild(t), m(t).render(n(et, e));
+	t.id = "chatbot-widget-umd-root", document.body.appendChild(t), m(t).render(n(tt, e));
 }
 //#endregion
-export { et as ChatWidget, bn as init };
+export { tt as ChatWidget, xn as init };