@traiyani/chatsdk-react 1.0.5 → 1.0.6

package/dist/chatsdk-react.mjs

@@ -1,8 +1,8 @@
 import ge from "axios";
 import { io as Xe } from "socket.io-client";
-import { jsxs as M, jsx as u, Fragment as et } from "react/jsx-runtime";
+import { jsx as u, jsxs as M, Fragment as et } from "react/jsx-runtime";
 import * as V from "react";
-import tt, { useState as N, useRef as ne, useCallback as Ie, useEffect as P, createContext as at, useContext as st } from "react";
+import tt, { useState as T, useRef as de, useEffect as P, useCallback as Ie, createContext as at, useContext as st } from "react";
 class nt {
   constructor(e) {
     this.api = null, this.config = null, this.chatSDK = e;
@@ -2418,7 +2418,7 @@ class gt {
     this.socket && (this.socket.off(e, t), (a = this.config) != null && a.enableLogging && console.log("🔇 SocketManager: Stopped listening to event:", e));
   }
 }
-const ce = class ce {
+const ie = class ie {
   constructor() {
     this.config = null, this.isInitialized = !1, this.currentUser = null, this.auth = new nt(this), this.chatUsers = new rt(this), this.users = new ot(this), this.conversations = new it(this), this.messages = new ct(this), this.media = new lt(this), this.events = new dt(this), this.socket = new gt(this);
   }
@@ -2426,7 +2426,7 @@ const ce = class ce {
    * Get singleton instance of ChatSDK
    */
   static getInstance() {
-    return ce.instance || (ce.instance = new ce()), ce.instance;
+    return ie.instance || (ie.instance = new ie()), ie.instance;
   }
   /**
    * Initialize ChatSDK with configuration
@@ -2545,8 +2545,8 @@ const ce = class ce {
       throw new Error("ChatSDK not initialized. Call ChatSDK.init() first.");
   }
 };
-ce.instance = null;
-let R = ce;
+ie.instance = null;
+let R = ie;
 R.getInstance();
 const ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2559,15 +2559,15 @@ let ut = { data: "" }, mt = (c) => typeof window == "object" ? ((c ? c.querySele
     n[0] == "@" ? n[1] == "i" ? t = n + " " + o + ";" : a += n[1] == "f" ? se(o, n) : n + "{" + se(o, n[1] == "k" ? "" : e) + "}" : typeof o == "object" ? a += se(o, e ? e.replace(/([^,])+/g, (r) => n.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (i) => /&/.test(i) ? i.replace(/&/g, r) : r ? r + " " + i : i)) : n) : o != null && (n = /^--/.test(n) ? n : n.replace(/[A-Z]/g, "-$&").toLowerCase(), s += se.p ? se.p(n, o) : n + ":" + o + ";");
   }
   return t + (e && s ? e + "{" + s + "}" : s) + a;
-}, X = {}, Ne = (c) => {
+}, X = {}, Te = (c) => {
   if (typeof c == "object") {
     let e = "";
-    for (let t in c) e += t + Ne(c[t]);
+    for (let t in c) e += t + Te(c[t]);
     return e;
   }
   return c;
 }, wt = (c, e, t, a, s) => {
-  let n = Ne(c), o = X[n] || (X[n] = ((i) => {
+  let n = Te(c), o = X[n] || (X[n] = ((i) => {
     let l = 0, d = 11;
     for (; l < i.length; ) d = 101 * d + i.charCodeAt(l++) >>> 0;
     return "go" + d;
@@ -2602,7 +2602,7 @@ let ee = pe.bind({ k: 1 });
 function yt(c, e, t, a) {
   se.p = e, Ke = c, be = t, Me = a;
 }
-function re(c, e) {
+function ne(c, e) {
   let t = this || {};
   return function() {
     let a = arguments;
@@ -2697,7 +2697,7 @@ from {
 to {
   transform: scale(1) rotate(90deg);
 	opacity: 1;
-}`, Ut = re("div")`
+}`, Ut = ne("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -2737,7 +2737,7 @@ to {
   to {
     transform: rotate(360deg);
   }
-`, It = re("div")`
+`, It = ne("div")`
   width: 12px;
   height: 12px;
   box-sizing: border-box;
@@ -2768,7 +2768,7 @@ to {
 100% {
   opacity: 1;
   height: 10px;
-}`, Tt = re("div")`
+}`, Nt = ne("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -2795,9 +2795,9 @@ to {
     height: 10px;
     width: 6px;
   }
-`, Nt = re("div")`
+`, Tt = ne("div")`
   position: absolute;
-`, Kt = re("div")`
+`, Kt = ne("div")`
   position: relative;
   display: flex;
   justify-content: center;
@@ -2812,7 +2812,7 @@ from {
 to {
   transform: scale(1);
   opacity: 1;
-}`, Rt = re("div")`
+}`, Rt = ne("div")`
   position: relative;
   transform: scale(0.6);
   opacity: 0.4;
@@ -2821,14 +2821,14 @@ to {
     forwards;
 `, Bt = ({ toast: c }) => {
   let { icon: e, type: t, iconTheme: a } = c;
-  return e !== void 0 ? typeof e == "string" ? V.createElement(Rt, null, e) : e : t === "blank" ? null : V.createElement(Kt, null, V.createElement(It, { ...a }), t !== "loading" && V.createElement(Nt, null, t === "error" ? V.createElement(Ut, { ...a }) : V.createElement(Tt, { ...a })));
+  return e !== void 0 ? typeof e == "string" ? V.createElement(Rt, null, e) : e : t === "blank" ? null : V.createElement(Kt, null, V.createElement(It, { ...a }), t !== "loading" && V.createElement(Tt, null, t === "error" ? V.createElement(Ut, { ...a }) : V.createElement(Nt, { ...a })));
 }, $t = (c) => `
 0% {transform: translate3d(0,${c * -200}%,0) scale(.6); opacity:.5;}
 100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
 `, Pt = (c) => `
 0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
 100% {transform: translate3d(0,${c * -150}%,-1px) scale(.6); opacity:0;}
-`, Ot = "0%{opacity:0;} 100%{opacity:1;}", jt = "0%{opacity:1;} 100%{opacity:0;}", Wt = re("div")`
+`, Ot = "0%{opacity:0;} 100%{opacity:1;}", jt = "0%{opacity:1;} 100%{opacity:0;}", Wt = ne("div")`
   display: flex;
   align-items: center;
   background: #fff;
@@ -2840,7 +2840,7 @@ to {
   pointer-events: auto;
   padding: 8px 10px;
   border-radius: 8px;
-`, qt = re("div")`
+`, qt = ne("div")`
   display: flex;
   justify-content: center;
   margin: 4px 10px;
@@ -3081,9 +3081,9 @@ const Gt = {
   owner_label: "المالك:"
 }, Re = "chatsdk-root";
 let ue = null;
-const na = (c) => {
+const aa = (c) => {
   ue = c;
-}, ra = () => {
+}, sa = () => {
   if (ue && ue.isConnected)
     return ue;
   const c = document.querySelector(`.${Re}`);
@@ -3094,16 +3094,16 @@ const na = (c) => {
   en: Gt,
   ar: Ht
 };
-let le = "en", Te = !1;
+let ce = "en", Ne = !1;
 const we = () => {
-  const c = le, e = Yt() ? "rtl" : "ltr";
+  const c = ce, e = Yt() ? "rtl" : "ltr";
   Se((t) => {
     t.setAttribute("lang", c), t.setAttribute("dir", e);
   });
-}, oa = (c) => {
-  fe[c] ? (le = c, localStorage.setItem("chatSDK_language", c)) : (console.warn(`Locale "${c}" not found, falling back to "en".`), le = "en"), we();
-}, ia = () => le, Yt = () => le === "ar", w = (c, e) => {
-  let t = fe[le][c] || fe.en[c] || c;
+}, na = (c) => {
+  fe[c] ? (ce = c, localStorage.setItem("chatSDK_language", c)) : (console.warn(`Locale "${c}" not found, falling back to "en".`), ce = "en"), we();
+}, ra = () => ce, Yt = () => ce === "ar", w = (c, e) => {
+  let t = fe[ce][c] || fe.en[c] || c;
   if (e)
     for (const a in e)
       t = t.replace(
@@ -3112,13 +3112,17 @@ const we = () => {
       );
   return t;
 }, Be = () => {
-  if (Te) return;
-  Te = !0;
+  if (Ne) return;
+  Ne = !0;
   const c = localStorage.getItem("chatSDK_language");
-  c && fe[c] && (le = c), we();
-}, Jt = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
+  c && fe[c] && (ce = c), we();
+}, oa = ({ conversation: c, currentUser: e, onClose: t, onBack: a }) => {
   var Ee;
-  const [s, n] = N([]), [o, r] = N(""), [i, l] = N(!1), [d, h] = N(!1), [m, p] = N({}), [D, O] = N(!1), [Le, he] = N(!0), [y, C] = N(1), [j, H] = N(null), [B, J] = N(!1), [E, F] = N(!1), [T, x] = N(!1), [K, W] = N(null), [te, ae] = N(!1), Q = ne(null), de = ne(null), $ = ne(null), Y = ne(null), oe = 20, ie = Ie(() => {
+  const [s, n] = T([]), [o, r] = T(""), [i, l] = T(!1), [d, h] = T(!1), [m, p] = T({}), [D, O] = T(!1), [Le, he] = T(!0), [y, C] = T(1), [j, H] = T(null), [B, J] = T(!1), [E, F] = T(!1), [N, x] = T(!1), [K, W] = T(null), [te, ae] = T(!1), Q = de(null), le = de(null), $ = de(null), Y = de(null), re = 20;
+  P(() => {
+    Be(), we();
+  }, []);
+  const oe = Ie(() => {
     if (!c || !e) return null;
     const g = c.participants || [];
     if (g.length === 0) return null;
@@ -3127,7 +3131,7 @@ const we = () => {
       const S = v.id || v.userId, k = v.externalUserId || v.external_user_id;
       return !(f && S && S === f || b && k && k === b) && (S || k);
     }) || null;
-  }, [c, e]), U = ie(), q = Ie(() => {
+  }, [c, e]), U = oe(), q = Ie(() => {
     if (!c) return { userName: w("conversations_title"), productName: null, productImage: null, productMetadata: null };
     const g = U && (U.name || U.userName || U.displayName || U.externalUserId) || w("unknown_user"), f = c.productContext || c.product_context;
     return f ? {
@@ -3178,7 +3182,7 @@ const we = () => {
         ...c.metadata || {},
         blockedUsers: I
       };
-      const A = e.id || e.userId, L = ie(), Z = L ? L.id || L.userId || L.externalUserId || L.external_user_id : null;
+      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), () => {
@@ -3189,7 +3193,7 @@ const we = () => {
       J(!1), F(!1), H(null);
       return;
     }
-    const f = (c.metadata || {}).blockedUsers || {}, b = e.id || e.userId, v = ie(), S = v ? v.id || v.userId || v.externalUserId || v.external_user_id : null;
+    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;
     J(f[b] === 1), F(S ? f[S] === 1 : !1), H({
       chatId: c.id,
       currentUserId: b,
@@ -3259,12 +3263,12 @@ const we = () => {
       try {
         const v = await R.getInstance().messages.getMessages({
           conversationId: c.id,
-          limit: oe,
-          offset: (g - 1) * oe
+          limit: re,
+          offset: (g - 1) * re
         }), S = v.sort(
           (k, _) => new Date(k.timestamp).getTime() - new Date(_.timestamp).getTime()
         );
-        f && g > 1 ? n((k) => [...S, ...k]) : n(S), he(v.length === oe), C(g);
+        f && g > 1 ? n((k) => [...S, ...k]) : n(S), he(v.length === re), C(g);
       } catch {
         z.error(w("error_load_messages"));
       } finally {
@@ -3387,13 +3391,13 @@ const we = () => {
         z.error(w("failed_to_unblock"));
       }
   };
-  return i && s.length === 0 ? /* @__PURE__ */ M("div", { className: "chat-window", children: [
+  return i && s.length === 0 ? /* @__PURE__ */ u("div", { className: "chatsdk-root", children: /* @__PURE__ */ M("div", { className: "chat-window", children: [
     /* @__PURE__ */ M("div", { className: "chat-header", children: [
       /* @__PURE__ */ u("div", { className: "chat-header-left", children: /* @__PURE__ */ u("h3", { style: { margin: 0 }, children: w("loading") }) }),
       /* @__PURE__ */ u("div", { className: "chat-header-actions", children: t && /* @__PURE__ */ u("button", { onClick: t, className: "close-button", children: "×" }) })
     ] }),
     /* @__PURE__ */ u("div", { className: "loading-messages", children: w("loading_messages") })
-  ] }) : /* @__PURE__ */ M("div", { className: "chat-window", children: [
+  ] }) }) : /* @__PURE__ */ u("div", { className: "chatsdk-root", children: /* @__PURE__ */ M("div", { className: "chat-window", children: [
     /* @__PURE__ */ M("div", { className: "chat-header", children: [
       /* @__PURE__ */ M("div", { className: "chat-header-left", children: [
         a && /* @__PURE__ */ u("button", { className: "chat-back-btn", onClick: a, title: w("back") || "Back", children: /* @__PURE__ */ u("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ u("polyline", { points: "15 18 9 12 15 6" }) }) }),
@@ -3404,12 +3408,12 @@ const we = () => {
         U && /* @__PURE__ */ u("button", { onClick: He, className: "chat-action-btn", title: w("call") || "Call", children: /* @__PURE__ */ u("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ u("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }) }) }),
         t && /* @__PURE__ */ u("button", { onClick: t, className: "chat-action-btn", title: w("close") || "Close", children: /* @__PURE__ */ u("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ u("path", { d: "M4 14h6v6M20 10h-6V4M14 10l7-7M3 21l7-7" }) }) }),
         c && U && /* @__PURE__ */ M("div", { className: "chat-options-wrapper", children: [
-          /* @__PURE__ */ u("button", { onClick: () => x(!T), className: "chat-action-btn", title: w("options") || "Options", children: /* @__PURE__ */ M("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: [
+          /* @__PURE__ */ u("button", { onClick: () => x(!N), className: "chat-action-btn", title: w("options") || "Options", children: /* @__PURE__ */ M("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: [
             /* @__PURE__ */ u("circle", { cx: "12", cy: "5", r: "2" }),
             /* @__PURE__ */ u("circle", { cx: "12", cy: "12", r: "2" }),
             /* @__PURE__ */ u("circle", { cx: "12", cy: "19", r: "2" })
           ] }) }),
-          T && /* @__PURE__ */ M("div", { className: "chat-options-menu", children: [
+          N && /* @__PURE__ */ M("div", { className: "chat-options-menu", children: [
             !B && !E && /* @__PURE__ */ M("button", { onClick: Ze, className: "danger", children: [
               /* @__PURE__ */ M("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
                 /* @__PURE__ */ u("circle", { cx: "12", cy: "12", r: "10" }),
@@ -3527,7 +3531,7 @@ const we = () => {
           type: "button",
           onClick: () => {
             var g;
-            return (g = de.current) == null ? void 0 : g.click();
+            return (g = le.current) == null ? void 0 : g.click();
           },
           disabled: i || d || B,
           className: "attachment-btn",
@@ -3538,7 +3542,7 @@ const we = () => {
       /* @__PURE__ */ u(
         "input",
         {
-          ref: de,
+          ref: le,
           type: "file",
           style: { display: "none" },
           accept: "image/*,video/*,audio/*,.pdf,.doc,.docx,.txt",
@@ -3561,19 +3565,16 @@ const we = () => {
       ),
       /* @__PURE__ */ u("button", { type: "submit", disabled: !o.trim() || i || d || B, className: "send-btn", children: w(d ? "uploading" : "send") })
     ] })
-  ] });
-}, ca = (c) => {
-  const e = ne(null);
-  return P(() => {
-    Be(), we();
-  }, []), /* @__PURE__ */ u("div", { ref: e, className: "chatsdk-root", children: /* @__PURE__ */ u(Jt, { ...c }) });
-}, Qt = ({
+  ] }) });
+}, ia = ({
   currentUser: c,
   onSelectConversation: e,
   selectedConversationId: t
 }) => {
-  const [a, s] = N([]), [n, o] = N(!1), [r, i] = N(""), l = ne(t), d = ne(c.id);
+  const [a, s] = T([]), [n, o] = T(!1), [r, i] = T(""), l = de(t), d = de(c.id);
   P(() => {
+    Be(), we();
+  }, []), P(() => {
     l.current = t;
   }, [t]), P(() => {
     d.current = c.id;
@@ -3584,11 +3585,11 @@ const we = () => {
   }, [c.id]), P(() => {
     var J;
     const y = R.getInstance(), C = (E) => {
-      const F = E.message, T = F.roomId || F.conversationId;
+      const F = E.message, N = F.roomId || F.conversationId;
       s(
         (x) => x.map((K) => {
-          if (K.id === T) {
-            const W = F.senderId !== d.current, te = l.current !== T;
+          if (K.id === N) {
+            const W = F.senderId !== d.current, te = l.current !== N;
             return {
               ...K,
               lastMessage: F,
@@ -3597,14 +3598,14 @@ const we = () => {
           }
           return K;
         }).sort((K, W) => {
-          var Q, de;
-          const te = ((Q = K.lastMessage) == null ? void 0 : Q.timestamp) || K.createdAt, ae = ((de = W.lastMessage) == null ? void 0 : de.timestamp) || W.createdAt;
+          var Q, le;
+          const te = ((Q = K.lastMessage) == null ? void 0 : Q.timestamp) || K.createdAt, ae = ((le = W.lastMessage) == null ? void 0 : le.timestamp) || W.createdAt;
           return new Date(ae).getTime() - new Date(te).getTime();
         })
-      ), F.senderId !== d.current && l.current === T && R.getInstance().chatUsers.markMessageRead(F.id).then(() => {
+      ), F.senderId !== d.current && l.current === N && R.getInstance().chatUsers.markMessageRead(F.id).then(() => {
         s(
           (K) => K.map(
-            (W) => W.id === T ? { ...W, unreadCount: 0 } : W
+            (W) => W.id === N ? { ...W, unreadCount: 0 } : W
           )
         );
       }).catch((K) => {
@@ -3614,38 +3615,38 @@ const we = () => {
       var K, W, te, ae;
       const F = E.conversationId || ((K = E.conversation) == null ? void 0 : K.id) || ((W = E.conversation) == null ? void 0 : W.conversationId);
       if (!F) return;
-      const T = E.lastMessage || ((te = E.conversation) == null ? void 0 : te.lastMessage), x = (ae = E.conversation) == null ? void 0 : ae.unreadCount;
+      const N = E.lastMessage || ((te = E.conversation) == null ? void 0 : te.lastMessage), x = (ae = E.conversation) == null ? void 0 : ae.unreadCount;
       s((Q) => Q.some(($) => $.id === F) ? Q.map(($) => {
         if ($.id !== F) return $;
-        const Y = l.current === F, oe = d.current;
+        const Y = l.current === F, re = d.current;
         if (typeof x == "number")
           return {
             ...$,
-            lastMessage: T || $.lastMessage,
+            lastMessage: N || $.lastMessage,
             unreadCount: Y ? 0 : x
           };
-        const ie = (T == null ? void 0 : T.senderId) && T.senderId !== oe, U = !!T && ie && !Y;
+        const oe = (N == null ? void 0 : N.senderId) && N.senderId !== re, U = !!N && oe && !Y;
         return {
           ...$,
-          lastMessage: T || $.lastMessage,
+          lastMessage: N || $.lastMessage,
           unreadCount: Y ? 0 : U ? $.unreadCount + 1 : $.unreadCount
         };
       }).sort(($, Y) => {
         var U, ke;
-        const oe = ((U = $.lastMessage) == null ? void 0 : U.timestamp) || $.createdAt, ie = ((ke = Y.lastMessage) == null ? void 0 : ke.timestamp) || Y.createdAt;
-        return new Date(ie).getTime() - new Date(oe).getTime();
+        const re = ((U = $.lastMessage) == null ? void 0 : U.timestamp) || $.createdAt, oe = ((ke = Y.lastMessage) == null ? void 0 : ke.timestamp) || Y.createdAt;
+        return new Date(oe).getTime() - new Date(re).getTime();
       }) : (m(), Q));
     }, H = (E) => {
       const F = E.conversationId || E.roomId;
       F && s(
-        (T) => T.map(
+        (N) => N.map(
           (x) => x.id === F ? { ...x, unreadCount: 0 } : x
         )
       );
     }, B = (E) => {
       const F = E.roomId || E.conversationId;
       F && s(
-        (T) => T.map(
+        (N) => N.map(
           (x) => x.id === F ? { ...x, unreadCount: 0 } : x
         )
       );
@@ -3690,7 +3691,7 @@ const we = () => {
     const C = r.toLowerCase().trim(), j = D(y).toLowerCase(), H = ((E = (J = y.productContext) == null ? void 0 : J.productName) == null ? void 0 : E.toLowerCase()) || "", B = O(y).toLowerCase();
     return j.includes(C) || H.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: [
+  return n ? /* @__PURE__ */ u("div", { className: "chatsdk-root", children: /* @__PURE__ */ u("div", { className: "conversation-list loading", children: /* @__PURE__ */ u("div", { className: "loading-spinner", children: w("loading_conversations") }) }) }) : /* @__PURE__ */ u("div", { className: "chatsdk-root", children: /* @__PURE__ */ M("div", { className: "conversation-list", children: [
     /* @__PURE__ */ u("div", { className: "conversation-list-header", children: /* @__PURE__ */ u("h3", { children: w("conversations_title") }) }),
     /* @__PURE__ */ u("div", { className: "conversation-search", children: /* @__PURE__ */ M("div", { className: "conversation-search-input", children: [
       /* @__PURE__ */ u("span", { className: "search-icon", children: /* @__PURE__ */ M("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -3742,14 +3743,9 @@ const we = () => {
         y.id
       );
     }) })
-  ] });
-}, la = (c) => {
-  const e = ne(null);
-  return P(() => {
-    Be(), we();
-  }, []), /* @__PURE__ */ u("div", { ref: e, className: "chatsdk-root", children: /* @__PURE__ */ u(Qt, { ...c }) });
-}, Zt = () => {
-  const [c, e] = N(() => typeof window < "u" && localStorage.getItem("chatSDK-theme") || "auto"), [t, a] = N(() => typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), s = c === "auto" ? t : c;
+  ] }) });
+}, Jt = () => {
+  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;
   P(() => {
     if (typeof window > "u" || !window.matchMedia) return;
     const r = window.matchMedia("(prefers-color-scheme: dark)"), i = (l) => {
@@ -3772,19 +3768,19 @@ const we = () => {
       n(c === "auto" ? t === "light" ? "dark" : "light" : s === "light" ? "dark" : "light");
     }
   };
-}, $e = at(void 0), da = ({ children: c }) => {
-  const e = Zt();
+}, $e = at(void 0), ca = ({ children: c }) => {
+  const e = Jt();
   return /* @__PURE__ */ u($e.Provider, { value: e, children: c });
-}, Xt = () => {
+}, Qt = () => {
   const c = st($e);
   if (!c)
     throw new Error("useThemeContext must be used within a ThemeProvider");
   return c;
-}, ga = ({
+}, la = ({
   className: c = "",
   showLabel: e = !1
 }) => {
-  const { theme: t, actualTheme: a, setTheme: s } = Xt(), n = () => {
+  const { theme: t, actualTheme: a, setTheme: s } = Qt(), 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" }) });
@@ -3839,13 +3835,13 @@ const we = () => {
       ]
     }
   );
-}, ha = () => {
+}, da = () => {
   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;
   Se((n) => {
     n.classList.add(`theme-${a}`), n.setAttribute("data-theme", a);
   });
-}, ua = {
+}, ga = {
   // Material Design 3 Primary Colors
   primary: {
     main: "#2196F3",
@@ -3929,7 +3925,7 @@ const we = () => {
     black: "#000000",
     transparent: "transparent"
   }
-}, ma = {
+}, ha = {
   primary: {
     main: "#90CAF9",
     onPrimary: "#0D47A1",
@@ -3977,7 +3973,7 @@ const we = () => {
     timestamp: "#BDBDBD",
     primaryText: "#FFFFFF"
   }
-}, fa = {
+}, ua = {
   async init(c) {
     const { ChatSDK: e } = await Promise.resolve().then(() => ht);
     return e.getInstance().init(c);
@@ -3995,30 +3991,30 @@ const we = () => {
 export {
   nt as AuthManager,
   R as ChatSDK,
-  fa as ChatSDKHelpers,
-  ca as ChatWindow,
-  la as ConversationList,
+  ua as ChatSDKHelpers,
+  oa as ChatWindow,
+  ia as ConversationList,
   it as ConversationManager,
   dt as EventManager,
   lt as MediaManager,
   ct as MessageManager,
   Ae as ParseUtils,
   gt as SocketManager,
-  da as ThemeProvider,
-  ga as ThemeToggle,
+  ca as ThemeProvider,
+  la as ThemeToggle,
   ot as UserManager,
   we as applyLanguageToDOM,
-  oa as changeLanguage,
-  ma as darkThemeConfig,
-  ia as getCurrentLanguage,
-  ra as getSDKRoot,
+  na as changeLanguage,
+  ha as darkThemeConfig,
+  ra as getCurrentLanguage,
+  sa as getSDKRoot,
   Be as initializeI18n,
-  ha as initializeTheme,
+  da as initializeTheme,
   Yt as isRTL,
-  na as setSDKRoot,
+  aa as setSDKRoot,
   w as t,
-  ua as themeConfig,
-  Zt as useTheme,
-  Xt as useThemeContext
+  ga as themeConfig,
+  Jt as useTheme,
+  Qt as useThemeContext
 };
 //# sourceMappingURL=chatsdk-react.mjs.map