@college-africa/chat-ui 2.0.0 → 2.0.1

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, s as _, t as v, u as y, v as b, w as x, x as S, y as C } from "./summaries-CJ-n36dY.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, s as _, t as v, u as y, v as b, w as x, x as S, y as C } from "./summaries-mMFesyHg.js";
 import * as w from "react";
 import T, { Children as E, Component as D, createContext as O, createElement as k, forwardRef as A, useCallback as j, useContext as M, useEffect as N, useLayoutEffect as ee, useMemo as te, useRef as P, useState as F } from "react";
 import { Alert as I, AlertTitle as ne, AppBar as re, Autocomplete as ie, Avatar as ae, Badge as oe, Box as L, Button as R, Chip as se, CircularProgress as ce, Dialog as le, DialogActions as ue, DialogContent as de, DialogTitle as fe, Divider as pe, Drawer as me, FormControlLabel as he, IconButton as z, InputAdornment as ge, LinearProgress as _e, List as ve, ListItem as ye, ListItemAvatar as be, ListItemButton as xe, ListItemText as Se, Menu as Ce, MenuItem as we, Paper as Te, Select as Ee, Skeleton as De, Snackbar as Oe, Switch as ke, TextField as Ae, Toolbar as je, Tooltip as Me, Typography as B } from "@mui/material";
