react-pro-messenger 1.1.0 → 1.1.2

package/dist/index.es.js

@@ -1,8 +1,8 @@
 var ka = Object.defineProperty;
 var _a = (e, t, n) => t in e ? ka(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var be = (e, t, n) => (_a(e, typeof t != "symbol" ? t + "" : t, n), n);
+var ye = (e, t, n) => (_a(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as sr from "react";
-import Re, { useCallback as on, createContext as mt, useRef as Se, useId as or, useContext as Ce, useInsertionEffect as ks, useMemo as tt, useEffect as He, Children as Ia, isValidElement as Na, useLayoutEffect as Fa, useState as ye, forwardRef as Nt, Fragment as _s, createElement as Ba, Component as $a } from "react";
+import Re, { useCallback as on, createContext as mt, useRef as Se, useId as or, useContext as Ce, useInsertionEffect as ks, useMemo as tt, useEffect as He, Children as Ia, isValidElement as Na, useLayoutEffect as Fa, useState as ve, forwardRef as Nt, Fragment as _s, createElement as Ba, Component as $a } from "react";
 import Ua from "react-dom";
 var p = { exports: {} }, bt = {};
 var oi;
@@ -64,7 +64,7 @@ function za() {
       var X = S.displayName || S.name || "";
       return X !== "" ? A + "(" + X + ")" : A;
     }
-    function le(d) {
+    function ie(d) {
       return d.displayName || "Context";
     }
     function U(d) {
@@ -92,10 +92,10 @@ function za() {
         switch (d.$$typeof) {
           case a:
             var S = d;
-            return le(S) + ".Consumer";
+            return ie(S) + ".Consumer";
           case o:
             var A = d;
-            return le(A._context) + ".Provider";
+            return ie(A._context) + ".Provider";
           case l:
             return H(d, d.render, "ForwardRef");
           case f:
@@ -112,14 +112,14 @@ function za() {
         }
       return null;
     }
-    var ie = Object.assign, pe = 0, he, q, se, me, b, w, F;
+    var se = Object.assign, pe = 0, he, q, oe, me, b, w, F;
     function B() {
     }
     B.__reactDisabledLog = !0;
     function _() {
       {
         if (pe === 0) {
-          he = console.log, q = console.info, se = console.warn, me = console.error, b = console.group, w = console.groupCollapsed, F = console.groupEnd;
+          he = console.log, q = console.info, oe = console.warn, me = console.error, b = console.group, w = console.groupCollapsed, F = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -148,25 +148,25 @@ function za() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ie({}, d, {
+            log: se({}, d, {
               value: he
             }),
-            info: ie({}, d, {
+            info: se({}, d, {
               value: q
             }),
-            warn: ie({}, d, {
-              value: se
+            warn: se({}, d, {
+              value: oe
             }),
-            error: ie({}, d, {
+            error: se({}, d, {
               value: me
             }),
-            group: ie({}, d, {
+            group: se({}, d, {
               value: b
             }),
-            groupCollapsed: ie({}, d, {
+            groupCollapsed: se({}, d, {
               value: w
             }),
-            groupEnd: ie({}, d, {
+            groupEnd: se({}, d, {
               value: F
             })
           });
@@ -300,7 +300,7 @@ function za() {
         }
       return "";
     }
-    var xe = Object.prototype.hasOwnProperty, rt = {}, Wt = x.ReactDebugCurrentFrame;
+    var be = Object.prototype.hasOwnProperty, rt = {}, Wt = x.ReactDebugCurrentFrame;
     function qe(d) {
       if (d) {
         var S = d._owner, A = ge(d.type, d._source, S ? S.type : null);
@@ -310,7 +310,7 @@ function za() {
     }
     function $e(d, S, A, N, X) {
       {
-        var ne = Function.call.bind(xe);
+        var ne = Function.call.bind(be);
         for (var G in d)
           if (ne(d, G)) {
             var K = void 0;
@@ -359,7 +359,7 @@ function za() {
     }, Zr, Jr, pn;
     pn = {};
     function ba(d) {
-      if (xe.call(d, "ref")) {
+      if (be.call(d, "ref")) {
         var S = Object.getOwnPropertyDescriptor(d, "ref").get;
         if (S && S.isReactWarning)
           return !1;
@@ -367,7 +367,7 @@ function za() {
       return d.ref !== void 0;
     }
     function wa(d) {
-      if (xe.call(d, "key")) {
+      if (be.call(d, "key")) {
         var S = Object.getOwnPropertyDescriptor(d, "key").get;
         if (S && S.isReactWarning)
           return !1;
@@ -433,7 +433,7 @@ function za() {
         var ne, G = {}, K = null, Ee = null;
         A !== void 0 && (Xr(A), K = "" + A), wa(S) && (Xr(S.key), K = "" + S.key), ba(S) && (Ee = S.ref, Ta(S, X));
         for (ne in S)
-          xe.call(S, ne) && !xa.hasOwnProperty(ne) && (G[ne] = S[ne]);
+          be.call(S, ne) && !xa.hasOwnProperty(ne) && (G[ne] = S[ne]);
         if (d && d.defaultProps) {
           var ue = d.defaultProps;
           for (ne in ue)
@@ -638,40 +638,42 @@ class Gt {
   constructor({
     id: t,
     text: n,
-    createdDate: r,
-    attachmentUrl: i,
-    attachmentType: s,
-    attachmentFormat: o,
-    attachmentBlob: a,
-    attachmentName: l,
-    attachmentSize: c,
-    user: u,
-    isRightSided: f,
-    symbols: h,
-    isSending: m,
-    isEdited: y
+    htmlContent: r,
+    createdDate: i,
+    attachmentUrl: s,
+    attachmentType: o,
+    attachmentFormat: a,
+    attachmentBlob: l,
+    attachmentName: c,
+    attachmentSize: u,
+    user: f,
+    isRightSided: h,
+    symbols: m,
+    isSending: y,
+    isEdited: v
   }) {
-    be(this, "id", "0");
-    be(this, "text", "");
-    be(this, "createdDate", "");
-    be(this, "attachmentUrl", "");
-    be(this, "attachmentBlob");
-    be(this, "attachmentType");
-    be(this, "attachmentFormat", "");
-    be(this, "attachmentName", "");
-    be(this, "attachmentSize", 0);
-    be(this, "user", { id: "" });
-    be(this, "isRightSided", !1);
-    be(this, "symbols");
-    be(this, "isSending");
-    be(this, "isEdited");
-    be(this, "updateId", (t) => {
+    ye(this, "id", "0");
+    ye(this, "text", "");
+    ye(this, "htmlContent", "");
+    ye(this, "createdDate", "");
+    ye(this, "attachmentUrl", "");
+    ye(this, "attachmentBlob");
+    ye(this, "attachmentType");
+    ye(this, "attachmentFormat", "");
+    ye(this, "attachmentName", "");
+    ye(this, "attachmentSize", 0);
+    ye(this, "user", { id: "" });
+    ye(this, "isRightSided", !1);
+    ye(this, "symbols");
+    ye(this, "isSending");
+    ye(this, "isEdited");
+    ye(this, "updateId", (t) => {
       this.id = t;
     });
-    be(this, "updateIsSending", (t) => {
+    ye(this, "updateIsSending", (t) => {
       this.isSending = t;
     });
-    this.id = t, this.text = n, this.createdDate = r, this.attachmentUrl = i, this.attachmentType = s, this.attachmentFormat = o, this.attachmentBlob = a, this.attachmentName = l, this.attachmentSize = c, this.user = u, this.isRightSided = f, this.symbols = h, this.isSending = m, this.isEdited = y;
+    this.id = t, this.text = n, this.htmlContent = r, this.createdDate = i, this.attachmentUrl = s, this.attachmentType = o, this.attachmentFormat = a, this.attachmentBlob = l, this.attachmentName = c, this.attachmentSize = u, this.user = f, this.isRightSided = h, this.symbols = m, this.isSending = y, this.isEdited = v;
   }
 }
 const ar = mt({});
@@ -774,7 +776,7 @@ function li(e) {
   }), t;
 }
 const ur = typeof window < "u", Ns = ur ? Fa : He, Fs = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: a = "left" }) => {
-  const [l, c] = Is(o), u = tt(() => li(e), [e]), f = o && !l ? [] : u.map(zt), h = Se(!0), m = Se(u), y = lr(() => /* @__PURE__ */ new Map()), [v, T] = ye(u), [x, C] = ye(u);
+  const [l, c] = Is(o), u = tt(() => li(e), [e]), f = o && !l ? [] : u.map(zt), h = Se(!0), m = Se(u), y = lr(() => /* @__PURE__ */ new Map()), [v, T] = ve(u), [x, C] = ve(u);
   Ns(() => {
     h.current = !1, m.current = u;
     for (let g = 0; g < x.length; g++) {
@@ -2399,7 +2401,7 @@ const jt = {
   layout: 0,
   mainThread: 0,
   waapi: 0
-}, ae = (e, t, n) => e + (t - e) * n;
+}, le = (e, t, n) => e + (t - e) * n;
 function wn(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
@@ -2438,13 +2440,13 @@ const Ai = (e, t) => {
   if (!n || !r)
     return tn(e, t);
   const i = { ...n };
-  return (s) => (i.red = Tn(n.red, r.red, s), i.green = Tn(n.green, r.green, s), i.blue = Tn(n.blue, r.blue, s), i.alpha = ae(n.alpha, r.alpha, s), Qe.transform(i));
+  return (s) => (i.red = Tn(n.red, r.red, s), i.green = Tn(n.green, r.green, s), i.blue = Tn(n.blue, r.blue, s), i.alpha = le(n.alpha, r.alpha, s), Qe.transform(i));
 }, Uc = (e, t) => (n) => t(e(n)), $t = (...e) => e.reduce(Uc), Hn = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Wc(e, t) {
   return Hn.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function zc(e, t) {
-  return (n) => ae(e, t, n);
+  return (n) => le(e, t, n);
 }
 function Fr(e) {
   return typeof e == "number" ? zc : typeof e == "string" ? yr(e) ? tn : Te.test(e) ? Ai : Hc : Array.isArray(e) ? Fo : typeof e == "object" ? Te.test(e) ? Ai : Yc : tn;
@@ -2481,14 +2483,14 @@ const Hc = (e, t) => {
   return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? Hn.has(e) && !i.values.length || Hn.has(t) && !r.values.length ? Wc(e, t) : $t(Fo(Kc(r, i), i.values), n) : (gt(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), tn(e, t));
 };
 function Bo(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ae(e, t, n) : Fr(e)(e, t);
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? le(e, t, n) : Fr(e)(e, t);
 }
 const Gc = 5;
 function $o(e, t, n) {
   const r = Math.max(t - Gc, 0);
   return po(n - e(r), t - r);
 }
-const oe = {
+const ae = {
   stiffness: 100,
   damping: 10,
   mass: 1,
@@ -2509,11 +2511,11 @@ const oe = {
   minDamping: 0.05,
   maxDamping: 1
 }, Sn = 1e-3;
-function qc({ duration: e = oe.duration, bounce: t = oe.bounce, velocity: n = oe.velocity, mass: r = oe.mass }) {
+function qc({ duration: e = ae.duration, bounce: t = ae.bounce, velocity: n = ae.velocity, mass: r = ae.mass }) {
   let i, s;
-  gt(e <= Oe(oe.maxDuration), "Spring duration must be 10 seconds or less");
+  gt(e <= Oe(ae.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = Be(oe.minDamping, oe.maxDamping, o), e = Be(oe.minDuration, oe.maxDuration, Fe(e)), o < 1 ? (i = (c) => {
+  o = Be(ae.minDamping, ae.maxDamping, o), e = Be(ae.minDuration, ae.maxDuration, Fe(e)), o < 1 ? (i = (c) => {
     const u = c * o, f = u * e, h = u - n, m = Gn(c, o), y = Math.exp(-f);
     return Sn - h / m * y;
   }, s = (c) => {
@@ -2529,8 +2531,8 @@ function qc({ duration: e = oe.duration, bounce: t = oe.bounce, velocity: n = oe
   const a = 5 / e, l = Zc(i, s, a);
   if (e = Oe(e), isNaN(l))
     return {
-      stiffness: oe.stiffness,
-      damping: oe.damping,
+      stiffness: ae.stiffness,
+      damping: ae.damping,
       duration: e
     };
   {
@@ -2558,10 +2560,10 @@ function Mi(e, t) {
 }
 function eu(e) {
   let t = {
-    velocity: oe.velocity,
-    stiffness: oe.stiffness,
-    damping: oe.damping,
-    mass: oe.mass,
+    velocity: ae.velocity,
+    stiffness: ae.stiffness,
+    damping: ae.damping,
+    mass: ae.mass,
     isResolvedFromDuration: !1,
     ...e
   };
@@ -2570,7 +2572,7 @@ function eu(e) {
       const n = e.visualDuration, r = 2 * Math.PI / (n * 1.2), i = r * r, s = 2 * Be(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
       t = {
         ...t,
-        mass: oe.mass,
+        mass: ae.mass,
         stiffness: i,
         damping: s
       };
@@ -2579,12 +2581,12 @@ function eu(e) {
       t = {
         ...t,
         ...n,
-        mass: oe.mass
+        mass: ae.mass
       }, t.isResolvedFromDuration = !0;
     }
   return t;
 }
-function Uo(e = oe.visualDuration, t = oe.bounce) {
+function Uo(e = ae.visualDuration, t = ae.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
@@ -2595,7 +2597,7 @@ function Uo(e = oe.visualDuration, t = oe.bounce) {
     ...n,
     velocity: -Fe(n.velocity || 0)
   }), y = h || 0, v = c / (2 * Math.sqrt(l * u)), T = o - s, x = Fe(Math.sqrt(l / u)), C = Math.abs(T) < 5;
-  r || (r = C ? oe.restSpeed.granular : oe.restSpeed.default), i || (i = C ? oe.restDelta.granular : oe.restDelta.default);
+  r || (r = C ? ae.restSpeed.granular : ae.restSpeed.default), i || (i = C ? ae.restDelta.granular : ae.restDelta.default);
   let E;
   if (v < 1) {
     const g = Gn(x, v);
@@ -2721,7 +2723,7 @@ function ou(e, t) {
   const n = e[e.length - 1];
   for (let r = 1; r <= t; r++) {
     const i = dt(0, t, r);
-    e.push(ae(n, 1, i));
+    e.push(le(n, 1, i));
   }
 }
 function au(e) {
@@ -3273,20 +3275,20 @@ function Ou(e) {
       const R = Array.isArray(E) ? E : [E];
       let H = R.reduce(i(x), {});
       g === !1 && (H = {});
-      const { prevResolvedValues: le = {} } = C, U = {
-        ...le,
+      const { prevResolvedValues: ie = {} } = C, U = {
+        ...ie,
         ...H
-      }, ie = (q) => {
+      }, se = (q) => {
         O = !0, h.has(q) && (Z = !0, h.delete(q)), C.needsAnimating[q] = !0;
-        const se = e.getValue(q);
-        se && (se.liveStyle = !1);
+        const oe = e.getValue(q);
+        oe && (oe.liveStyle = !1);
       };
       for (const q in U) {
-        const se = H[q], me = le[q];
+        const oe = H[q], me = ie[q];
         if (m.hasOwnProperty(q))
           continue;
         let b = !1;
-        Fn(se) && Fn(me) ? b = !Ko(se, me) : b = se !== me, b ? se != null ? ie(q) : h.add(q) : se !== void 0 && h.has(q) ? ie(q) : C.protectedKeys[q] = !0;
+        Fn(oe) && Fn(me) ? b = !Ko(oe, me) : b = oe !== me, b ? oe != null ? se(q) : h.add(q) : oe !== void 0 && h.has(q) ? se(q) : C.protectedKeys[q] = !0;
       }
       C.prevProp = E, C.prevResolvedValues = H, C.isActive && (m = { ...m, ...H }), r && e.blockInitialAnimation && (O = !1), O && (!(D && z) || Z) && f.push(...R.map((q) => ({
         animation: q,
@@ -3453,7 +3455,7 @@ function Hu(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function _i(e, t, n, r = 0.5) {
-  e.origin = r, e.originPoint = ae(t.min, t.max, e.origin), e.scale = je(n) / je(t), e.translate = ae(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Wu && e.scale <= zu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Yu && e.translate <= Ku || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = r, e.originPoint = le(t.min, t.max, e.origin), e.scale = je(n) / je(t), e.translate = le(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Wu && e.scale <= zu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Yu && e.translate <= Ku || isNaN(e.translate)) && (e.translate = 0);
 }
 function At(e, t, n, r) {
   _i(e.x, t.x, n.x, r ? r.originX : void 0), _i(e.y, t.y, n.y, r ? r.originY : void 0);
@@ -3534,7 +3536,7 @@ function ut(e, t) {
   e.min = e.min + t, e.max = e.max + t;
 }
 function Yi(e, t, n, r, i = 0.5) {
-  const s = ae(e.min, e.max, i);
+  const s = le(e.min, e.max, i);
   Zn(e, t, n, s, r);
 }
 function ft(e, t) {
@@ -3633,7 +3635,7 @@ function Qu(e, t) {
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
 function ef(e, { min: t, max: n }, r) {
-  return t !== void 0 && e < t ? e = r ? ae(t, e, r.min) : Math.max(e, t) : n !== void 0 && e > n && (e = r ? ae(n, e, r.max) : Math.min(e, n)), e;
+  return t !== void 0 && e < t ? e = r ? le(t, e, r.min) : Math.max(e, t) : n !== void 0 && e > n && (e = r ? le(n, e, r.max) : Math.min(e, n)), e;
 }
 function Gi(e, t, n) {
   return {
@@ -3834,7 +3836,7 @@ class lf {
       const { projection: i } = this.visualElement, s = this.getAxisMotionValue(n);
       if (i && i.layout) {
         const { min: o, max: a } = i.layout.layoutBox[n];
-        s.set(t[n] - ae(o, a, 0.5));
+        s.set(t[n] - le(o, a, 0.5));
       }
     });
   }
@@ -3858,7 +3860,7 @@ class lf {
       if (!Ht(o, t, null))
         return;
       const a = this.getAxisMotionValue(o), { min: l, max: c } = this.constraints[o];
-      a.set(ae(l, c, i[o]));
+      a.set(le(l, c, i[o]));
     });
   }
   addListeners() {
@@ -3974,7 +3976,7 @@ const Tt = {
       return r;
     const s = Ke.createTransformer(e), o = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * t.x, l = n.y.scale * t.y;
     i[0 + o] /= a, i[1 + o] /= l;
-    const c = ae(a, l, 0.5);
+    const c = le(a, l, 0.5);
     return typeof i[2 + o] == "number" && (i[2 + o] /= c), typeof i[3 + o] == "number" && (i[3 + o] /= c), s(i);
   }
 };
@@ -4064,19 +4066,19 @@ function xf(e, t) {
 }
 const ra = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], bf = ra.length, es = (e) => typeof e == "string" ? parseFloat(e) : e, ts = (e) => typeof e == "number" || k.test(e);
 function wf(e, t, n, r, i, s) {
-  i ? (e.opacity = ae(
+  i ? (e.opacity = le(
     0,
     n.opacity !== void 0 ? n.opacity : 1,
     Tf(r)
-  ), e.opacityExit = ae(t.opacity !== void 0 ? t.opacity : 1, 0, Sf(r))) : s && (e.opacity = ae(t.opacity !== void 0 ? t.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
+  ), e.opacityExit = le(t.opacity !== void 0 ? t.opacity : 1, 0, Sf(r))) : s && (e.opacity = le(t.opacity !== void 0 ? t.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
   for (let o = 0; o < bf; o++) {
     const a = `border${ra[o]}Radius`;
     let l = ns(t, a), c = ns(n, a);
     if (l === void 0 && c === void 0)
       continue;
-    l || (l = 0), c || (c = 0), l === 0 || c === 0 || ts(l) === ts(c) ? (e[a] = Math.max(ae(es(l), es(c), r), 0), (ke.test(c) || ke.test(l)) && (e[a] += "%")) : e[a] = c;
+    l || (l = 0), c || (c = 0), l === 0 || c === 0 || ts(l) === ts(c) ? (e[a] = Math.max(le(es(l), es(c), r), 0), (ke.test(c) || ke.test(l)) && (e[a] += "%")) : e[a] = c;
   }
-  (t.rotate || n.rotate) && (e.rotate = ae(t.rotate || 0, n.rotate || 0, r));
+  (t.rotate || n.rotate) && (e.rotate = le(t.rotate || 0, n.rotate || 0, r));
 }
 function ns(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
@@ -4098,9 +4100,9 @@ function ss(e, t, n, r, i) {
   return e -= t, e = rn(e, 1 / n, r), i !== void 0 && (e = rn(e, 1 / i, r)), e;
 }
 function Cf(e, t = 0, n = 1, r = 0.5, i, s = e, o = e) {
-  if (ke.test(t) && (t = parseFloat(t), t = ae(o.min, o.max, t / 100) - o.min), typeof t != "number")
+  if (ke.test(t) && (t = parseFloat(t), t = le(o.min, o.max, t / 100) - o.min), typeof t != "number")
     return;
-  let a = ae(s.min, s.max, r);
+  let a = le(s.min, s.max, r);
   e === s && (a -= t), e.min = ss(e.min, t, n, a, i), e.max = ss(e.max, t, n, a, i);
 }
 function os(e, t, [n, r, i], s, o) {
@@ -4737,10 +4739,10 @@ function Uf(e) {
   e.removeLeadSnapshot();
 }
 function gs(e, t, n) {
-  e.translate = ae(t.translate, 0, n), e.scale = ae(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
+  e.translate = le(t.translate, 0, n), e.scale = le(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
 }
 function ys(e, t, n, r) {
-  e.min = ae(t.min, n.min, r), e.max = ae(t.max, n.max, r);
+  e.min = le(t.min, n.min, r), e.max = le(t.max, n.max, r);
 }
 function Wf(e, t, n, r) {
   ys(e.x, t.x, n.x, r), ys(e.y, t.y, n.y, r);
@@ -5286,7 +5288,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
   messageId: r,
   isCurrentUserMessage: i
 }) => {
-  const s = Se(null), [o, a] = ye(!1);
+  const s = Se(null), [o, a] = ve(!1);
   return He(() => (s.current || (s.current = document.createElement("div"), s.current.style.zIndex = "1500", s.current.style.position = "fixed", s.current.style.top = "0", s.current.style.left = "0", s.current.style.width = "100%", s.current.style.height = "100%", s.current.style.pointerEvents = "none", document.body.appendChild(s.current)), a(!0), () => {
     s.current && !t && (document.body.removeChild(s.current), s.current = null);
   }), [t]), !s.current || !o ? null : Ua.createPortal(
@@ -5327,9 +5329,10 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
   return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
 }, Cs = (e) => {
   const t = document.createElement("div");
-  return t.innerHTML = e, t.querySelectorAll("span").forEach((n) => {
-    const r = (n == null ? void 0 : n.textContent) && "".replace(/\u00A0/g, " ").trim().replace(/\s+/g, "-");
-    r && n.replaceWith(r);
+  return t.innerHTML = e, t.querySelectorAll("span").forEach((r) => {
+    var s;
+    const i = ((s = r.textContent) == null ? void 0 : s.replace(/\u00A0/g, " ").trim().replace(/\s+/g, "-")) ?? "";
+    r.replaceWith(i);
   }), t.innerHTML.replace(/&nbsp;/g, " ");
 }, Td = () => /* @__PURE__ */ p.exports.jsx(
   "svg",
@@ -5422,27 +5425,27 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
   messageToEdit: c,
   setMessageToEdit: u
 }) => {
-  const [f, h] = ye(""), [m, y] = ye(!1), [v, T] = ye(0), [x, C] = ye(null), [E, V] = ye(null), [g, D] = ye(0), z = Se(null), O = Se([]), Z = Se(null), R = Se(null), H = Se(null), [le, U] = ye(!1), [ie, pe] = ye([]), he = 150, q = 41.6;
+  const [f, h] = ve(""), [m, y] = ve(!1), [v, T] = ve(0), [x, C] = ve(null), [E, V] = ve(null), [g, D] = ve(0), z = Se(null), O = Se([]), Z = Se(null), R = Se(null), H = Se(null), [ie, U] = ve(!1), [se, pe] = ve([]), he = 150, q = 41.6;
   He(() => {
     const j = document.getElementById("static-display");
     j && !j.textContent && (c != null && c.text) && (j.textContent = c == null ? void 0 : c.text);
   }, [c == null ? void 0 : c.text]);
-  const se = (j) => {
+  const oe = (j) => {
     c ? u((L) => L ? new Gt({
       ...L,
       text: j,
       isEdited: !0
     }) : void 0) : h(j);
     const M = j.match(/(\S+)$/);
-    if (F(M), ie.length > 0) {
+    if (F(M), se.length > 0) {
       const L = Array.from(
         j.matchAll(/<span[^>]*id=["']([^"']+)["'][^>]*>/g)
       ).map((P) => P[1]);
       pe((P) => (P.filter(
         (ee) => !L.includes(ee)
       ).forEach((ee) => {
-        const ge = ee.charAt(0), xe = ee.slice(1);
-        l == null || l(xe, ge);
+        const ge = ee.charAt(0), be = ee.slice(1);
+        l == null || l(be, ge);
       }), L));
     }
     if (R.current) {
@@ -5456,14 +5459,14 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
         return;
       t({
         ...c,
+        htmlContent: c.text,
         text: j
       }), u(void 0);
-    } else {
-      const j = Cs(f);
-      if (j.trim() === "")
-        return;
-      e(j), h("");
-    }
+    } else
+      h((j) => {
+        const M = Cs(j);
+        return M.trim() === "" ? j : (console.log("htmlcontnent before", j), e(M, j), "");
+      });
     C(null), V(null), R.current && (R.current.style.height = `${q}px`, R.current.innerHTML = "");
   }, b = async () => {
     y(!0), T(0), O.current = [], Z.current = setInterval(() => {
@@ -5507,10 +5510,10 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
     R.current.innerHTML = P + ee;
     const ge = document.createTextNode("");
     R.current.appendChild(ge);
-    const xe = window.getSelection(), rt = document.createRange();
-    rt.setStart(ge, 0), rt.collapse(!0), xe == null || xe.removeAllRanges(), xe == null || xe.addRange(rt);
+    const be = window.getSelection(), rt = document.createRange();
+    rt.setStart(ge, 0), rt.collapse(!0), be == null || be.removeAllRanges(), be == null || be.addRange(rt);
     const Wt = R.current.innerHTML;
-    se(Wt), a && a(M, j, L), C(null), V(null), setTimeout(() => {
+    oe(Wt), a && a(M, j, L), C(null), V(null), setTimeout(() => {
       var $e;
       ($e = R.current) == null || $e.focus();
     }, 0);
@@ -5597,7 +5600,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
             className: "w-full resize-none h-[41.6px] absolute bottom-0 bg-white flex-1 p-2 pl-4 border border-gray-300 outline-none rounded-bl-3xl  ",
             placeholder: "Type a message...",
             value: c.text,
-            onChange: (j) => se(j.target.value),
+            onChange: (j) => oe(j.target.value),
             onKeyDown: (j) => {
               j.key === "Enter" && !j.shiftKey && (j.preventDefault(), me());
             }
@@ -5640,7 +5643,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
             suppressContentEditableWarning: !0,
             className: "w-full absolute bottom-0 resize-none bg-white flex-1 p-2 pr-10 pl-4 border border-gray-300 outline-none rounded-tl-3xl rounded-tr-2xl rounded-bl-3xl overflow-hidden",
             style: { height: q },
-            onInput: (j) => se(j.currentTarget.innerHTML),
+            onInput: (j) => oe(j.currentTarget.innerHTML),
             onKeyDown: (j) => {
               j.key === "Enter" && !j.shiftKey && (j.preventDefault(), me());
             }
@@ -5690,7 +5693,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
                     M,
                     {
                       listsProps: te,
-                      onClick: (ge, xe) => B(ge, xe, x)
+                      onClick: (ge, be) => B(ge, be, x)
                     }
                   )
                 },
@@ -5703,14 +5706,14 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
                     M,
                     {
                       listsProps: te,
-                      onClick: (ge, xe) => B(ge, xe, x)
+                      onClick: (ge, be) => B(ge, be, x)
                     }
                   )
                 },
                 ee
               )) : null;
             }) : null,
-            /* @__PURE__ */ p.exports.jsx("div", { className: "h-8", children: le && "Loading more items..." })
+            /* @__PURE__ */ p.exports.jsx("div", { className: "h-8", children: ie && "Loading more items..." })
           ] })
         ]
       }
@@ -5729,7 +5732,7 @@ const Wr = ({
   onCancelClick: a,
   className: l
 }) => {
-  const [c, u] = ye(0), f = (t - n) / 2, h = 2 * Math.PI * f, m = h - c / 100 * h;
+  const [c, u] = ve(0), f = (t - n) / 2, h = 2 * Math.PI * f, m = h - c / 100 * h;
   return He(() => {
     const y = Date.now(), v = y + s, T = () => {
       const x = Date.now(), E = Math.min(1, (x - y) / s) * e;
@@ -5952,7 +5955,7 @@ const jd = ({
   uploadProgres: n,
   onCancelClick: r
 }) => {
-  const [i, s] = ye(!1), [o, a] = ye(0), l = Se(null);
+  const [i, s] = ve(!1), [o, a] = ve(0), l = Se(null);
   He(() => {
     const u = l.current;
     if (!u)
@@ -6265,7 +6268,7 @@ const jd = ({
     ]
   }
 );
-var ve = { exports: {} }, Dn = { exports: {} }, J = {};
+var xe = { exports: {} }, Dn = { exports: {} }, J = {};
 var Es;
 function Dd() {
   if (Es)
@@ -6373,9 +6376,9 @@ function Ld() {
         }
       }
     }
-    var g = l, D = c, z = a, O = o, Z = t, R = u, H = r, le = y, U = m, ie = n, pe = s, he = i, q = f, se = !1;
+    var g = l, D = c, z = a, O = o, Z = t, R = u, H = r, ie = y, U = m, se = n, pe = s, he = i, q = f, oe = !1;
     function me(P) {
-      return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), b(P) || V(P) === l;
+      return oe || (oe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), b(P) || V(P) === l;
     }
     function b(P) {
       return V(P) === c;
@@ -6413,7 +6416,7 @@ function Ld() {
     function L(P) {
       return V(P) === f;
     }
-    Q.AsyncMode = g, Q.ConcurrentMode = D, Q.ContextConsumer = z, Q.ContextProvider = O, Q.Element = Z, Q.ForwardRef = R, Q.Fragment = H, Q.Lazy = le, Q.Memo = U, Q.Portal = ie, Q.Profiler = pe, Q.StrictMode = he, Q.Suspense = q, Q.isAsyncMode = me, Q.isConcurrentMode = b, Q.isContextConsumer = w, Q.isContextProvider = F, Q.isElement = B, Q.isForwardRef = _, Q.isFragment = Y, Q.isLazy = I, Q.isMemo = $, Q.isPortal = W, Q.isProfiler = j, Q.isStrictMode = M, Q.isSuspense = L, Q.isValidElementType = E, Q.typeOf = V;
+    Q.AsyncMode = g, Q.ConcurrentMode = D, Q.ContextConsumer = z, Q.ContextProvider = O, Q.Element = Z, Q.ForwardRef = R, Q.Fragment = H, Q.Lazy = ie, Q.Memo = U, Q.Portal = se, Q.Profiler = pe, Q.StrictMode = he, Q.Suspense = q, Q.isAsyncMode = me, Q.isConcurrentMode = b, Q.isContextConsumer = w, Q.isContextProvider = F, Q.isElement = B, Q.isForwardRef = _, Q.isFragment = Y, Q.isLazy = I, Q.isMemo = $, Q.isPortal = W, Q.isProfiler = j, Q.isStrictMode = M, Q.isSuspense = L, Q.isValidElementType = E, Q.typeOf = V;
   }()), Q;
 }
 var Rs;
@@ -6574,7 +6577,7 @@ function _d() {
       objectOf: O,
       oneOf: z,
       oneOfType: Z,
-      shape: le,
+      shape: ie,
       exact: U
     };
     function y(b, w) {
@@ -6714,7 +6717,7 @@ function _d() {
         var F = b[w];
         if (typeof F != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(F) + " at index " + w + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(F) + " at index " + w + "."
           ), o;
       }
       function B(_, Y, I, $, W) {
@@ -6731,7 +6734,7 @@ function _d() {
     }
     function R() {
       function b(w, F, B, _, Y) {
-        return ie(w[F]) ? null : new v("Invalid " + _ + " `" + Y + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+        return se(w[F]) ? null : new v("Invalid " + _ + " `" + Y + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
       return T(b);
     }
@@ -6740,7 +6743,7 @@ function _d() {
         (b || "React class") + ": " + w + " type `" + F + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
       );
     }
-    function le(b) {
+    function ie(b) {
       function w(F, B, _, Y, I) {
         var $ = F[B], W = he($);
         if (W !== "object")
@@ -6780,7 +6783,7 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
       }
       return T(w);
     }
-    function ie(b) {
+    function se(b) {
       switch (typeof b) {
         case "number":
         case "string":
@@ -6790,7 +6793,7 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
           return !b;
         case "object":
           if (Array.isArray(b))
-            return b.every(ie);
+            return b.every(se);
           if (b === null || a(b))
             return !0;
           var w = f(b);
@@ -6798,12 +6801,12 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
             var F = w.call(b), B;
             if (w !== b.entries) {
               for (; !(B = F.next()).done; )
-                if (!ie(B.value))
+                if (!se(B.value))
                   return !1;
             } else
               for (; !(B = F.next()).done; ) {
                 var _ = B.value;
-                if (_ && !ie(_[1]))
+                if (_ && !se(_[1]))
                   return !1;
               }
           } else
@@ -6832,7 +6835,7 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
       }
       return w;
     }
-    function se(b) {
+    function oe(b) {
       var w = q(b);
       switch (w) {
         case "array":
@@ -6903,9 +6906,9 @@ function Id() {
 }
 if (process.env.NODE_ENV !== "production") {
   var Nd = pa(), Fd = !0;
-  ve.exports = _d()(Nd.isElement, Fd);
+  xe.exports = _d()(Nd.isElement, Fd);
 } else
-  ve.exports = Id()();
+  xe.exports = Id()();
 function tr() {
   return tr = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -6953,8 +6956,8 @@ var Yr = Nt(function(e, t) {
   }));
 });
 Yr.propTypes = {
-  color: ve.exports.string,
-  size: ve.exports.oneOfType([ve.exports.string, ve.exports.number])
+  color: xe.exports.string,
+  size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Yr.displayName = "Check";
 const Ud = Yr;
@@ -7012,8 +7015,8 @@ var Kr = Nt(function(e, t) {
   }));
 });
 Kr.propTypes = {
-  color: ve.exports.string,
-  size: ve.exports.oneOfType([ve.exports.string, ve.exports.number])
+  color: xe.exports.string,
+  size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Kr.displayName = "Copy";
 const Yd = Kr;
@@ -7066,8 +7069,8 @@ var Hr = Nt(function(e, t) {
   }));
 });
 Hr.propTypes = {
-  color: ve.exports.string,
-  size: ve.exports.oneOfType([ve.exports.string, ve.exports.number])
+  color: xe.exports.string,
+  size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Hr.displayName = "Edit";
 const Gd = Hr;
@@ -7120,8 +7123,8 @@ var Gr = Nt(function(e, t) {
   }));
 });
 Gr.propTypes = {
-  color: ve.exports.string,
-  size: ve.exports.oneOfType([ve.exports.string, ve.exports.number])
+  color: xe.exports.string,
+  size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Gr.displayName = "Trash";
 const Zd = Gr, Jd = ({
@@ -7134,7 +7137,7 @@ const Zd = Gr, Jd = ({
   isSendingDefultForEdited: o,
   onDeleteMessage: a
 }) => {
-  const l = Se(null), [c, u] = ye(!1), [f, h] = ye(null), [m, y] = ye(), [v, T] = ye(null), x = () => {
+  const l = Se(null), [c, u] = ve(!1), [f, h] = ve(null), [m, y] = ve(), [v, T] = ve(null), x = () => {
     setTimeout(() => {
       l.current && (l.current.scrollTop = l.current.scrollHeight);
     }, 100);
@@ -7149,30 +7152,31 @@ const Zd = Gr, Jd = ({
   }, [T]);
   const C = (R, H) => {
     R.preventDefault();
-    const le = window.scrollX, U = window.scrollY;
+    const ie = window.scrollX, U = window.scrollY;
     T({
-      x: R.clientX + le,
+      x: R.clientX + ie,
       y: R.clientY + U,
       message: H
     });
   }, E = () => {
     T(null);
-  }, V = (R) => {
-    const H = new Gt({
+  }, V = (R, H) => {
+    const ie = new Gt({
       id: new Date().toString(),
       text: R,
+      htmlContent: H,
       user: e,
       isRightSided: !0,
       isSending: s,
       createdDate: new Date().toString()
     });
-    n([...t, H]), r(H), x();
+    n([...t, ie]), r(ie), x();
   }, g = (R) => {
     n(
       t.map((H) => H.id === R.id ? (R.updateIsSending(Boolean(o)), R) : H)
     ), i(R);
   }, D = (R) => {
-    const H = URL.createObjectURL(R), le = new Gt({
+    const H = URL.createObjectURL(R), ie = new Gt({
       id: new Date().toString(),
       text: "",
       attachmentUrl: H,
@@ -7182,15 +7186,15 @@ const Zd = Gr, Jd = ({
       isRightSided: !0,
       createdDate: new Date().toString()
     });
-    n([...t, le]), r(le), x();
+    n([...t, ie]), r(ie), x();
   }, z = (R, H) => {
-    const le = URL.createObjectURL(R), U = R instanceof File ? R.name : "", ie = R instanceof File ? R.name.split(".").pop() : "", pe = new Gt({
+    const ie = URL.createObjectURL(R), U = R instanceof File ? R.name : "", se = R instanceof File ? R.name.split(".").pop() : "", pe = new Gt({
       id: new Date().toString(),
       text: "",
-      attachmentUrl: le,
+      attachmentUrl: ie,
       attachmentBlob: R,
       attachmentType: H,
-      attachmentFormat: ie,
+      attachmentFormat: se,
       attachmentName: U,
       user: e,
       isRightSided: !0,
@@ -7232,7 +7236,7 @@ const Zd = Gr, Jd = ({
         name: "Copy",
         icon: /* @__PURE__ */ p.exports.jsx(Yd, { className: "text-blue-600" }),
         onClick: (R) => {
-          const H = t.find((le) => le.id === R);
+          const H = t.find((ie) => ie.id === R);
           H && navigator.clipboard.writeText(H.text), E();
         }
       }
@@ -7281,13 +7285,13 @@ const Zd = Gr, Jd = ({
     handleSendMessage: Z,
     handleContextMenu: R,
     contextMenuItems: H,
-    isModalOpen: le,
+    isModalOpen: ie,
     contextMenu: U,
-    chatRef: ie,
+    chatRef: se,
     setIsModalOpen: pe,
     messageToEdit: he,
     setMessageToEdit: q,
-    handleEditMessage: se
+    handleEditMessage: oe
   } = Jd({
     user: o,
     messages: s,
@@ -7313,7 +7317,7 @@ const Zd = Gr, Jd = ({
         /* @__PURE__ */ p.exports.jsx(
           "div",
           {
-            ref: ie,
+            ref: se,
             className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${U ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
             children: n ? /* @__PURE__ */ p.exports.jsx(ha, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ p.exports.jsx(Fs, { children: s.length > 0 ? s.map((w, F) => {
               var Y, I, $;
@@ -7363,7 +7367,7 @@ const Zd = Gr, Jd = ({
         /* @__PURE__ */ p.exports.jsx(
           xd,
           {
-            isOpen: le,
+            isOpen: ie,
             onClose: () => pe(!1),
             onConfirm: g,
             header: "Confirm Delete",
@@ -7396,7 +7400,7 @@ const Zd = Gr, Jd = ({
             onDynamicSymbolListDelete: m,
             messageToEdit: he,
             setMessageToEdit: q,
-            onEditMessage: se
+            onEditMessage: oe
           }
         )
       ]