react-pro-messenger 1.1.1 → 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(
@@ -5423,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) {
@@ -5457,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(() => {
@@ -5508,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);
@@ -5598,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());
             }
@@ -5641,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());
             }
@@ -5691,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)
                     }
                   )
                 },
@@ -5704,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..." })
           ] })
         ]
       }
@@ -5730,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;
@@ -5953,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)
@@ -6266,7 +6268,7 @@ const jd = ({
     ]
   }
 );
-var ve = { exports: {} }, Dn = { exports: {} }, J = {};
+var xe = { exports: {} }, Dn = { exports: {} }, J = {};
 var Es;
 function Dd() {
   if (Es)
@@ -6374,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;
@@ -6414,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;
@@ -6575,7 +6577,7 @@ function _d() {
       objectOf: O,
       oneOf: z,
       oneOfType: Z,
-      shape: le,
+      shape: ie,
       exact: U
     };
     function y(b, w) {
@@ -6715,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) {
@@ -6732,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);
     }
@@ -6741,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")
@@ -6781,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":
@@ -6791,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);
@@ -6799,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
@@ -6833,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":
@@ -6904,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++) {
@@ -6954,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;
@@ -7013,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;
@@ -7067,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;
@@ -7121,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 = ({
@@ -7135,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);
@@ -7150,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,
@@ -7183,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,
@@ -7233,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();
         }
       }
@@ -7282,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,
@@ -7314,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, $;
@@ -7364,7 +7367,7 @@ const Zd = Gr, Jd = ({
         /* @__PURE__ */ p.exports.jsx(
           xd,
           {
-            isOpen: le,
+            isOpen: ie,
             onClose: () => pe(!1),
             onConfirm: g,
             header: "Confirm Delete",
@@ -7397,7 +7400,7 @@ const Zd = Gr, Jd = ({
             onDynamicSymbolListDelete: m,
             messageToEdit: he,
             setMessageToEdit: q,
-            onEditMessage: se
+            onEditMessage: oe
           }
         )
       ]