@@ -5016,13 +5016,13 @@ Kd.defaultProps = { validateOnChange: !0 };
 //#endregion
 //#region ../../node_modules/lodash/isSymbol.js
 var qd = /* @__PURE__ */ x(((e, t) => {
-	var n = C(), r = l(), i = "[object Symbol]";
+	var n = b(), r = u(), i = "[object Symbol]";
 	function a(e) {
 		return typeof e == "symbol" || r(e) && n(e) == i;
 	}
 	t.exports = a;
 })), Jd = /* @__PURE__ */ x(((e, t) => {
-	var n = u(), r = qd(), i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
+	var n = p(), r = qd(), i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
 	function o(e, t) {
 		if (n(e)) return !1;
 		var o = typeof e;
@@ -5030,18 +5030,18 @@ var qd = /* @__PURE__ */ x(((e, t) => {
 	}
 	t.exports = o;
 })), Yd = /* @__PURE__ */ x(((e, t) => {
-	var n = r(), i = "Expected a function";
-	function a(e, t) {
-		if (typeof e != "function" || t != null && typeof t != "function") throw TypeError(i);
-		var r = function() {
-			var n = arguments, i = t ? t.apply(this, n) : n[0], a = r.cache;
-			if (a.has(i)) return a.get(i);
+	var n = l(), r = "Expected a function";
+	function i(e, t) {
+		if (typeof e != "function" || t != null && typeof t != "function") throw TypeError(r);
+		var a = function() {
+			var n = arguments, r = t ? t.apply(this, n) : n[0], i = a.cache;
+			if (i.has(r)) return i.get(r);
 			var o = e.apply(this, n);
-			return r.cache = a.set(i, o) || a, o;
+			return a.cache = i.set(r, o) || i, o;
 		};
-		return r.cache = new (a.Cache || n)(), r;
+		return a.cache = new (i.Cache || n)(), a;
 	}
-	a.Cache = n, t.exports = a;
+	i.Cache = n, t.exports = i;
 })), Xd = /* @__PURE__ */ x(((e, t) => {
 	var n = Yd(), r = 500;
 	function i(e) {
@@ -5066,15 +5066,15 @@ var qd = /* @__PURE__ */ x(((e, t) => {
 	}
 	t.exports = n;
 })), $d = /* @__PURE__ */ x(((e, t) => {
-	var n = a(), r = Qd(), i = u(), o = qd(), s = Infinity, c = n ? n.prototype : void 0, l = c ? c.toString : void 0;
-	function d(e) {
+	var n = C(), r = Qd(), i = p(), a = qd(), o = Infinity, s = n ? n.prototype : void 0, c = s ? s.toString : void 0;
+	function l(e) {
 		if (typeof e == "string") return e;
-		if (i(e)) return r(e, d) + "";
-		if (o(e)) return l ? l.call(e) : "";
+		if (i(e)) return r(e, l) + "";
+		if (a(e)) return c ? c.call(e) : "";
 		var t = e + "";
-		return t == "0" && 1 / e == -s ? "-0" : t;
+		return t == "0" && 1 / e == -o ? "-0" : t;
 	}
-	t.exports = d;
+	t.exports = l;
 })), ef = /* @__PURE__ */ x(((e, t) => {
 	var n = $d();
 	function r(e) {
@@ -5082,7 +5082,7 @@ var qd = /* @__PURE__ */ x(((e, t) => {
 	}
 	t.exports = r;
 })), tf = /* @__PURE__ */ x(((e, t) => {
-	var n = u(), r = Jd(), i = Zd(), a = ef();
+	var n = p(), r = Jd(), i = Zd(), a = ef();
 	function o(e, t) {
 		return n(e) ? e : r(e, t) ? [e] : i(a(e));
 	}
@@ -5216,24 +5216,24 @@ var qd = /* @__PURE__ */ x(((e, t) => {
 	let t = new Date(e);
 	return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
 }, df = ({ multiple: e = !1, formik: t, name: n, label: r = "Search users", disabled: a = !1, error: o, helperText: s, value: c, onChange: l }) => {
-	let [u, d] = F(!1), [f, m] = F([]), [h, g] = F(!1), [_, v] = F(""), y = j(async (e) => {
+	let [u, d] = F(!1), [f, p] = F([]), [m, h] = F(!1), [g, _] = F(""), v = j(async (e) => {
 		if (e.length < 2) {
-			m([]);
+			p([]);
 			return;
 		}
-		g(!0);
+		h(!0);
 		try {
 			let t = i();
 			if (!t) return;
-			m(await t.searchUsers({ name: e }));
+			p(await t.searchUsers({ name: e }));
 		} catch (e) {
-			p.error("Failed to search users:", e), m([]);
+			S.error("Failed to search users:", e), p([]);
 		} finally {
-			g(!1);
+			h(!1);
 		}
-	}, []), b = j((e, t) => {
-		v(t), y(t);
-	}, [y]), x = () => c === void 0 ? t && n ? t.values[n] : e ? [] : null : c, S = (e, r) => {
+	}, []), y = j((e, t) => {
+		_(t), v(t);
+	}, [v]), b = () => c === void 0 ? t && n ? t.values[n] : e ? [] : null : c, x = (e, r) => {
 		l ? l(r) : t && n && t.setFieldValue(n, r);
 	}, C = () => {
 		t && n && t.setFieldTouched(n);
@@ -5247,14 +5247,14 @@ var qd = /* @__PURE__ */ x(((e, t) => {
 		onClose: () => d(!1),
 		multiple: e,
 		options: f,
-		value: x(),
-		onChange: S,
+		value: b(),
+		onChange: x,
 		onBlur: C,
-		onInputChange: b,
+		onInputChange: y,
 		getOptionLabel: (e) => e.name,
 		isOptionEqualToValue: (e, t) => e.id === t.id,
-		loading: h,
-		noOptionsText: _.length < 3 ? "Type at least 3 characters to search" : "No users found",
+		loading: m,
+		noOptionsText: g.length < 3 ? "Type at least 3 characters to search" : "No users found",
 		renderOption: (e, t) => /* @__PURE__ */ k(L, {
 			component: "li",
 			...e,
@@ -5276,7 +5276,7 @@ var qd = /* @__PURE__ */ x(((e, t) => {
 			helperText: w() || s,
 			InputProps: {
 				...e.InputProps,
-				endAdornment: /* @__PURE__ */ H(Ne, { children: [h ? /* @__PURE__ */ V(ce, { size: 20 }) : null, e.InputProps.endAdornment] })
+				endAdornment: /* @__PURE__ */ H(Ne, { children: [m ? /* @__PURE__ */ V(ce, { size: 20 }) : null, e.InputProps.endAdornment] })
 			}
 		})
 	});
@@ -5491,17 +5491,17 @@ typeof FinalizationRegistry < "u" && new FinalizationRegistry((e) => {
 	t && t.release(e);
 }), Reflect.get(w, "use");
 var yf = ({ selectedConversation: e, currentUser: t, onConversationSelect: n }) => {
-	let [r, a] = F(!0), [o, c] = F(), [l, u] = F(!1), d = vf(() => s.summaries.toArray(), [e]) || [], f = vf(() => s.groups.toArray(), []) || [], m = t?.role === "admin" || t?.role === "system", h = j(async () => {
+	let [r, a] = F(!0), [o, c] = F(), [l, u] = F(!1), d = vf(() => s.summaries.toArray(), [e]) || [], f = vf(() => s.groups.toArray(), []) || [], p = t?.role === "admin" || t?.role === "system", m = j(async () => {
 		a(!0), t?.org && (await Promise.all([v({}), mf(t?.org)]).catch((e) => {
 			c(e instanceof Error ? e : Error(String(e)));
 		}), a(!1));
 	}, [t?.org]);
 	N(() => {
-		h();
-		let e = setInterval(h, 3 * 6e4);
+		m();
+		let e = setInterval(m, 3 * 6e4);
 		return () => clearInterval(e);
-	}, [h]);
-	let [g, _] = F({});
+	}, [m]);
+	let [h, g] = F({});
 	N(() => {
 		d.length > 0 && t?.org && (async () => {
 			if (!t?.org) return;
@@ -5509,28 +5509,28 @@ var yf = ({ selectedConversation: e, currentUser: t, onConversationSelect: n })
 			if (!e) return;
 			let n = {};
 			for (let t of d) try {
-				if (t.user !== void 0 && !g[t.user]) {
+				if (t.user !== void 0 && !h[t.user]) {
 					let r = await e.getUser(t.user);
 					n[t.user] = r.name;
 				}
 			} catch (e) {
-				p.error("Failed to load conversation name:", e);
+				S.error("Failed to load conversation name:", e);
 			}
-			Object.keys(n).length > 0 && _((e) => ({
+			Object.keys(n).length > 0 && g((e) => ({
 				...e,
 				...n
 			}));
 		})();
 	}, [d, t?.org]);
-	let y = (e) => e.user === void 0 ? e.group === void 0 ? "Unknown" : f.find((t) => t.id === e.group)?.name || `Group ${e.group}` : g[e.user] || `User ${e.user}`, b = (t) => e ? t.group === void 0 ? t.user === void 0 ? !1 : e.type === "dm" && e.id === t.user : e.type === "group" && e.id === t.group : !1, x = (e) => {
+	let _ = (e) => e.user === void 0 ? e.group === void 0 ? "Unknown" : f.find((t) => t.id === e.group)?.name || `Group ${e.group}` : h[e.user] || `User ${e.user}`, y = (t) => e ? t.group === void 0 ? t.user === void 0 ? !1 : e.type === "dm" && e.id === t.user : e.type === "group" && e.id === t.group : !1, b = (e) => {
 		e.group === void 0 ? e.user !== void 0 && n({
 			type: "dm",
 			id: e.user,
-			name: y(e)
+			name: _(e)
 		}) : n({
 			type: "group",
 			id: e.group,
-			name: y(e)
+			name: _(e)
 		});
 	};
 	return /* @__PURE__ */ H(L, {
@@ -5550,7 +5550,7 @@ var yf = ({ selectedConversation: e, currentUser: t, onConversationSelect: n })
 					component: "div",
 					sx: { flexGrow: 1 },
 					children: "Messages"
-				}), m && /* @__PURE__ */ V(Me, {
+				}), p && /* @__PURE__ */ V(Me, {
 					title: "Create Group",
 					children: /* @__PURE__ */ V(z, {
 						color: "primary",
@@ -5561,11 +5561,11 @@ var yf = ({ selectedConversation: e, currentUser: t, onConversationSelect: n })
 					})
 				})] })
 			}),
-			m && t?.org && /* @__PURE__ */ V(pf, {
+			p && t?.org && /* @__PURE__ */ V(pf, {
 				open: l,
 				onClose: () => u(!1),
 				onSuccess: async () => {
-					await h();
+					await m();
 				},
 				orgId: t.org
 			}),
@@ -5609,9 +5609,9 @@ var yf = ({ selectedConversation: e, currentUser: t, onConversationSelect: n })
 						}));
 						return [...[...d].sort((e, t) => new Date(t.last_message_at).getTime() - new Date(e.last_message_at).getTime()), ...n].map((e) => /* @__PURE__ */ V(Aa, {
 							conversation: e,
-							displayName: y(e),
-							selected: b(e),
-							onClick: () => x(e),
+							displayName: _(e),
+							selected: y(e),
+							onClick: () => b(e),
 							currentUser: t
 						}, e.group === void 0 ? `user-${e.user}` : `group-${e.group}`));
 					})()
@@ -6142,6 +6142,7 @@ var Ef = ({ isOwnMessage: e, isLastInGroup: t, status: n, isOptimistic: r }) =>
 								display: "block",
 								width: "100%",
 								maxWidth: 280,
+								maxHeight: 300,
 								cursor: "pointer",
 								borderRadius: "4px"
 							}
@@ -6370,7 +6371,7 @@ function Pf(e) {
 		if (!e.length) return t;
 		try {
 			let n = Nf(e), r = Array.from(n);
-			if (p.debug("[names] size:", n.size), !n.size) return t;
+			if (S.debug("[names] size:", n.size), !n.size) return t;
 			let a = (await s.users.bulkGet(r)).filter((e) => !!e), o = /* @__PURE__ */ new Map();
 			if (a.forEach((e) => {
 				o.set(e.id, e.name);
@@ -6382,7 +6383,7 @@ function Pf(e) {
 			let d = o;
 			return u.forEach((e) => d.set(e.id, e.name)), d;
 		} catch (e) {
-			p.error("[useSenderNames] Failed to fetch users:", e);
+			S.error("[useSenderNames] Failed to fetch users:", e);
 		}
 		return t;
 	}, [e, t]);
@@ -9179,7 +9180,7 @@ function bp({ conversation: e, limit: t = 50 }) {
 	return Mf(async () => {
 		let r = { limit: t };
 		d.length && (r.cursorType = "after", r.cursorDatetime = d[d.length - 1]?.created_at), i(!0), await o(e, r).catch(u), i(!1), await s.summaries.update(n, { unread_count: 0 });
-	}, [e, t]), p.debug("mw", d.length), {
+	}, [e, t]), S.debug("mw", d.length), {
 		messages: d,
 		cursor: f,
 		loading: r,
@@ -9192,7 +9193,7 @@ function bp({ conversation: e, limit: t = 50 }) {
 					if (!f?.datetime) return;
 					n.cursorType = "before", n.cursorDatetime = f.datetime, await o(e, n);
 				} catch (e) {
-					p.error("[useMessages] Failed to load more:", e);
+					S.error("[useMessages] Failed to load more:", e);
 				}
 				c(!1);
 			}
@@ -9396,7 +9397,7 @@ var xp = ({ conversation: e, user: t, isConnected: n, onBack: r }) => {
 		};
 	}
 	componentDidCatch(e, t) {
-		p.error("ErrorBoundary caught an error:", e, t), this.props.onError?.(e, t);
+		S.error("ErrorBoundary caught an error:", e, t), this.props.onError?.(e, t);
 	}
 	handleReset = () => {
 		this.setState({
@@ -9455,7 +9456,7 @@ function Cp({ onMessage: e, onConnect: t, onDisconnect: n, onError: r } = {}) {
 				e.off("message", s), e.off("open", c), e.off("close", l), e.off("error", u);
 			}) : void 0;
 		} catch (e) {
-			p.error("Failed to setup WebSocket listeners:", e);
+			S.error("Failed to setup WebSocket listeners:", e);
 		}
 	}, [
 		s,
@@ -9557,7 +9558,7 @@ var wp = ({ initialConversation: e }) => {
 	} },
 	children: t
 }), Ep = /* @__PURE__ */ x(((e, t) => {
-	var n = S();
+	var n = a();
 	t.exports = function() {
 		return n.Date.now();
 	};
@@ -9575,26 +9576,26 @@ var wp = ({ initialConversation: e }) => {
 	}
 	t.exports = i;
 })), kp = /* @__PURE__ */ x(((e, t) => {
-	var n = Op(), r = b(), i = qd(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, c = /^0o[0-7]+$/i, l = parseInt;
-	function u(e) {
+	var n = Op(), i = r(), a = qd(), o = NaN, s = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, l = /^0o[0-7]+$/i, u = parseInt;
+	function d(e) {
 		if (typeof e == "number") return e;
-		if (i(e)) return a;
-		if (r(e)) {
+		if (a(e)) return o;
+		if (i(e)) {
 			var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-			e = r(t) ? t + "" : t;
+			e = i(t) ? t + "" : t;
 		}
 		if (typeof e != "string") return e === 0 ? e : +e;
 		e = n(e);
-		var u = s.test(e);
-		return u || c.test(e) ? l(e.slice(2), u ? 2 : 8) : o.test(e) ? a : +e;
+		var r = c.test(e);
+		return r || l.test(e) ? u(e.slice(2), r ? 2 : 8) : s.test(e) ? o : +e;
 	}
-	t.exports = u;
+	t.exports = d;
 })), Ap = /* @__PURE__ */ n((/* @__PURE__ */ x(((e, t) => {
-	var n = b(), r = Ep(), i = kp(), a = "Expected a function", o = Math.max, s = Math.min;
-	function c(e, t, c) {
+	var n = r(), i = Ep(), a = kp(), o = "Expected a function", s = Math.max, c = Math.min;
+	function l(e, t, r) {
 		var l, u, d, f, p, m, h = 0, g = !1, _ = !1, v = !0;
-		if (typeof e != "function") throw TypeError(a);
-		t = i(t) || 0, n(c) && (g = !!c.leading, _ = "maxWait" in c, d = _ ? o(i(c.maxWait) || 0, t) : d, v = "trailing" in c ? !!c.trailing : v);
+		if (typeof e != "function") throw TypeError(o);
+		t = a(t) || 0, n(r) && (g = !!r.leading, _ = "maxWait" in r, d = _ ? s(a(r.maxWait) || 0, t) : d, v = "trailing" in r ? !!r.trailing : v);
 		function y(t) {
 			var n = l, r = u;
 			return l = u = void 0, h = t, f = e.apply(r, n), f;
@@ -9604,14 +9605,14 @@ var wp = ({ initialConversation: e }) => {
 		}
 		function x(e) {
 			var n = e - m, r = e - h, i = t - n;
-			return _ ? s(i, d - r) : i;
+			return _ ? c(i, d - r) : i;
 		}
 		function S(e) {
 			var n = e - m, r = e - h;
 			return m === void 0 || n >= t || n < 0 || _ && r >= d;
 		}
 		function C() {
-			var e = r();
+			var e = i();
 			if (S(e)) return w(e);
 			p = setTimeout(C, x(e));
 		}
@@ -9622,10 +9623,10 @@ var wp = ({ initialConversation: e }) => {
 			p !== void 0 && clearTimeout(p), h = 0, l = m = u = p = void 0;
 		}
 		function E() {
-			return p === void 0 ? f : w(r());
+			return p === void 0 ? f : w(i());
 		}
 		function D() {
-			var e = r(), n = S(e);
+			var e = i(), n = S(e);
 			if (l = arguments, u = this, m = e, n) {
 				if (p === void 0) return b(m);
 				if (_) return clearTimeout(p), p = setTimeout(C, t), y(m);
@@ -9634,9 +9635,9 @@ var wp = ({ initialConversation: e }) => {
 		}
 		return D.cancel = T, D.flush = E, D;
 	}
-	t.exports = c;
+	t.exports = l;
 })))(), 1), jp = 0, Mp = (0, Ap.default)(() => {
-	i() && v().catch((e) => p.warn(String(e)));
+	i() && v().catch((e) => S.warn(String(e)));
 }, 600);
 function Np() {
 	return N(() => (jp++, jp === 1 && (document.addEventListener("visibilitychange", () => {