@traiyani/chatsdk-react 1.0.2 → 1.0.4

package/dist/chatsdk-react.mjs

@@ -2596,11 +2596,11 @@ function me(c) {
   let e = this || {}, t = c.call ? c(e.p) : c;
   return ut(t.unshift ? t.raw ? mt(t, [].slice.call(arguments, 1), e.p) : t.reduce((a, s) => Object.assign(a, s && s.call ? s(e.p) : s), {}) : t, dt(e.target), e.g, e.o, e.k);
 }
-let Ne, ke, ye;
+let Ne, ke, ve;
 me.bind({ g: 1 });
 let ee = me.bind({ k: 1 });
 function ft(c, e, t, a) {
-  se.p = e, Ne = c, ke = t, ye = a;
+  se.p = e, Ne = c, ke = t, ve = a;
 }
 function ne(c, e) {
   let t = this || {};
@@ -2610,12 +2610,12 @@ function ne(c, e) {
       let r = Object.assign({}, n), i = r.className || s.className;
       t.p = Object.assign({ theme: ke && ke() }, r), t.o = / *go\d+/.test(i), r.className = me.apply(t, a) + (i ? " " + i : "");
       let l = c;
-      return c[0] && (l = r.as || c, delete r.as), ye && l[0] && ye(r), Ne(l, r);
+      return c[0] && (l = r.as || c, delete r.as), ve && l[0] && ve(r), Ne(l, r);
     }
     return s;
   };
 }
