@wakastellar/ui 4.0.1 → 4.1.1

package/dist/blocks/chat/index.es.js

@@ -8,37 +8,37 @@ import { DropdownMenu as o, DropdownMenuContent as s, DropdownMenuItem as c, Dro
 import { Input as u } from "../../components/input/index.es.js";
 import { ScrollArea as d } from "../../components/scroll-area/index.es.js";
 import { Textarea as f } from "../../components/textarea/index.es.js";
-import "./widget.es.js";
-import * as p from "react";
-import { Calendar as m, Check as h, CheckCheck as g, File as _, MessageCircle as v, Minimize2 as y, MoreVertical as b, Paperclip as x, Phone as S, Reply as C, Search as w, Send as T, Settings as E, Smile as D, Trash2 as O, Video as k, X as A } from "lucide-react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { WakaChatWidget as p, useChatWidget as m } from "./widget.es.js";
+import * as h from "react";
+import { Calendar as g, Check as _, CheckCheck as v, File as y, MessageCircle as b, Minimize2 as x, MoreVertical as S, Paperclip as C, Phone as w, Reply as T, Search as E, Send as D, Settings as O, Smile as k, Trash2 as A, Video as j, X as M } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
 //#region src/blocks/chat/index.tsx
-var P = (e) => {
+var I = (e) => {
 	let t = typeof e == "string" ? new Date(e) : e, n = /* @__PURE__ */ new Date(), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = /* @__PURE__ */ new Date(r.getTime() - 1440 * 60 * 1e3), a = new Date(t.getFullYear(), t.getMonth(), t.getDate());
 	return a.getTime() === r.getTime() ? "Aujourd'hui" : a.getTime() === i.getTime() ? "Hier" : t.toLocaleDateString("fr-FR", {
 		weekday: "long",
 		day: "numeric",
 		month: "long"
 	});
-}, F = (e, t) => {
+}, L = (e, t) => {
 	let n = typeof e == "string" ? new Date(e) : e, r = typeof t == "string" ? new Date(t) : t;
 	return n.getFullYear() === r.getFullYear() && n.getMonth() === r.getMonth() && n.getDate() === r.getDate();
-}, I = (e) => {
+}, R = (e) => {
 	if (e.initials) return e.initials;
 	let t = e.name.split(" ");
 	return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : e.name.substring(0, 2).toUpperCase();
 };
-function L({ date: e }) {
-	return /* @__PURE__ */ M("div", {
+function z({ date: e }) {
+	return /* @__PURE__ */ P("div", {
 		className: "flex items-center justify-center my-4",
-		children: /* @__PURE__ */ M("div", {
+		children: /* @__PURE__ */ P("div", {
 			className: "px-3 py-1 text-xs text-muted-foreground bg-muted rounded-full",
-			children: P(e)
+			children: I(e)
 		})
 	});
 }
-function R({ conversations: a, activeId: o, currentUser: s, onSelect: c, onSearch: l }) {
-	let [f, m] = p.useState(""), h = (e) => e.name ? e.name : e.participants.filter((e) => e.id !== s.id).map((e) => e.name).join(", "), g = (e) => {
+function B({ conversations: a, activeId: o, currentUser: s, onSelect: c, onSearch: l }) {
+	let [f, p] = h.useState(""), m = (e) => e.name ? e.name : e.participants.filter((e) => e.id !== s.id).map((e) => e.name).join(", "), g = (e) => {
 		if (e.avatar) return {
 			url: e.avatar,
 			fallback: e.name?.charAt(0) || "G"
@@ -47,7 +47,7 @@ function R({ conversations: a, activeId: o, currentUser: s, onSelect: c, onSearc
 		let t = e.participants.find((e) => e.id !== s.id);
 		return {
 			url: t?.avatar,
-			fallback: I(t || {
+			fallback: R(t || {
 				id: "",
 				name: "?"
 			})
@@ -62,49 +62,49 @@ function R({ conversations: a, activeId: o, currentUser: s, onSelect: c, onSearc
 			day: "numeric",
 			month: "short"
 		});
-	}, v = a.filter((e) => f ? h(e).toLowerCase().includes(f.toLowerCase()) : !0);
-	return /* @__PURE__ */ N("div", {
+	}, v = a.filter((e) => f ? m(e).toLowerCase().includes(f.toLowerCase()) : !0);
+	return /* @__PURE__ */ F("div", {
 		className: "flex flex-col h-full border-r",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ P("div", {
 			className: "p-3 border-b",
-			children: /* @__PURE__ */ N("div", {
+			children: /* @__PURE__ */ F("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ M(w, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M(u, {
+				children: [/* @__PURE__ */ P(E, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ P(u, {
 					placeholder: "Rechercher...",
 					value: f,
 					onChange: (e) => {
-						m(e.target.value), l?.(e.target.value);
+						p(e.target.value), l?.(e.target.value);
 					},
 					className: "pl-9"
 				})]
 			})
-		}), /* @__PURE__ */ M(d, {
+		}), /* @__PURE__ */ P(d, {
 			className: "flex-1",
 			children: v.map((a) => {
-				let l = g(a), u = h(a), d = a.participants.find((e) => e.id !== s.id);
-				return /* @__PURE__ */ N("button", {
+				let l = g(a), u = m(a), d = a.participants.find((e) => e.id !== s.id);
+				return /* @__PURE__ */ F("button", {
 					onClick: () => c(a),
 					className: e("w-full flex items-center gap-3 p-3 hover:bg-muted/50 transition-colors text-left", o === a.id && "bg-muted"),
-					children: [/* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ F("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ N(t, { children: [/* @__PURE__ */ M(r, { src: l.url }), /* @__PURE__ */ M(n, { children: l.fallback })] }), d?.status === "online" && /* @__PURE__ */ M("div", { className: "absolute bottom-0 right-0 h-3 w-3 rounded-full bg-green-500 border-2 border-background" })]
-					}), /* @__PURE__ */ N("div", {
+						children: [/* @__PURE__ */ F(t, { children: [/* @__PURE__ */ P(r, { src: l.url }), /* @__PURE__ */ P(n, { children: l.fallback })] }), d?.status === "online" && /* @__PURE__ */ P("div", { className: "absolute bottom-0 right-0 h-3 w-3 rounded-full bg-green-500 border-2 border-background" })]
+					}), /* @__PURE__ */ F("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ N("div", {
+						children: [/* @__PURE__ */ F("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ M("span", {
+							children: [/* @__PURE__ */ P("span", {
 								className: "font-medium text-sm truncate",
 								children: u
-							}), /* @__PURE__ */ M("span", {
+							}), /* @__PURE__ */ P("span", {
 								className: "text-xs text-muted-foreground",
 								children: _(a.lastMessage?.timestamp)
 							})]
-						}), /* @__PURE__ */ N("div", {
+						}), /* @__PURE__ */ F("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ M("p", {
+							children: [/* @__PURE__ */ P("p", {
 								className: "text-xs text-muted-foreground truncate",
 								children: a.lastMessage?.content || "Aucun message"
-							}), a.unreadCount && a.unreadCount > 0 && /* @__PURE__ */ M(i, {
+							}), a.unreadCount && a.unreadCount > 0 && /* @__PURE__ */ P(i, {
 								className: "h-5 min-w-[20px] justify-center",
 								children: a.unreadCount
 							})]
@@ -115,166 +115,166 @@ function R({ conversations: a, activeId: o, currentUser: s, onSelect: c, onSearc
 		})]
 	});
 }
-function z({ conversation: i, currentUser: u, title: d, statusText: f, showStatus: p = !0, showCloseButton: h, onAudioCall: g, onVideoCall: _, onClose: x, onCloseConversation: C, onMinimize: w, layout: T }) {
-	let D = i?.participants.find((e) => e.id !== u.id), O = d || i?.name || D?.name || "Messages", j = () => f || (i ? i.isGroup ? `${i.participants.length} participants` : D?.status === "online" ? "En ligne" : D?.lastSeen ? `Vu ${(typeof D.lastSeen == "string" ? new Date(D.lastSeen) : D.lastSeen).toLocaleString("fr-FR")}` : "Hors ligne" : ""), P = T === "floating" || T === "widget";
-	return /* @__PURE__ */ N("div", {
-		className: e("flex items-center justify-between p-3 border-b", P && "bg-primary text-primary-foreground rounded-t-lg"),
-		children: [/* @__PURE__ */ N("div", {
+function V({ conversation: i, currentUser: u, title: d, statusText: f, showStatus: p = !0, showCloseButton: m, onAudioCall: h, onVideoCall: _, onClose: v, onCloseConversation: y, onMinimize: C, layout: T }) {
+	let E = i?.participants.find((e) => e.id !== u.id), D = d || i?.name || E?.name || "Messages", k = () => f || (i ? i.isGroup ? `${i.participants.length} participants` : E?.status === "online" ? "En ligne" : E?.lastSeen ? `Vu ${(typeof E.lastSeen == "string" ? new Date(E.lastSeen) : E.lastSeen).toLocaleString("fr-FR")}` : "Hors ligne" : ""), A = T === "floating" || T === "widget";
+	return /* @__PURE__ */ F("div", {
+		className: e("flex items-center justify-between p-3 border-b", A && "bg-primary text-primary-foreground rounded-t-lg"),
+		children: [/* @__PURE__ */ F("div", {
 			className: "flex items-center gap-3",
 			children: [
-				i && /* @__PURE__ */ N(t, {
-					className: e(P && "border-2 border-primary-foreground/20"),
-					children: [/* @__PURE__ */ M(r, { src: i.avatar || D?.avatar }), /* @__PURE__ */ M(n, {
-						className: e(P && "bg-primary-foreground/20 text-primary-foreground"),
-						children: I(D || {
+				i && /* @__PURE__ */ F(t, {
+					className: e(A && "border-2 border-primary-foreground/20"),
+					children: [/* @__PURE__ */ P(r, { src: i.avatar || E?.avatar }), /* @__PURE__ */ P(n, {
+						className: e(A && "bg-primary-foreground/20 text-primary-foreground"),
+						children: R(E || {
 							id: "",
-							name: O
+							name: D
 						})
 					})]
 				}),
-				!i && /* @__PURE__ */ M(v, { className: "h-5 w-5" }),
-				/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h3", {
+				!i && /* @__PURE__ */ P(b, { className: "h-5 w-5" }),
+				/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h3", {
 					className: "font-semibold text-sm",
-					children: O
-				}), p && /* @__PURE__ */ N("div", {
+					children: D
+				}), p && /* @__PURE__ */ F("div", {
 					className: "flex items-center gap-1.5",
 					children: [
-						D?.status === "online" && /* @__PURE__ */ M("div", { className: e("h-2 w-2 rounded-full", P ? "bg-green-400" : "bg-green-500") }),
-						D?.status === "offline" && /* @__PURE__ */ M("div", { className: e("h-2 w-2 rounded-full", P ? "bg-gray-400" : "bg-gray-500") }),
-						/* @__PURE__ */ M("p", {
-							className: e("text-xs", P ? "text-primary-foreground/80" : "text-muted-foreground"),
-							children: j()
+						E?.status === "online" && /* @__PURE__ */ P("div", { className: e("h-2 w-2 rounded-full", A ? "bg-green-400" : "bg-green-500") }),
+						E?.status === "offline" && /* @__PURE__ */ P("div", { className: e("h-2 w-2 rounded-full", A ? "bg-gray-400" : "bg-gray-500") }),
+						/* @__PURE__ */ P("p", {
+							className: e("text-xs", A ? "text-primary-foreground/80" : "text-muted-foreground"),
+							children: k()
 						})
 					]
 				})] })
 			]
-		}), /* @__PURE__ */ N("div", {
+		}), /* @__PURE__ */ F("div", {
 			className: "flex items-center gap-1",
 			children: [
-				g && !P && /* @__PURE__ */ M(a, {
+				h && !A && /* @__PURE__ */ P(a, {
 					variant: "ghost",
 					size: "icon",
-					onClick: g,
-					children: /* @__PURE__ */ M(S, { className: "h-4 w-4" })
+					onClick: h,
+					children: /* @__PURE__ */ P(w, { className: "h-4 w-4" })
 				}),
-				_ && !P && /* @__PURE__ */ M(a, {
+				_ && !A && /* @__PURE__ */ P(a, {
 					variant: "ghost",
 					size: "icon",
 					onClick: _,
-					children: /* @__PURE__ */ M(k, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ P(j, { className: "h-4 w-4" })
 				}),
-				h && C && /* @__PURE__ */ N(a, {
-					variant: P ? "ghost" : "outline",
+				m && y && /* @__PURE__ */ F(a, {
+					variant: A ? "ghost" : "outline",
 					size: "sm",
-					onClick: C,
-					className: e(P && "text-primary-foreground hover:bg-primary-foreground/20"),
-					children: [/* @__PURE__ */ M(m, { className: "h-4 w-4 mr-1.5" }), "Clôturer"]
+					onClick: y,
+					className: e(A && "text-primary-foreground hover:bg-primary-foreground/20"),
+					children: [/* @__PURE__ */ P(g, { className: "h-4 w-4 mr-1.5" }), "Clôturer"]
 				}),
-				w && P && /* @__PURE__ */ M(a, {
+				C && A && /* @__PURE__ */ P(a, {
 					variant: "ghost",
 					size: "icon",
-					onClick: w,
+					onClick: C,
 					className: "text-primary-foreground hover:bg-primary-foreground/20",
-					children: /* @__PURE__ */ M(y, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ P(x, { className: "h-4 w-4" })
 				}),
-				x && P && /* @__PURE__ */ M(a, {
+				v && A && /* @__PURE__ */ P(a, {
 					variant: "ghost",
 					size: "icon",
-					onClick: x,
+					onClick: v,
 					className: "text-primary-foreground hover:bg-primary-foreground/20",
-					children: /* @__PURE__ */ M(A, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ P(M, { className: "h-4 w-4" })
 				}),
-				!P && /* @__PURE__ */ N(o, { children: [/* @__PURE__ */ M(l, {
+				!A && /* @__PURE__ */ F(o, { children: [/* @__PURE__ */ P(l, {
 					asChild: !0,
-					children: /* @__PURE__ */ M(a, {
+					children: /* @__PURE__ */ P(a, {
 						variant: "ghost",
 						size: "icon",
-						children: /* @__PURE__ */ M(b, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ P(S, { className: "h-4 w-4" })
 					})
-				}), /* @__PURE__ */ M(s, {
+				}), /* @__PURE__ */ P(s, {
 					align: "end",
-					children: /* @__PURE__ */ N(c, { children: [/* @__PURE__ */ M(E, { className: "mr-2 h-4 w-4" }), "Paramètres"] })
+					children: /* @__PURE__ */ F(c, { children: [/* @__PURE__ */ P(O, { className: "mr-2 h-4 w-4" }), "Paramètres"] })
 				})] })
 			]
 		})]
 	});
 }
-function B({ message: i, isOwn: o, showStatus: s, showTimestamp: c, onDelete: l, onReply: u }) {
-	return /* @__PURE__ */ N("div", {
+function H({ message: i, isOwn: o, showStatus: s, showTimestamp: c, onDelete: l, onReply: u }) {
+	return /* @__PURE__ */ F("div", {
 		className: e("flex gap-2 group", o ? "flex-row-reverse" : "flex-row"),
-		children: [!o && /* @__PURE__ */ N(t, {
+		children: [!o && /* @__PURE__ */ F(t, {
 			className: "h-8 w-8",
-			children: [/* @__PURE__ */ M(r, { src: i.sender.avatar }), /* @__PURE__ */ M(n, {
+			children: [/* @__PURE__ */ P(r, { src: i.sender.avatar }), /* @__PURE__ */ P(n, {
 				className: "text-xs",
-				children: I(i.sender)
+				children: R(i.sender)
 			})]
-		}), /* @__PURE__ */ N("div", {
+		}), /* @__PURE__ */ F("div", {
 			className: e("max-w-[70%]", o && "items-end"),
 			children: [
-				i.replyTo && /* @__PURE__ */ N("div", {
+				i.replyTo && /* @__PURE__ */ F("div", {
 					className: "text-xs text-muted-foreground mb-1 p-2 bg-muted/50 rounded border-l-2 border-primary",
-					children: [/* @__PURE__ */ M("span", {
+					children: [/* @__PURE__ */ P("span", {
 						className: "font-medium",
 						children: i.replyTo.sender.name
-					}), /* @__PURE__ */ M("p", {
+					}), /* @__PURE__ */ P("p", {
 						className: "truncate",
 						children: i.replyTo.content
 					})]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ F("div", {
 					className: e("relative rounded-2xl px-4 py-2", o ? "bg-primary text-primary-foreground rounded-tr-sm" : "bg-muted rounded-tl-sm"),
 					children: [
-						i.attachments && i.attachments.length > 0 && /* @__PURE__ */ M("div", {
+						i.attachments && i.attachments.length > 0 && /* @__PURE__ */ P("div", {
 							className: "space-y-2 mb-2",
-							children: i.attachments.map((e, t) => /* @__PURE__ */ M("div", { children: e.type === "image" ? /* @__PURE__ */ M("img", {
+							children: i.attachments.map((e, t) => /* @__PURE__ */ P("div", { children: e.type === "image" ? /* @__PURE__ */ P("img", {
 								src: e.url,
 								alt: e.name,
 								className: "rounded-lg max-w-full"
-							}) : /* @__PURE__ */ N("div", {
+							}) : /* @__PURE__ */ F("div", {
 								className: "flex items-center gap-2 p-2 bg-background/10 rounded",
-								children: [/* @__PURE__ */ M(_, { className: "h-4 w-4" }), /* @__PURE__ */ M("span", {
+								children: [/* @__PURE__ */ P(y, { className: "h-4 w-4" }), /* @__PURE__ */ P("span", {
 									className: "text-sm truncate",
 									children: e.name
 								})]
 							}) }, t))
 						}),
-						/* @__PURE__ */ M("p", {
+						/* @__PURE__ */ P("p", {
 							className: "text-sm whitespace-pre-wrap break-words",
 							children: i.content
 						}),
-						/* @__PURE__ */ N("div", {
+						/* @__PURE__ */ F("div", {
 							className: e("absolute top-0 opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1", o ? "-left-20" : "-right-20"),
-							children: [/* @__PURE__ */ M(a, {
+							children: [/* @__PURE__ */ P(a, {
 								variant: "ghost",
 								size: "icon",
 								className: "h-7 w-7",
 								onClick: () => u?.(i),
-								children: /* @__PURE__ */ M(C, { className: "h-3 w-3" })
-							}), o && l && /* @__PURE__ */ M(a, {
+								children: /* @__PURE__ */ P(T, { className: "h-3 w-3" })
+							}), o && l && /* @__PURE__ */ P(a, {
 								variant: "ghost",
 								size: "icon",
 								className: "h-7 w-7",
 								onClick: () => l(i.id),
-								children: /* @__PURE__ */ M(O, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ P(A, { className: "h-3 w-3" })
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ F("div", {
 					className: e("flex items-center gap-1 mt-1 text-xs text-muted-foreground", o && "justify-end"),
 					children: [
-						c && /* @__PURE__ */ M("span", { children: ((e) => (typeof e == "string" ? new Date(e) : e).toLocaleTimeString("fr-FR", {
+						c && /* @__PURE__ */ P("span", { children: ((e) => (typeof e == "string" ? new Date(e) : e).toLocaleTimeString("fr-FR", {
 							hour: "2-digit",
 							minute: "2-digit"
 						}))(i.timestamp) }),
-						i.isEdited && /* @__PURE__ */ M("span", { children: "(modifié)" }),
+						i.isEdited && /* @__PURE__ */ P("span", { children: "(modifié)" }),
 						o && s && (() => {
 							switch (i.status) {
-								case "sending": return /* @__PURE__ */ M("div", { className: "h-3 w-3 rounded-full border-2 border-current animate-pulse" });
-								case "sent": return /* @__PURE__ */ M(h, { className: "h-3 w-3" });
-								case "delivered": return /* @__PURE__ */ M(g, { className: "h-3 w-3" });
-								case "read": return /* @__PURE__ */ M(g, { className: "h-3 w-3 text-blue-500" });
-								case "error": return /* @__PURE__ */ M(A, { className: "h-3 w-3 text-red-500" });
+								case "sending": return /* @__PURE__ */ P("div", { className: "h-3 w-3 rounded-full border-2 border-current animate-pulse" });
+								case "sent": return /* @__PURE__ */ P(_, { className: "h-3 w-3" });
+								case "delivered": return /* @__PURE__ */ P(v, { className: "h-3 w-3" });
+								case "read": return /* @__PURE__ */ P(v, { className: "h-3 w-3 text-blue-500" });
+								case "error": return /* @__PURE__ */ P(M, { className: "h-3 w-3 text-red-500" });
 								default: return null;
 							}
 						})()
@@ -284,80 +284,80 @@ function B({ message: i, isOwn: o, showStatus: s, showTimestamp: c, onDelete: l,
 		})]
 	});
 }
-function V({ onSend: e, replyTo: t, onCancelReply: n, showAttachments: r, showEmoji: i, placeholder: o, sending: s, showHint: c = !0, hintText: l = "Appuyez sur Entrée pour envoyer, Maj+Entrée pour un saut de ligne" }) {
-	let [u, d] = p.useState(""), m = p.useRef(null), h = () => {
+function U({ onSend: e, replyTo: t, onCancelReply: n, showAttachments: r, showEmoji: i, placeholder: o, sending: s, showHint: c = !0, hintText: l = "Appuyez sur Entrée pour envoyer, Maj+Entrée pour un saut de ligne" }) {
+	let [u, d] = h.useState(""), p = h.useRef(null), m = () => {
 		u.trim() && !s && (e(u.trim()), d(""));
 	};
-	return p.useEffect(() => {
-		m.current && (m.current.style.height = "auto", m.current.style.height = Math.min(m.current.scrollHeight, 120) + "px");
-	}, [u]), /* @__PURE__ */ N("div", {
+	return h.useEffect(() => {
+		p.current && (p.current.style.height = "auto", p.current.style.height = Math.min(p.current.scrollHeight, 120) + "px");
+	}, [u]), /* @__PURE__ */ F("div", {
 		className: "border-t p-3",
 		children: [
-			t && /* @__PURE__ */ N("div", {
+			t && /* @__PURE__ */ F("div", {
 				className: "flex items-center justify-between mb-2 p-2 bg-muted rounded text-sm",
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ M(C, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("span", {
+					children: [/* @__PURE__ */ P(T, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("span", {
 						className: "font-medium",
 						children: t.sender.name
-					}), /* @__PURE__ */ M("p", {
+					}), /* @__PURE__ */ P("p", {
 						className: "text-muted-foreground truncate",
 						children: t.content
 					})] })]
-				}), /* @__PURE__ */ M(a, {
+				}), /* @__PURE__ */ P(a, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-6 w-6",
 					onClick: n,
-					children: /* @__PURE__ */ M(A, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ P(M, { className: "h-4 w-4" })
 				})]
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex items-end gap-2",
 				children: [
-					r && /* @__PURE__ */ M(a, {
+					r && /* @__PURE__ */ P(a, {
 						variant: "ghost",
 						size: "icon",
 						className: "flex-shrink-0",
-						children: /* @__PURE__ */ M(x, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ P(C, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ M(f, {
-						ref: m,
+					/* @__PURE__ */ P(f, {
+						ref: p,
 						value: u,
 						onChange: (e) => d(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && !e.shiftKey && (e.preventDefault(), h());
+							e.key === "Enter" && !e.shiftKey && (e.preventDefault(), m());
 						},
 						placeholder: o,
 						className: "flex-1 min-h-[40px] max-h-[120px] resize-none",
 						disabled: s,
 						rows: 1
 					}),
-					i && /* @__PURE__ */ M(a, {
+					i && /* @__PURE__ */ P(a, {
 						variant: "ghost",
 						size: "icon",
 						className: "flex-shrink-0",
-						children: /* @__PURE__ */ M(D, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ P(k, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ M(a, {
-						onClick: h,
+					/* @__PURE__ */ P(a, {
+						onClick: m,
 						disabled: !u.trim() || s,
 						size: "icon",
 						className: "flex-shrink-0 rounded-full",
-						children: /* @__PURE__ */ M(T, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ P(D, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			c && /* @__PURE__ */ M("p", {
+			c && /* @__PURE__ */ P("p", {
 				className: "text-xs text-muted-foreground mt-2",
 				children: l
 			})
 		]
 	});
 }
-function H({ conversations: t = [], activeConversation: n, messages: r, currentUser: a, onSendMessage: o, onConversationSelect: s, onMessageDelete: c, onMessageReply: l, onSearch: u, onAudioCall: f, onVideoCall: m, onClose: h, onCloseConversation: g, onMinimize: _, showConversationList: y = !0, showHeader: b = !0, showMessageStatus: x = !0, showTimestamps: S = !0, showAttachments: C = !0, showEmoji: w = !0, showDateSeparators: T = !0, showInputHint: E = !0, showCloseButton: D = !1, inputPlaceholder: O, inputHintText: k, sending: A = !1, loading: P = !1, layout: I = "full", headerTitle: H, showHeaderStatus: U = !0, statusText: W, minimized: G = !1, className: K }) {
-	let [q, J] = p.useState(null), Y = p.useRef(null);
-	p.useEffect(() => {
+function W({ conversations: t = [], activeConversation: n, messages: r, currentUser: a, onSendMessage: o, onConversationSelect: s, onMessageDelete: c, onMessageReply: l, onSearch: u, onAudioCall: f, onVideoCall: p, onClose: m, onCloseConversation: g, onMinimize: _, showConversationList: v = !0, showHeader: y = !0, showMessageStatus: x = !0, showTimestamps: S = !0, showAttachments: C = !0, showEmoji: w = !0, showDateSeparators: T = !0, showInputHint: E = !0, showCloseButton: D = !1, inputPlaceholder: O, inputHintText: k, sending: A = !1, loading: j = !1, layout: M = "full", headerTitle: I, showHeaderStatus: R = !0, statusText: W, minimized: G = !1, className: K }) {
+	let [q, J] = h.useState(null), Y = h.useRef(null);
+	h.useEffect(() => {
 		Y.current?.scrollIntoView({ behavior: "smooth" });
 	}, [r]);
 	let X = (e, t) => {
@@ -365,66 +365,66 @@ function H({ conversations: t = [], activeConversation: n, messages: r, currentU
 	}, Z = (e) => {
 		J(e), l?.(e);
 	};
-	return (I === "floating" || I === "widget") && G ? /* @__PURE__ */ N("button", {
+	return (M === "floating" || M === "widget") && G ? /* @__PURE__ */ F("button", {
 		onClick: _,
 		className: e("flex items-center gap-3 p-3 bg-primary text-primary-foreground rounded-full shadow-lg hover:shadow-xl transition-shadow", K),
 		children: [
-			/* @__PURE__ */ M(v, { className: "h-5 w-5" }),
-			/* @__PURE__ */ M("span", {
+			/* @__PURE__ */ P(b, { className: "h-5 w-5" }),
+			/* @__PURE__ */ P("span", {
 				className: "font-medium",
 				children: "Messages"
 			}),
-			t.reduce((e, t) => e + (t.unreadCount || 0), 0) > 0 && /* @__PURE__ */ M(i, {
+			t.reduce((e, t) => e + (t.unreadCount || 0), 0) > 0 && /* @__PURE__ */ P(i, {
 				variant: "secondary",
 				className: "bg-white text-primary",
 				children: t.reduce((e, t) => e + (t.unreadCount || 0), 0)
 			})
 		]
-	}) : /* @__PURE__ */ N("div", {
+	}) : /* @__PURE__ */ F("div", {
 		className: e("flex bg-background overflow-hidden", {
 			full: "h-screen",
 			embedded: "h-[600px]",
 			floating: "h-[500px] w-[400px] rounded-lg shadow-xl border",
 			widget: "h-[500px] w-[350px] rounded-lg shadow-2xl border"
-		}[I], K),
-		children: [y && I !== "widget" && I !== "floating" && /* @__PURE__ */ M("div", {
+		}[M], K),
+		children: [v && M !== "widget" && M !== "floating" && /* @__PURE__ */ P("div", {
 			className: "w-80 flex-shrink-0",
-			children: /* @__PURE__ */ M(R, {
+			children: /* @__PURE__ */ P(B, {
 				conversations: t,
 				activeId: n?.id,
 				currentUser: a,
 				onSelect: (e) => s?.(e),
 				onSearch: u
 			})
-		}), /* @__PURE__ */ M("div", {
+		}), /* @__PURE__ */ P("div", {
 			className: "flex-1 flex flex-col min-w-0",
-			children: n || I === "widget" || I === "floating" ? /* @__PURE__ */ N(j, { children: [
-				b && /* @__PURE__ */ M(z, {
+			children: n || M === "widget" || M === "floating" ? /* @__PURE__ */ F(N, { children: [
+				y && /* @__PURE__ */ P(V, {
 					conversation: n,
 					currentUser: a,
-					title: H,
+					title: I,
 					statusText: W,
-					showStatus: U,
+					showStatus: R,
 					showCloseButton: D,
 					onAudioCall: f,
-					onVideoCall: m,
-					onClose: h,
+					onVideoCall: p,
+					onClose: m,
 					onCloseConversation: g,
 					onMinimize: _,
-					layout: I
+					layout: M
 				}),
-				/* @__PURE__ */ M(d, {
+				/* @__PURE__ */ P(d, {
 					className: "flex-1 p-4",
-					children: /* @__PURE__ */ N("div", {
+					children: /* @__PURE__ */ F("div", {
 						className: "space-y-4",
-						children: [P ? /* @__PURE__ */ M("div", {
+						children: [j ? /* @__PURE__ */ P("div", {
 							className: "flex items-center justify-center py-8",
-							children: /* @__PURE__ */ M("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" })
+							children: /* @__PURE__ */ P("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" })
 						}) : (() => {
 							let e = [], t = null;
 							return r.forEach((n, r) => {
 								let i = typeof n.timestamp == "string" ? new Date(n.timestamp) : n.timestamp;
-								T && (!t || !F(t, i)) && (e.push(/* @__PURE__ */ M(L, { date: i }, `separator-${r}`)), t = i), e.push(/* @__PURE__ */ M(B, {
+								T && (!t || !L(t, i)) && (e.push(/* @__PURE__ */ P(z, { date: i }, `separator-${r}`)), t = i), e.push(/* @__PURE__ */ P(H, {
 									message: n,
 									isOwn: n.sender.id === a.id,
 									showStatus: x,
@@ -433,10 +433,10 @@ function H({ conversations: t = [], activeConversation: n, messages: r, currentU
 									onReply: Z
 								}, n.id));
 							}), e;
-						})(), /* @__PURE__ */ M("div", { ref: Y })]
+						})(), /* @__PURE__ */ P("div", { ref: Y })]
 					})
 				}),
-				/* @__PURE__ */ M(V, {
+				/* @__PURE__ */ P(U, {
 					onSend: X,
 					replyTo: q,
 					onCancelReply: () => J(null),
@@ -454,23 +454,23 @@ function H({ conversations: t = [], activeConversation: n, messages: r, currentU
 					showHint: E,
 					hintText: k
 				})
-			] }) : /* @__PURE__ */ M("div", {
+			] }) : /* @__PURE__ */ P("div", {
 				className: "flex-1 flex items-center justify-center text-muted-foreground",
-				children: /* @__PURE__ */ N("div", {
+				children: /* @__PURE__ */ F("div", {
 					className: "text-center",
-					children: [/* @__PURE__ */ M(v, { className: "h-12 w-12 mx-auto mb-4 opacity-50" }), /* @__PURE__ */ M("p", { children: "Sélectionnez une conversation" })]
+					children: [/* @__PURE__ */ P(b, { className: "h-12 w-12 mx-auto mb-4 opacity-50" }), /* @__PURE__ */ P("p", { children: "Sélectionnez une conversation" })]
 				})
 			})
 		})]
 	});
 }
-var U = {
+var G = {
 	id: "current",
 	name: "Moi",
 	status: "online"
-}, W = [{
+}, K = [{
 	id: "1",
-	participants: [U, {
+	participants: [G, {
 		id: "2",
 		name: "Marie Dupont",
 		status: "online"
@@ -488,7 +488,7 @@ var U = {
 	unreadCount: 0
 }, {
 	id: "2",
-	participants: [U, {
+	participants: [G, {
 		id: "3",
 		name: "Pierre Martin",
 		status: "offline"
@@ -496,12 +496,12 @@ var U = {
 	lastMessage: {
 		id: "m2",
 		content: "On se voit demain ?",
-		sender: U,
+		sender: G,
 		timestamp: /* @__PURE__ */ new Date(Date.now() - 1e3 * 60 * 60),
 		status: "delivered"
 	},
 	unreadCount: 2
-}], G = [
+}], q = [
 	{
 		id: "1",
 		content: "Salut ! Comment ça va ?",
@@ -515,7 +515,7 @@ var U = {
 	{
 		id: "2",
 		content: "Ça va bien merci ! Et toi ?",
-		sender: U,
+		sender: G,
 		timestamp: /* @__PURE__ */ new Date(Date.now() - 1e3 * 60 * 25),
 		status: "read"
 	},
@@ -531,4 +531,4 @@ var U = {
 	}
 ];
 //#endregion
-export { H as default, W as defaultChatConversations, G as defaultChatMessages, U as defaultChatUser };
+export { W as WakaChat, W as default, p as WakaChatWidget, K as defaultChatConversations, q as defaultChatMessages, G as defaultChatUser, m as useChatWidget };