-var pt = (c) => typeof c == "function", ve = (c, e) => pt(c) ? c(e) : c, wt = /* @__PURE__ */ (() => {
+var pt = (c) => typeof c == "function", ye = (c, e) => pt(c) ? c(e) : c, wt = /* @__PURE__ */ (() => {
   let c = 0;
   return () => (++c).toString();
 })(), kt = /* @__PURE__ */ (() => {
@@ -2627,10 +2627,10 @@ var pt = (c) => typeof c == "function", ve = (c, e) => pt(c) ? c(e) : c, wt = /*
     }
     return c;
   };
-})(), yt = 20, Te = (c, e) => {
+})(), vt = 20, Te = (c, e) => {
   switch (e.type) {
     case 0:
-      return { ...c, toasts: [e.toast, ...c.toasts].slice(0, yt) };
+      return { ...c, toasts: [e.toast, ...c.toasts].slice(0, vt) };
     case 1:
       return { ...c, toasts: c.toasts.map((n) => n.id === e.toast.id ? { ...n, ...e.toast } : n) };
     case 2:
@@ -2647,8 +2647,8 @@ var pt = (c) => typeof c == "function", ve = (c, e) => pt(c) ? c(e) : c, wt = /*
       let s = e.time - (c.pausedAt || 0);
       return { ...c, pausedAt: void 0, toasts: c.toasts.map((n) => ({ ...n, pauseDuration: n.pauseDuration + s })) };
   }
-}, vt = [], we = { toasts: [], pausedAt: void 0 }, Me = (c) => {
-  we = Te(we, c), vt.forEach((e) => {
+}, yt = [], we = { toasts: [], pausedAt: void 0 }, Me = (c) => {
+  we = Te(we, c), yt.forEach((e) => {
     e(we);
   });
 }, bt = (c, e = "blank", t) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: e, ariaProps: { role: "status", "aria-live": "polite" }, message: c, pauseDuration: 0, ...t, id: (t == null ? void 0 : t.id) || wt() }), ue = (c) => (e, t) => {
@@ -2666,10 +2666,10 @@ V.remove = (c) => Me({ type: 4, toastId: c });
 V.promise = (c, e, t) => {
   let a = V.loading(e.loading, { ...t, ...t == null ? void 0 : t.loading });
   return typeof c == "function" && (c = c()), c.then((s) => {
-    let n = e.success ? ve(e.success, s) : void 0;
+    let n = e.success ? ye(e.success, s) : void 0;
     return n ? V.success(n, { id: a, ...t, ...t == null ? void 0 : t.success }) : V.dismiss(a), s;
   }).catch((s) => {
-    let n = e.error ? ve(e.error, s) : void 0;
+    let n = e.error ? ye(e.error, s) : void 0;
     n ? V.error(n, { id: a, ...t, ...t == null ? void 0 : t.error }) : V.dismiss(a);
   }), c;
 };
@@ -2852,7 +2852,7 @@ to {
   return { animation: e ? `${ee(a)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${ee(s)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
 };
 q.memo(({ toast: c, position: e, style: t, children: a }) => {
-  let s = c.height ? Ot(c.position || e || "top-center", c.visible) : { opacity: 0 }, n = q.createElement(Tt, { toast: c }), o = q.createElement(Pt, { ...c.ariaProps }, ve(c.message, c));
+  let s = c.height ? Ot(c.position || e || "top-center", c.visible) : { opacity: 0 }, n = q.createElement(Tt, { toast: c }), o = q.createElement(Pt, { ...c.ariaProps }, ye(c.message, c));
   return q.createElement($t, { className: c.className, style: { ...s, ...t, ...c.style } }, typeof a == "function" ? a({ icon: n, message: o }) : q.createElement(q.Fragment, null, n, o));
 });
 ft(q.createElement);
@@ -3086,7 +3086,7 @@ const jt = {
 let he = "en";
 const Ie = (c) => {
   be[c] ? (he = c, document.documentElement.lang = c, document.documentElement.dir = qt() ? "rtl" : "ltr", localStorage.setItem("chatSDK_language", c)) : (console.warn(`Locale "${c}" not found, falling back to "en".`), he = "en", document.documentElement.lang = "en", document.documentElement.dir = "ltr");
-}, Zt = () => he, qt = () => he === "ar", w = (c, e) => {
+}, ea = () => he, qt = () => he === "ar", w = (c, e) => {
   let t = be[he][c] || be.en[c] || c;
   if (e)
     for (const a in e)
@@ -3097,15 +3097,15 @@ const Ie = (c) => {
   return t;
 }, Ae = localStorage.getItem("chatSDK_language");
 Ie(Ae || "en");
-const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
+const Vt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
   var Se;
-  const [s, n] = T([]), [o, r] = T(""), [i, l] = T(!1), [d, h] = T(!1), [m, p] = T({}), [E, P] = T(!1), [Ce, ge] = T(!0), [y, C] = T(1), [O, G] = T(null), [B, J] = T(!1), [D, F] = T(!1), [N, x] = T(!1), [K, j] = T(null), [te, ae] = T(!1), Q = le(null), ce = le(null), $ = le(null), H = le(null), re = 20, oe = De(() => {
+  const [s, n] = T([]), [o, r] = T(""), [i, l] = T(!1), [d, h] = T(!1), [m, p] = T({}), [E, P] = T(!1), [Ce, ge] = T(!0), [v, C] = T(1), [O, G] = T(null), [B, J] = T(!1), [D, F] = T(!1), [N, x] = T(!1), [K, j] = T(null), [te, ae] = T(!1), Q = le(null), ce = le(null), $ = le(null), H = le(null), re = 20, oe = De(() => {
     if (!c || !e) return null;
     const g = c.participants || [];
     if (g.length === 0) return null;
     const f = e.id || e.userId, b = e.externalUserId || e.external_user_id;
-    return g.find((v) => {
-      const S = v.id || v.userId, k = v.externalUserId || v.external_user_id;
+    return g.find((y) => {
+      const S = y.id || y.userId, k = y.externalUserId || y.external_user_id;
       return !(f && S && S === f || b && k && k === b) && (S || k);
     }) || null;
   }, [c, e]), U = oe(), W = De(() => {
@@ -3143,7 +3143,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
       !k.messageId || k.roomId !== (c == null ? void 0 : c.id) || n((_) => _.map(
         (I) => I.id === k.messageId && I.senderId === e.id ? { ...I, isRead: k.isRead } : I
       ));
-    }, v = (k) => {
+    }, y = (k) => {
       if (k.roomId !== (c == null ? void 0 : c.id)) return;
       const _ = e == null ? void 0 : e.id;
       if (!k.messageIds || k.messageIds.length === 0) {
@@ -3162,15 +3162,15 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
       const A = e.id || e.userId, L = oe(), Z = L ? L.id || L.userId || L.externalUserId || L.external_user_id : null;
       J(I[A] === 1), F(Z ? I[Z] === 1 : !1);
     };
-    return g.events.on("message.received", f), g.events.on("message.read.receipt", b), g.events.on("messages.read.receipt", v), g.events.on("conversation.block_status", S), () => {
-      g.events.off("message.received", f), g.events.off("message.read.receipt", b), g.events.off("messages.read.receipt", v), g.events.off("conversation.block_status", S);
+    return g.events.on("message.received", f), g.events.on("message.read.receipt", b), g.events.on("messages.read.receipt", y), g.events.on("conversation.block_status", S), () => {
+      g.events.off("message.received", f), g.events.off("message.read.receipt", b), g.events.off("messages.read.receipt", y), g.events.off("conversation.block_status", S);
     };
   }, [c == null ? void 0 : c.id, e == null ? void 0 : e.id]), Y(() => {
     if (!c || !e) {
       J(!1), F(!1), G(null);
       return;
     }
-    const f = (c.metadata || {}).blockedUsers || {}, b = e.id || e.userId, v = oe(), S = v ? v.id || v.userId || v.externalUserId || v.external_user_id : null;
+    const f = (c.metadata || {}).blockedUsers || {}, b = e.id || e.userId, y = oe(), S = y ? y.id || y.userId || y.externalUserId || y.external_user_id : null;
     J(f[b] === 1), F(S ? f[S] === 1 : !1), G({
       chatId: c.id,
       currentUserId: b,
@@ -3196,24 +3196,24 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
     var g;
     (g = Q.current) == null || g.scrollIntoView({ behavior: "smooth" });
   }, $e = (g) => new Date(g).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), pe = (g) => {
-    const f = new Date(g), b = /* @__PURE__ */ new Date(), v = new Date(b.getFullYear(), b.getMonth(), b.getDate()), S = new Date(f.getFullYear(), f.getMonth(), f.getDate()), k = Math.floor((v.getTime() - S.getTime()) / (1e3 * 60 * 60 * 24));
+    const f = new Date(g), b = /* @__PURE__ */ new Date(), y = new Date(b.getFullYear(), b.getMonth(), b.getDate()), S = new Date(f.getFullYear(), f.getMonth(), f.getDate()), k = Math.floor((y.getTime() - S.getTime()) / (1e3 * 60 * 60 * 24));
     if (k === 0) return "Today";
     if (k === 1) return "Yesterday";
     const _ = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], I = f.getDate().toString().padStart(2, "0"), A = (f.getMonth() + 1).toString().padStart(2, "0");
     return k < 7 ? `${_[f.getDay()]}, ${I}/${A}` : `${I}/${A}/${f.getFullYear()}`;
   }, Pe = (g, f) => {
     if (f === 0) return !0;
-    const b = s[f - 1], v = new Date(b.timestamp).toDateString(), S = new Date(g.timestamp).toDateString();
-    return v !== S;
+    const b = s[f - 1], y = new Date(b.timestamp).toDateString(), S = new Date(g.timestamp).toDateString();
+    return y !== S;
   }, Oe = (g) => g ? g.includes("pdf") ? "📄" : g.includes("word") ? "📝" : g.includes("excel") ? "📊" : g.includes("audio") ? "🎵" : g.includes("video") ? "🎥" : "📎" : "📎", je = () => {
     if (!$.current) return;
     const g = $.current, f = g.querySelectorAll(".date-divider[data-date]");
     if (f.length === 0) return;
     let b = null;
-    const v = g.getBoundingClientRect().top;
+    const y = g.getBoundingClientRect().top;
     for (let S = f.length - 1; S >= 0; S--) {
       const k = f[S];
-      if (k.getBoundingClientRect().top <= v + 50) {
+      if (k.getBoundingClientRect().top <= y + 50) {
         b = k.getAttribute("data-date");
         break;
       }
@@ -3231,21 +3231,21 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
     /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? window.location.href = `tel:${f}` : navigator.clipboard.writeText(f).then(() => {
       z.success(w("number_copied") || `Phone number copied: ${f}`);
     }).catch(() => {
-      const v = document.createElement("textarea");
-      v.value = f, document.body.appendChild(v), v.select(), document.execCommand("copy"), document.body.removeChild(v), z.success(w("number_copied") || `Phone number copied: ${f}`);
+      const y = document.createElement("textarea");
+      y.value = f, document.body.appendChild(y), y.select(), document.execCommand("copy"), document.body.removeChild(y), z.success(w("number_copied") || `Phone number copied: ${f}`);
     });
   }, qe = async (g = 1, f = !1) => {
     if (c) {
       g === 1 ? (l(!0), n([]), C(1), ge(!0)) : P(!0);
       try {
-        const v = await R.getInstance().messages.getMessages({
+        const y = await R.getInstance().messages.getMessages({
           conversationId: c.id,
           limit: re,
           offset: (g - 1) * re
-        }), S = v.sort(
+        }), S = y.sort(
           (k, _) => new Date(k.timestamp).getTime() - new Date(_.timestamp).getTime()
         );
-        f && g > 1 ? n((k) => [...S, ...k]) : n(S), ge(v.length === re), C(g);
+        f && g > 1 ? n((k) => [...S, ...k]) : n(S), ge(y.length === re), C(g);
       } catch {
         z.error(w("error_load_messages"));
       } finally {
@@ -3286,10 +3286,10 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
         mimeType: g.type
       }
     };
-    n((v) => [...v, b]), p((v) => ({ ...v, [f]: 0 }));
+    n((y) => [...y, b]), p((y) => ({ ...y, [f]: 0 }));
     try {
       h(!0);
-      const v = R.getInstance(), S = v.media.getFileTypeCategory(g.type), k = await v.media.uploadMedia({
+      const y = R.getInstance(), S = y.media.getFileTypeCategory(g.type), k = await y.media.uploadMedia({
         file: g,
         type: S,
         conversationId: c.id,
@@ -3306,7 +3306,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
         fileSize: k.fileSize,
         mimeType: k.mimeType || g.type
       };
-      await v.messages.sendMessageWithOptions({
+      await y.messages.sendMessageWithOptions({
         conversationId: c.id,
         content: `${g.name}`,
         type: _,
@@ -3317,11 +3317,11 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
           return delete L[f], L;
         });
       }, 200), z.success(w("file_sent_successfully"));
-    } catch (v) {
+    } catch (y) {
       n((S) => S.filter((k) => k.id !== f)), p((S) => {
         const k = { ...S };
         return delete k[f], k;
-      }), z.error(w("error_file_upload") + ": " + (v.message || w("error_unknown")));
+      }), z.error(w("error_file_upload") + ": " + (y.message || w("error_unknown")));
     } finally {
       h(!1);
     }
@@ -3343,8 +3343,8 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
           return;
         }
         await g.conversations.blockUserInChat(c.id, b);
-        const v = c.metadata || {}, S = v.blockedUsers || {};
-        S[b] = 1, c && (c.metadata = { ...v, blockedUsers: S }), F(!0), z.success(w("user_blocked"));
+        const y = c.metadata || {}, S = y.blockedUsers || {};
+        S[b] = 1, c && (c.metadata = { ...y, blockedUsers: S }), F(!0), z.success(w("user_blocked"));
       } catch {
         z.error(w("failed_to_block"));
       }
@@ -3362,8 +3362,8 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
           return;
         }
         await g.conversations.unblockUserInChat(c.id, f);
-        const b = c.metadata || {}, v = b.blockedUsers || {};
-        delete v[f], c && (c.metadata = { ...b, blockedUsers: v }), F(!1), z.success(w("user_unblocked"));
+        const b = c.metadata || {}, y = b.blockedUsers || {};
+        delete y[f], c && (c.metadata = { ...b, blockedUsers: y }), F(!1), z.success(w("user_unblocked"));
       } catch {
         z.error(w("failed_to_unblock"));
       }
@@ -3424,7 +3424,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
       K && !i && s.length > 0 && /* @__PURE__ */ u("div", { className: `sticky-date-header ${te ? "sticky-date-visible" : ""}`, children: /* @__PURE__ */ u("span", { className: "sticky-date-pill", children: K }) }),
       i ? /* @__PURE__ */ u("div", { className: "loading-messages", children: w("loading_messages") }) : /* @__PURE__ */ M(Je, { children: [
         s.map((g, f) => {
-          var b, v, S, k, _, I, A, L, Z, Le;
+          var b, y, S, k, _, I, A, L, Z, Le;
           return /* @__PURE__ */ M(Qe.Fragment, { children: [
             Pe(g, f) && /* @__PURE__ */ M("div", { className: "date-divider", "data-date": pe(g.timestamp), children: [
               /* @__PURE__ */ u("div", { className: "date-divider-line" }),
@@ -3437,7 +3437,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
                 /* @__PURE__ */ u(
                   "img",
                   {
-                    src: g.isUploading ? g.localFileUri : (v = g.metadata) == null ? void 0 : v.fileUrl,
+                    src: g.isUploading ? g.localFileUri : (y = g.metadata) == null ? void 0 : y.fileUrl,
                     alt: ((S = g.metadata) == null ? void 0 : S.fileName) || w("image"),
                     className: g.isUploading ? "uploading-image" : "",
                     onClick: () => {
@@ -3543,7 +3543,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
       /* @__PURE__ */ u("button", { type: "submit", disabled: !o.trim() || i || d || B, className: "send-btn", children: w(d ? "uploading" : "send") })
     ] })
   ] });
-}, ea = ({
+}, ta = (c) => /* @__PURE__ */ u("div", { className: "chatsdk-root", children: /* @__PURE__ */ u(Vt, { ...c }) }), Gt = ({
   currentUser: c,
   onSelectConversation: e,
   selectedConversationId: t
@@ -3559,7 +3559,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
     c && (s([]), m());
   }, [c.id]), Y(() => {
     var J;
-    const y = R.getInstance(), C = (D) => {
+    const v = R.getInstance(), C = (D) => {
       const F = D.message, N = F.roomId || F.conversationId;
       s(
         (x) => x.map((K) => {
@@ -3626,20 +3626,20 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
         )
       );
     };
-    return y.events.on("message.received", C), y.events.on("conversation.updated", O), y.events.on("conversation.read", G), (J = y.socket) != null && J.isConnected() && (y.socket.on("auto_marked_read", B), y.socket.on("room_marked_read", G)), () => {
+    return v.events.on("message.received", C), v.events.on("conversation.updated", O), v.events.on("conversation.read", G), (J = v.socket) != null && J.isConnected() && (v.socket.on("auto_marked_read", B), v.socket.on("room_marked_read", G)), () => {
       var D;
-      y.events.off("message.received", C), y.events.off("conversation.updated", O), y.events.off("conversation.read", G), (D = y.socket) != null && D.isConnected() && (y.socket.off("auto_marked_read", B), y.socket.off("room_marked_read", G));
+      v.events.off("message.received", C), v.events.off("conversation.updated", O), v.events.off("conversation.read", G), (D = v.socket) != null && D.isConnected() && (v.socket.off("auto_marked_read", B), v.socket.off("room_marked_read", G));
     };
   }, []);
-  const h = async (y) => {
+  const h = async (v) => {
     try {
-      if (y.unreadCount > 0) {
+      if (v.unreadCount > 0) {
         const C = R.getInstance();
-        await C.chatUsers.markRoomMessagesRead(y.id), C.chatUsers.startViewingConversation(y.id);
+        await C.chatUsers.markRoomMessagesRead(v.id), C.chatUsers.startViewingConversation(v.id);
       }
-      e(y);
+      e(v);
     } catch (C) {
-      console.error("Failed to mark conversation as read:", C), e(y);
+      console.error("Failed to mark conversation as read:", C), e(v);
     }
   }, m = async () => {
     o(!0);
@@ -3652,18 +3652,18 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
     } finally {
       o(!1);
     }
-  }, p = (y) => y.participants.find((C) => C.id !== c.id), E = (y) => {
-    const C = p(y);
+  }, p = (v) => v.participants.find((C) => C.id !== c.id), E = (v) => {
+    const C = p(v);
     return (C == null ? void 0 : C.name) || w("unknown_user");
-  }, P = (y) => {
+  }, P = (v) => {
     var C;
-    return ((C = y.lastMessage) == null ? void 0 : C.content) || w("no_messages_yet");
-  }, Ce = (y) => {
-    const C = new Date(y), G = ((/* @__PURE__ */ new Date()).getTime() - C.getTime()) / (1e3 * 60 * 60), B = G / 24;
+    return ((C = v.lastMessage) == null ? void 0 : C.content) || w("no_messages_yet");
+  }, Ce = (v) => {
+    const C = new Date(v), G = ((/* @__PURE__ */ new Date()).getTime() - C.getTime()) / (1e3 * 60 * 60), B = G / 24;
     return G < 24 ? C.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : B < 7 ? `${Math.floor(B)}d ago` : `${C.getDate()} ${["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][C.getMonth()]}`;
-  }, ge = r.trim() ? a.filter((y) => {
+  }, ge = r.trim() ? a.filter((v) => {
     var J, D;
-    const C = r.toLowerCase().trim(), O = E(y).toLowerCase(), G = ((D = (J = y.productContext) == null ? void 0 : J.productName) == null ? void 0 : D.toLowerCase()) || "", B = P(y).toLowerCase();
+    const C = r.toLowerCase().trim(), O = E(v).toLowerCase(), G = ((D = (J = v.productContext) == null ? void 0 : J.productName) == null ? void 0 : D.toLowerCase()) || "", B = P(v).toLowerCase();
     return O.includes(C) || G.includes(C) || B.includes(C);
   }) : a;
   return n ? /* @__PURE__ */ u("div", { className: "conversation-list loading", children: /* @__PURE__ */ u("div", { className: "loading-spinner", children: w("loading_conversations") }) }) : /* @__PURE__ */ M("div", { className: "conversation-list", children: [
@@ -3677,7 +3677,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
         "input",
         {
           value: r,
-          onChange: (y) => i(y.target.value),
+          onChange: (v) => i(v.target.value),
           type: "text",
           placeholder: w("search") || "Search"
         }
@@ -3686,40 +3686,40 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
     /* @__PURE__ */ u("div", { className: "conversations", children: ge.length === 0 ? /* @__PURE__ */ M("div", { className: "empty-conversations", children: [
       /* @__PURE__ */ u("p", { children: r ? w("no_search_results") || "No results found" : w("no_conversations_title") }),
       !r && /* @__PURE__ */ u("p", { children: w("no_conversations_message") })
-    ] }) : ge.map((y) => {
+    ] }) : ge.map((v) => {
       var O;
-      const C = t === y.id;
+      const C = t === v.id;
       return /* @__PURE__ */ M(
         "div",
         {
-          className: `conversation-item ${C ? "selected" : ""} ${y.unreadCount > 0 ? "has-unread" : ""}`,
-          onClick: () => h(y),
+          className: `conversation-item ${C ? "selected" : ""} ${v.unreadCount > 0 ? "has-unread" : ""}`,
+          onClick: () => h(v),
           children: [
-            /* @__PURE__ */ u("div", { className: "conversation-avatar", children: (O = y.productContext) != null && O.productImage ? /* @__PURE__ */ u(
+            /* @__PURE__ */ u("div", { className: "conversation-avatar", children: (O = v.productContext) != null && O.productImage ? /* @__PURE__ */ u(
               "img",
               {
-                src: y.productContext.productImage,
-                alt: y.productContext.productName,
+                src: v.productContext.productImage,
+                alt: v.productContext.productName,
                 className: "product-image"
               }
-            ) : /* @__PURE__ */ u("div", { className: "avatar-placeholder", children: E(y).charAt(0).toUpperCase() }) }),
+            ) : /* @__PURE__ */ u("div", { className: "avatar-placeholder", children: E(v).charAt(0).toUpperCase() }) }),
             /* @__PURE__ */ M("div", { className: "conversation-content", children: [
               /* @__PURE__ */ M("div", { className: "conversation-header", children: [
-                /* @__PURE__ */ u("div", { className: "conversation-title-wrapper", children: /* @__PURE__ */ u("h4", { className: "conversation-participant-name", children: E(y) }) }),
-                y.lastMessage && /* @__PURE__ */ u("span", { className: "conversation-time", children: Ce(y.lastMessage.timestamp) })
+                /* @__PURE__ */ u("div", { className: "conversation-title-wrapper", children: /* @__PURE__ */ u("h4", { className: "conversation-participant-name", children: E(v) }) }),
+                v.lastMessage && /* @__PURE__ */ u("span", { className: "conversation-time", children: Ce(v.lastMessage.timestamp) })
               ] }),
               /* @__PURE__ */ M("div", { className: "conversation-details", children: [
-                /* @__PURE__ */ u("p", { className: "conversation-last-message", children: P(y) }),
-                y.unreadCount > 0 && /* @__PURE__ */ u("span", { className: "unread-badge", children: y.unreadCount })
+                /* @__PURE__ */ u("p", { className: "conversation-last-message", children: P(v) }),
+                v.unreadCount > 0 && /* @__PURE__ */ u("span", { className: "unread-badge", children: v.unreadCount })
               ] })
             ] })
           ]
         },
-        y.id
+        v.id
       );
     }) })
   ] });
-}, Vt = () => {
+}, aa = (c) => /* @__PURE__ */ u("div", { className: "chatsdk-root", children: /* @__PURE__ */ u(Gt, { ...c }) }), Ht = () => {
   const [c, e] = T(() => typeof window < "u" && localStorage.getItem("chatSDK-theme") || "auto"), [t, a] = T(() => typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), s = c === "auto" ? t : c;
   Y(() => {
     if (typeof window > "u" || !window.matchMedia) return;
@@ -3743,19 +3743,19 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
       n(c === "auto" ? t === "light" ? "dark" : "light" : s === "light" ? "dark" : "light");
     }
   };
-}, Ke = Ze(void 0), ta = ({ children: c }) => {
-  const e = Vt();
+}, Ke = Ze(void 0), sa = ({ children: c }) => {
+  const e = Ht();
   return /* @__PURE__ */ u(Ke.Provider, { value: e, children: c });
-}, Gt = () => {
+}, Yt = () => {
   const c = Xe(Ke);
   if (!c)
     throw new Error("useThemeContext must be used within a ThemeProvider");
   return c;
-}, aa = ({
+}, na = ({
   className: c = "",
   showLabel: e = !1
 }) => {
-  const { theme: t, actualTheme: a, setTheme: s } = Gt(), n = () => {
+  const { theme: t, actualTheme: a, setTheme: s } = Yt(), n = () => {
     switch (t) {
       case "light":
         return /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ u("path", { d: "M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z" }) });
@@ -3810,11 +3810,11 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
       ]
     }
   );
-}, sa = () => {
+}, ra = () => {
   var s;
   const c = localStorage.getItem("chatSDK-theme"), e = (s = window.matchMedia) == null ? void 0 : s.call(window, "(prefers-color-scheme: dark)").matches, t = c || "auto", a = t === "auto" ? e ? "dark" : "light" : t;
   document.documentElement.classList.add(`theme-${a}`), document.documentElement.setAttribute("data-theme", a);
-}, na = {
+}, oa = {
   // Material Design 3 Primary Colors
   primary: {
     main: "#2196F3",
@@ -3898,7 +3898,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
     black: "#000000",
     transparent: "transparent"
   }
-}, ra = {
+}, ia = {
   primary: {
     main: "#90CAF9",
     onPrimary: "#0D47A1",
@@ -3946,7 +3946,7 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
     timestamp: "#BDBDBD",
     primaryText: "#FFFFFF"
   }
-}, oa = {
+}, ca = {
   async init(c) {
     const { ChatSDK: e } = await Promise.resolve().then(() => ct);
     return e.getInstance().init(c);
@@ -3964,26 +3964,26 @@ const Xt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
 export {
   et as AuthManager,
   R as ChatSDK,
-  oa as ChatSDKHelpers,
-  Xt as ChatWindow,
-  ea as ConversationList,
+  ca as ChatSDKHelpers,
+  ta as ChatWindow,
+  aa as ConversationList,
   st as ConversationManager,
   ot as EventManager,
   rt as MediaManager,
   nt as MessageManager,
   Ue as ParseUtils,
   it as SocketManager,
-  ta as ThemeProvider,
-  aa as ThemeToggle,
+  sa as ThemeProvider,
+  na as ThemeToggle,
   at as UserManager,
   Ie as changeLanguage,
-  ra as darkThemeConfig,
-  Zt as getCurrentLanguage,
-  sa as initializeTheme,
+  ia as darkThemeConfig,
+  ea as getCurrentLanguage,
+  ra as initializeTheme,
   qt as isRTL,
   w as t,
-  na as themeConfig,
-  Vt as useTheme,
-  Gt as useThemeContext
+  oa as themeConfig,
+  Ht as useTheme,
+  Yt as useThemeContext
 };
 //# sourceMappingURL=chatsdk-react.mjs.map