react-pro-messenger 1.0.27 → 1.0.29

package/dist/index.es.js

@@ -1,8 +1,8 @@
 var Da = Object.defineProperty;
 var Oa = (e, t, n) => t in e ? Da(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Ae = (e, t, n) => (Oa(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Te = (e, t, n) => (Oa(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as Qn from "react";
-import Te, { useCallback as Qt, createContext as ct, useRef as he, useId as er, useContext as pe, useInsertionEffect as Vs, useMemo as He, useEffect as ut, Children as La, isValidElement as ka, useLayoutEffect as _a, useState as xe, forwardRef as Ot, Fragment as Ds, createElement as Ia, Component as Fa } from "react";
+import we, { useCallback as Qt, createContext as ct, useRef as he, useId as er, useContext as pe, useInsertionEffect as Vs, useMemo as He, useEffect as ut, Children as La, isValidElement as ka, useLayoutEffect as _a, useState as xe, forwardRef as Ot, Fragment as Ds, createElement as Ia, Component as Fa } from "react";
 import Na from "react-dom";
 var m = { exports: {} }, mt = {};
 var ni;
@@ -10,7 +10,7 @@ function Ba() {
   if (ni)
     return mt;
   ni = 1;
-  var e = Te, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = we, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(l, a, u) {
     var c, f = {}, h = null, g = null;
     u !== void 0 && (h = "" + u), a.key !== void 0 && (h = "" + a.key), a.ref !== void 0 && (g = a.ref);
@@ -27,7 +27,7 @@ var gt = {};
 var ri;
 function $a() {
   return ri || (ri = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Te, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), x = Symbol.iterator, y = "@@iterator";
+    var e = we, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), x = Symbol.iterator, y = "@@iterator";
     function P(d) {
       if (d === null || typeof d != "object")
         return null;
@@ -112,14 +112,14 @@ function $a() {
         }
       return null;
     }
-    var te = Object.assign, ye = 0, ae, X, le, Pe, v, w, j;
+    var te = Object.assign, ye = 0, ae, X, le, Se, v, w, j;
     function k() {
     }
     k.__reactDisabledLog = !0;
     function D() {
       {
         if (ye === 0) {
-          ae = console.log, X = console.info, le = console.warn, Pe = console.error, v = console.group, w = console.groupCollapsed, j = console.groupEnd;
+          ae = console.log, X = console.info, le = console.warn, Se = console.error, v = console.group, w = console.groupCollapsed, j = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -158,7 +158,7 @@ function $a() {
               value: le
             }),
             error: te({}, d, {
-              value: Pe
+              value: Se
             }),
             group: te({}, d, {
               value: v
@@ -250,9 +250,9 @@ function $a() {
               if (re !== 1 || se !== 1)
                 do
                   if (re--, se--, se < 0 || W[re] !== ve[se]) {
-                    var Ce = `
+                    var Ee = `
 ` + W[re].replace(" at new ", " at ");
-                    return d.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", d.displayName)), typeof d == "function" && U.set(d, Ce), Ce;
+                    return d.displayName && Ee.includes("<anonymous>") && (Ee = Ee.replace("<anonymous>", d.displayName)), typeof d == "function" && U.set(d, Ee), Ee;
                   }
                 while (re >= 1 && se >= 0);
               break;
@@ -264,7 +264,7 @@ function $a() {
       var Qe = d ? d.displayName || d.name : "", ti = Qe ? $(Qe) : "";
       return typeof d == "function" && U.set(d, ti), ti;
     }
-    function Se(d, T, E) {
+    function Ce(d, T, E) {
       return R(d, !1);
     }
     function Ze(d) {
@@ -287,7 +287,7 @@ function $a() {
       if (typeof d == "object")
         switch (d.$$typeof) {
           case a:
-            return Se(d.render);
+            return Ce(d.render);
           case f:
             return We(d.type, T, E);
           case h: {
@@ -577,17 +577,17 @@ Check the top-level render call using <` + E + ">.");
         if (se == null)
           return se;
         if (z) {
-          var Ce = T.children;
-          if (Ce !== void 0)
+          var Ee = T.children;
+          if (Ee !== void 0)
             if (I)
-              if (an(Ce)) {
-                for (var Qe = 0; Qe < Ce.length; Qe++)
-                  Qr(Ce[Qe], d);
-                Object.freeze && Object.freeze(Ce);
+              if (an(Ee)) {
+                for (var Qe = 0; Qe < Ee.length; Qe++)
+                  Qr(Ee[Qe], d);
+                Object.freeze && Object.freeze(Ee);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Qr(Ce, d);
+              Qr(Ee, d);
         }
         return d === r ? Ra(se) : Ea(se), se;
       }
@@ -623,25 +623,33 @@ class dn {
     id: t,
     text: n,
     createdDate: r,
-    attachment: i,
+    attachmentUrl: i,
     attachmentType: s,
     attachmentFormat: o,
-    user: l,
-    isRightSided: a,
-    symbols: u,
-    isSending: c
+    attachmentBlob: l,
+    user: a,
+    isRightSided: u,
+    symbols: c,
+    isSending: f
   }) {
-    Ae(this, "id", "0");
-    Ae(this, "text", "");
-    Ae(this, "createdDate", "");
-    Ae(this, "attachment", "");
-    Ae(this, "attachmentType");
-    Ae(this, "attachmentFormat", "");
-    Ae(this, "user", { id: "" });
-    Ae(this, "isRightSided", !1);
-    Ae(this, "symbols");
-    Ae(this, "isSending");
-    this.id = t, this.text = n, this.createdDate = r, this.attachment = i, this.attachmentType = s, this.attachmentFormat = o, this.user = l, this.isRightSided = a, this.symbols = u, this.isSending = c;
+    Te(this, "id", "0");
+    Te(this, "text", "");
+    Te(this, "createdDate", "");
+    Te(this, "attachmentUrl", "");
+    Te(this, "attachmentBlob");
+    Te(this, "attachmentType");
+    Te(this, "attachmentFormat", "");
+    Te(this, "user", { id: "" });
+    Te(this, "isRightSided", !1);
+    Te(this, "symbols");
+    Te(this, "isSending");
+    Te(this, "updateId", (t) => {
+      this.id = t;
+    });
+    Te(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 = l, this.user = a, this.isRightSided = u, this.symbols = c, this.isSending = f;
   }
 }
 const tr = ct({});
@@ -776,8 +784,8 @@ const ir = typeof window < "u", Ls = ir ? _a : ut, ks = ({ children: e, custom:
     };
     return m.exports.jsx(za, { isPresent: B, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: B ? void 0 : M, anchorX: l, children: p }, A);
   }) });
-}, we = (e) => e;
-let ft = we, Ne = we;
+}, Pe = (e) => e;
+let ft = Pe, Ne = Pe;
 process.env.NODE_ENV !== "production" && (ft = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
 }, Ne = (e, t) => {
@@ -855,7 +863,7 @@ function Is(e, t) {
       o[$t[S]].cancel(b);
   }, state: i, steps: o };
 }
-const { schedule: J, cancel: Be, state: ue, steps: hn } = Is(typeof requestAnimationFrame < "u" ? requestAnimationFrame : we, !0), Fs = ct({ strict: !1 }), si = {
+const { schedule: J, cancel: Be, state: ue, steps: hn } = Is(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Pe, !0), Fs = ct({ strict: !1 }), si = {
   animation: [
     "animate",
     "variants",
@@ -1972,7 +1980,7 @@ function sc(e, t, n, r, i) {
 }
 function kt(e, t, n, r) {
   if (e === t && n === r)
-    return we;
+    return Pe;
   const i = (s) => sc(s, 0, 1, e, n);
   return (s) => s === 0 || s === 1 ? s : fo(i(s), t, r);
 }
@@ -2635,7 +2643,7 @@ function Ri({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   };
 }
 const Jc = /* @__PURE__ */ kt(0.42, 0, 1, 1), Qc = /* @__PURE__ */ kt(0, 0, 0.58, 1), No = /* @__PURE__ */ kt(0.42, 0, 0.58, 1), eu = (e) => Array.isArray(e) && typeof e[0] != "number", Ai = {
-  linear: we,
+  linear: Pe,
   easeIn: Jc,
   easeInOut: No,
   easeOut: Qc,
@@ -2660,7 +2668,7 @@ function tu(e, t, n) {
   for (let o = 0; o < s; o++) {
     let l = i(e[o], e[o + 1]);
     if (t) {
-      const a = Array.isArray(t) ? t[o] || we : t;
+      const a = Array.isArray(t) ? t[o] || Pe : t;
       l = _t(a, l);
     }
     r.push(l);
@@ -2989,11 +2997,11 @@ class Mi extends Lo {
     else {
       const { resolved: n } = this;
       if (!n)
-        return we;
+        return Pe;
       const { animation: r } = n;
       hi(r, t);
     }
-    return we;
+    return Pe;
   }
   play() {
     if (this.isStopped)
@@ -3252,11 +3260,11 @@ function Vu(e) {
         le && (le.liveStyle = !1);
       };
       for (const X in oe) {
-        const le = ne[X], Pe = ge[X];
+        const le = ne[X], Se = ge[X];
         if (g.hasOwnProperty(X))
           continue;
         let v = !1;
-        On(le) && On(Pe) ? v = !Uo(le, Pe) : v = le !== Pe, v ? le != null ? te(X) : h.add(X) : le !== void 0 && h.has(X) ? te(X) : S.protectedKeys[X] = !0;
+        On(le) && On(Se) ? v = !Uo(le, Se) : v = le !== Se, v ? le != null ? te(X) : h.add(X) : le !== void 0 && h.has(X) ? te(X) : S.protectedKeys[X] = !0;
       }
       S.prevProp = C, S.prevResolvedValues = ne, S.isActive && (g = { ...g, ...ne }), r && e.blockInitialAnimation && (M = !1), M && (!(A && B) || H) && f.push(...F.map((X) => ({
         animation: X,
@@ -3452,7 +3460,7 @@ const ki = () => ({
   x: _i(),
   y: _i()
 });
-function Re(e) {
+function Ae(e) {
   return [e("x"), e("y")];
 }
 function xn(e) {
@@ -3668,7 +3676,7 @@ class sf {
       const { drag: h, dragPropagation: g, onDragStart: x } = this.getProps();
       if (h && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = Hl(h), !this.openDragLock))
         return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Re((P) => {
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Ae((P) => {
         let b = this.getAxisMotionValue(P).get() || 0;
         if (Ve.test(b)) {
           const { projection: S } = this.visualElement;
@@ -3691,7 +3699,7 @@ class sf {
         return;
       }
       this.updateAxis("x", f.point, P), this.updateAxis("y", f.point, P), this.visualElement.render(), y && y(c, f);
-    }, l = (c, f) => this.stop(c, f), a = () => Re((c) => {
+    }, l = (c, f) => this.stop(c, f), a = () => Ae((c) => {
       var f;
       return this.getAnimationState(c) === "paused" && ((f = this.getAxisMotionValue(c).animation) === null || f === void 0 ? void 0 : f.play());
     }), { dragSnapToOrigin: u } = this.getProps();
@@ -3733,7 +3741,7 @@ class sf {
   resolveConstraints() {
     var t;
     const { dragConstraints: n, dragElastic: r } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, s = this.constraints;
-    n && et(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Ju(i.layoutBox, n) : this.constraints = !1, this.elastic = nf(r), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && Re((o) => {
+    n && et(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Ju(i.layoutBox, n) : this.constraints = !1, this.elastic = nf(r), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && Ae((o) => {
       this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = tf(i.layoutBox[o], this.constraints[o]));
     });
   }
@@ -3755,7 +3763,7 @@ class sf {
     return o;
   }
   startAnimation(t) {
-    const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: l } = this.getProps(), a = this.constraints || {}, u = Re((c) => {
+    const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: l } = this.getProps(), a = this.constraints || {}, u = Ae((c) => {
       if (!Wt(c, n, this.currentDirection))
         return;
       let f = a && a[c] || {};
@@ -3780,10 +3788,10 @@ class sf {
     return _n(this.visualElement, t), r.start(kr(t, r, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    Re((t) => this.getAxisMotionValue(t).stop());
+    Ae((t) => this.getAxisMotionValue(t).stop());
   }
   pauseAnimation() {
-    Re((t) => {
+    Ae((t) => {
       var n;
       return (n = this.getAxisMotionValue(t).animation) === null || n === void 0 ? void 0 : n.pause();
     });
@@ -3797,7 +3805,7 @@ class sf {
     return i || this.visualElement.getValue(t, (r.initial ? r.initial[t] : void 0) || 0);
   }
   snapToCursor(t) {
-    Re((n) => {
+    Ae((n) => {
       const { drag: r } = this.getProps();
       if (!Wt(n, r, this.currentDirection))
         return;
@@ -3816,7 +3824,7 @@ class sf {
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
-    Re((o) => {
+    Ae((o) => {
       const l = this.getAxisMotionValue(o);
       if (l && this.constraints !== !1) {
         const a = l.get();
@@ -3824,7 +3832,7 @@ class sf {
       }
     });
     const { transformTemplate: s } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Re((o) => {
+    this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Ae((o) => {
       if (!Wt(o, t, null))
         return;
       const l = this.getAxisMotionValue(o), { min: a, max: u } = this.constraints[o];
@@ -3844,7 +3852,7 @@ class sf {
     }, { projection: i } = this.visualElement, s = i.addEventListener("measure", r);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), J.read(r);
     const o = Dt(window, "resize", () => this.scalePositionWithinConstraints()), l = i.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: u }) => {
-      this.isDragging && u && (Re((c) => {
+      this.isDragging && u && (Ae((c) => {
         const f = this.getAxisMotionValue(c);
         f && (this.originPoint[c] += a[c].translate, f.set(f.get() + a[c].translate));
       }), this.visualElement.render());
@@ -3875,11 +3883,11 @@ function of(e, t = 10) {
 }
 class af extends Ue {
   constructor(t) {
-    super(t), this.removeGroupControls = we, this.removeListeners = we, this.controls = new sf(t);
+    super(t), this.removeGroupControls = Pe, this.removeListeners = Pe, this.controls = new sf(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || we;
+    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || Pe;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -3890,7 +3898,7 @@ const qi = (e) => (t, n) => {
 };
 class lf extends Ue {
   constructor() {
-    super(...arguments), this.removePointerDownListener = we;
+    super(...arguments), this.removePointerDownListener = Pe;
   }
   onPointerDown(t) {
     this.session = new Xo(t, this.createPanHandlers(), {
@@ -4051,14 +4059,14 @@ function vf(e, t, n, r, i, s) {
 function Ji(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const xf = /* @__PURE__ */ ea(0, 0.5, vo), bf = /* @__PURE__ */ ea(0.5, 0.95, we);
+const xf = /* @__PURE__ */ ea(0, 0.5, vo), bf = /* @__PURE__ */ ea(0.5, 0.95, Pe);
 function ea(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(ot(e, t, r));
 }
 function Qi(e, t) {
   e.min = t.min, e.max = t.max;
 }
-function Ee(e, t) {
+function Re(e, t) {
   Qi(e.x, t.x), Qi(e.y, t.y);
 }
 function es(e, t) {
@@ -4365,17 +4373,17 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     removeElementScroll(o) {
       var l;
       const a = ie();
-      if (Ee(a, o), !((l = this.scroll) === null || l === void 0) && l.wasRoot)
+      if (Re(a, o), !((l = this.scroll) === null || l === void 0) && l.wasRoot)
         return a;
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u], { scroll: f, options: h } = c;
-        c !== this.root && f && h.layoutScroll && (f.wasRoot && Ee(a, o), it(a.x, f.offset.x), it(a.y, f.offset.y));
+        c !== this.root && f && h.layoutScroll && (f.wasRoot && Re(a, o), it(a.x, f.offset.x), it(a.y, f.offset.y));
       }
       return a;
     }
     applyTransform(o, l = !1) {
       const a = ie();
-      Ee(a, o);
+      Re(a, o);
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u];
         !l && c.options.layoutScroll && c.scroll && c !== c.root && st(a, {
@@ -4387,14 +4395,14 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     removeTransform(o) {
       const l = ie();
-      Ee(l, o);
+      Re(l, o);
       for (let a = 0; a < this.path.length; a++) {
         const u = this.path[a];
         if (!u.instance || !Ye(u.latestValues))
           continue;
         zn(u.latestValues) && u.updateSnapshot();
         const c = ie(), f = u.measurePageBox();
-        Ee(c, f), rs(l, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        Re(c, f), rs(l, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
       return Ye(this.latestValues) && rs(l, this.latestValues), l;
     }
@@ -4425,13 +4433,13 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!this.layout || !(f || h))) {
         if (this.resolvedRelativeTargetAt = ue.timestamp, !this.targetDelta && !this.relativeTarget) {
           const g = this.getClosestProjectingParent();
-          g && g.layout && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ie(), this.relativeTargetOrigin = ie(), Ct(this.relativeTargetOrigin, this.layout.layoutBox, g.layout.layoutBox), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          g && g.layout && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ie(), this.relativeTargetOrigin = ie(), Ct(this.relativeTargetOrigin, this.layout.layoutBox, g.layout.layoutBox), Re(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = ie(), this.targetWithTransforms = ie()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Yu(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : Ee(this.target, this.layout.layoutBox), qo(this.target, this.targetDelta)) : Ee(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = ie(), this.targetWithTransforms = ie()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Yu(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : Re(this.target, this.layout.layoutBox), qo(this.target, this.targetDelta)) : Re(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const g = this.getClosestProjectingParent();
-            g && Boolean(g.resumingFrom) === Boolean(this.resumingFrom) && !g.options.layoutScroll && g.target && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ie(), this.relativeTargetOrigin = ie(), Ct(this.relativeTargetOrigin, this.target, g.target), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            g && Boolean(g.resumingFrom) === Boolean(this.resumingFrom) && !g.options.layoutScroll && g.target && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ie(), this.relativeTargetOrigin = ie(), Ct(this.relativeTargetOrigin, this.target, g.target), Re(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           Fe.value && Ke.calculatedTargetDeltas++;
         }
@@ -4453,7 +4461,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const { layout: c, layoutId: f } = this.options;
       if (this.isTreeAnimating = Boolean(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(c || f))
         return;
-      Ee(this.layoutCorrected, this.layout.layoutBox);
+      Re(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, g = this.treeScale.y;
       Ku(this.layoutCorrected, this.treeScale, this.path, a), l.layout && !l.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (l.target = l.layout.layoutBox, l.targetWithTransforms = ie());
       const { target: x } = l;
@@ -4488,7 +4496,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let C;
       this.mixTargetDelta = (V) => {
         const p = V / 1e3;
-        ds(f.x, o.x, p), ds(f.y, o.y, p), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ct(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Bf(this.relativeTarget, this.relativeTargetOrigin, h, p), C && Sf(this.relativeTarget, C) && (this.isProjectionDirty = !1), C || (C = ie()), Ee(C, this.relativeTarget)), y && (this.animationValues = c, vf(c, u, this.latestValues, p, S, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = p;
+        ds(f.x, o.x, p), ds(f.y, o.y, p), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ct(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Bf(this.relativeTarget, this.relativeTargetOrigin, h, p), C && Sf(this.relativeTarget, C) && (this.isProjectionDirty = !1), C || (C = ie()), Re(C, this.relativeTarget)), y && (this.animationValues = c, vf(c, u, this.latestValues, p, S, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = p;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
@@ -4526,7 +4534,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           const h = be(this.layout.layoutBox.y);
           a.y.min = o.target.y.min, a.y.max = a.y.min + h;
         }
-        Ee(l, a), st(l, c), St(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
+        Re(l, a), st(l, c), St(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
       }
     }
     registerSharedNode(o, l) {
@@ -4633,10 +4641,10 @@ function Mf(e) {
   const n = ((t = e.resumeFrom) === null || t === void 0 ? void 0 : t.snapshot) || e.snapshot;
   if (e.isLead() && e.layout && n && e.hasListeners("didUpdate")) {
     const { layoutBox: r, measuredBox: i } = e.layout, { animationType: s } = e.options, o = n.source !== e.layout.source;
-    s === "size" ? Re((f) => {
+    s === "size" ? Ae((f) => {
       const h = o ? n.measuredBox[f] : n.layoutBox[f], g = be(h);
       h.min = r[f].min, h.max = h.min + g;
-    }) : sa(s, n.layoutBox, r) && Re((f) => {
+    }) : sa(s, n.layoutBox, r) && Ae((f) => {
       const h = o ? n.measuredBox[f] : n.layoutBox[f], g = be(r[f]);
       h.max = h.min + g, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[f].max = e.relativeTarget[f].min + g);
     });
@@ -4721,7 +4729,7 @@ function $f(e) {
 const Uf = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, ps = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), ms = ps("applewebkit/") && !ps("chrome/") ? Math.round : we;
+}, ps = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), ms = ps("applewebkit/") && !ps("chrome/") ? Math.round : Pe;
 function gs(e) {
   e.min = ms(e.min), e.max = ms(e.max);
 }
@@ -5279,7 +5287,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
             className: "cursor-pointer flex items-center gap-2 w-full rounded-md text-left px-2 py-1 disabled:opacity-20 hover:bg-gray-200",
             onClick: () => a.onClick(r),
             children: [
-              Te.cloneElement(a.icon, {
+              we.cloneElement(a.icon, {
                 className: "text-black",
                 size: 18
               }),
@@ -5409,8 +5417,8 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
       j.data.size > 0 && C.current.push(j.data);
     }, w.onstop = () => {
       clearInterval(V.current);
-      const j = new Blob(C.current, { type: "audio/mp3" }), k = URL.createObjectURL(j);
-      t(k), u(!1);
+      const j = new Blob(C.current, { type: "audio/mp3" });
+      t(j), u(!1);
     }, w.start();
   }, te = () => {
     var v;
@@ -5450,7 +5458,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
   ]), le = () => {
     var v;
     (v = A.current) == null || v.click();
-  }, Pe = (v) => {
+  }, Se = (v) => {
     var k, D;
     const w = (k = v.target.files) == null ? void 0 : k[0];
     if (!w)
@@ -5489,7 +5497,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
             type: "file",
             ref: A,
             style: { display: "none" },
-            onChange: Pe
+            onChange: Se
           }
         ),
         /* @__PURE__ */ m.exports.jsx(
@@ -5716,7 +5724,7 @@ const Sd = ({ src: e, className: t }) => {
     }
   );
 }, Cd = ({
-  attachment: e,
+  attachmentUrl: e,
   attachmentType: t,
   attachmentFormat: n
 }) => e ? t === Le.Voice ? /* @__PURE__ */ m.exports.jsx("div", { className: "w-full", children: /* @__PURE__ */ m.exports.jsx(Sd, { src: e }) }) : t === Le.Image ? /* @__PURE__ */ m.exports.jsx("div", { className: "w-full", children: /* @__PURE__ */ m.exports.jsx("img", { src: e }) }) : t === Le.File ? /* @__PURE__ */ m.exports.jsx("div", { className: "w-full mt-1", children: /* @__PURE__ */ m.exports.jsx(
@@ -5963,8 +5971,8 @@ function Md() {
     }
     function V(R) {
       if (typeof R == "object" && R !== null) {
-        var Se = R.$$typeof;
-        switch (Se) {
+        var Ce = R.$$typeof;
+        switch (Ce) {
           case t:
             var Ze = R.type;
             switch (Ze) {
@@ -5985,16 +5993,16 @@ function Md() {
                   case o:
                     return We;
                   default:
-                    return Se;
+                    return Ce;
                 }
             }
           case n:
-            return Se;
+            return Ce;
         }
       }
     }
     var p = a, A = u, B = l, M = o, H = t, F = c, ne = r, ge = x, oe = g, te = n, ye = s, ae = i, X = f, le = !1;
-    function Pe(R) {
+    function Se(R) {
       return le || (le = !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.")), v(R) || V(R) === a;
     }
     function v(R) {
@@ -6033,7 +6041,7 @@ function Md() {
     function fe(R) {
       return V(R) === f;
     }
-    q.AsyncMode = p, q.ConcurrentMode = A, q.ContextConsumer = B, q.ContextProvider = M, q.Element = H, q.ForwardRef = F, q.Fragment = ne, q.Lazy = ge, q.Memo = oe, q.Portal = te, q.Profiler = ye, q.StrictMode = ae, q.Suspense = X, q.isAsyncMode = Pe, q.isConcurrentMode = v, q.isContextConsumer = w, q.isContextProvider = j, q.isElement = k, q.isForwardRef = D, q.isFragment = O, q.isLazy = _, q.isMemo = N, q.isPortal = $, q.isProfiler = Y, q.isStrictMode = U, q.isSuspense = fe, q.isValidElementType = C, q.typeOf = V;
+    q.AsyncMode = p, q.ConcurrentMode = A, q.ContextConsumer = B, q.ContextProvider = M, q.Element = H, q.ForwardRef = F, q.Fragment = ne, q.Lazy = ge, q.Memo = oe, q.Portal = te, q.Profiler = ye, q.StrictMode = ae, q.Suspense = X, q.isAsyncMode = Se, q.isConcurrentMode = v, q.isContextConsumer = w, q.isContextProvider = j, q.isElement = k, q.isForwardRef = D, q.isFragment = O, q.isLazy = _, q.isMemo = N, q.isPortal = $, q.isProfiler = Y, q.isStrictMode = U, q.isSuspense = fe, q.isValidElementType = C, q.typeOf = V;
   }()), q;
 }
 var Ss;
@@ -6215,10 +6223,10 @@ function Od() {
             );
             throw R.name = "Invariant Violation", R;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Se = $ + ":" + N;
-            !w[Se] && j < 3 && (s(
+            var Ce = $ + ":" + N;
+            !w[Ce] && j < 3 && (s(
               "You are manually calling a React.PropTypes validation function for the `" + U + "` prop on `" + $ + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), w[Se] = !0, j++);
+            ), w[Ce] = !0, j++);
           }
         }
         return _[N] == null ? O ? _[N] === null ? new y("The " + Y + " `" + U + "` is marked as required " + ("in `" + $ + "`, but its value is `null`.")) : new y("The " + Y + " `" + U + "` is marked as required in " + ("`" + $ + "`, but its value is `undefined`.")) : null : v(_, N, $, Y, U);
@@ -6286,7 +6294,7 @@ function Od() {
     function A(v) {
       function w(j, k, D, O, _) {
         if (!(j[k] instanceof v)) {
-          var N = v.name || h, $ = Pe(j[k]);
+          var N = v.name || h, $ = Se(j[k]);
           return new y("Invalid " + O + " `" + _ + "` of type " + ("`" + $ + "` supplied to `" + D + "`, expected ") + ("instance of `" + N + "`."));
         }
         return null;
@@ -6303,8 +6311,8 @@ function Od() {
           if (x(N, v[$]))
             return null;
         var Y = JSON.stringify(v, function(fe, R) {
-          var Se = X(R);
-          return Se === "symbol" ? String(R) : R;
+          var Ce = X(R);
+          return Ce === "symbol" ? String(R) : R;
         });
         return new y("Invalid " + O + " `" + _ + "` of value `" + String(N) + "` " + ("supplied to `" + D + "`, expected one of " + Y + "."));
       }
@@ -6344,8 +6352,8 @@ function Od() {
             return null;
           R.data && r(R.data, "expectedType") && Y.push(R.data.expectedType);
         }
-        var Se = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
-        return new y("Invalid " + N + " `" + $ + "` supplied to " + ("`" + _ + "`" + Se + "."));
+        var Ce = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
+        return new y("Invalid " + N + " `" + $ + "` supplied to " + ("`" + _ + "`" + Ce + "."));
       }
       return P(k);
     }
@@ -6466,7 +6474,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
           return w;
       }
     }
-    function Pe(v) {
+    function Se(v) {
       return !v.constructor || !v.constructor.name ? h : v.constructor.name;
     }
     return g.checkPropTypes = i, g.resetWarningCache = i.resetWarningCache, g.PropTypes = g, g;
@@ -6557,7 +6565,7 @@ function Fd(e, t) {
 }
 var Nr = Ot(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Id(e, ["color", "size"]);
-  return /* @__PURE__ */ Te.createElement("svg", Hn({
+  return /* @__PURE__ */ we.createElement("svg", Hn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
     width: s,
@@ -6568,7 +6576,7 @@ var Nr = Ot(function(e, t) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, o), /* @__PURE__ */ Te.createElement("polyline", {
+  }, o), /* @__PURE__ */ we.createElement("polyline", {
     points: "20 6 9 17 4 12"
   }));
 });
@@ -6609,7 +6617,7 @@ function $d(e, t) {
 }
 var Br = Ot(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Bd(e, ["color", "size"]);
-  return /* @__PURE__ */ Te.createElement("svg", Xn({
+  return /* @__PURE__ */ we.createElement("svg", Xn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
     width: s,
@@ -6620,14 +6628,14 @@ var Br = Ot(function(e, t) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, o), /* @__PURE__ */ Te.createElement("rect", {
+  }, o), /* @__PURE__ */ we.createElement("rect", {
     x: "9",
     y: "9",
     width: "13",
     height: "13",
     rx: "2",
     ry: "2"
-  }), /* @__PURE__ */ Te.createElement("path", {
+  }), /* @__PURE__ */ we.createElement("path", {
     d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
   }));
 });
@@ -6668,7 +6676,7 @@ function zd(e, t) {
 }
 var $r = Ot(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Wd(e, ["color", "size"]);
-  return /* @__PURE__ */ Te.createElement("svg", Zn({
+  return /* @__PURE__ */ we.createElement("svg", Zn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
     width: s,
@@ -6679,9 +6687,9 @@ var $r = Ot(function(e, t) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, o), /* @__PURE__ */ Te.createElement("path", {
+  }, o), /* @__PURE__ */ we.createElement("path", {
     d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
-  }), /* @__PURE__ */ Te.createElement("path", {
+  }), /* @__PURE__ */ we.createElement("path", {
     d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
   }));
 });
@@ -6722,7 +6730,7 @@ function Gd(e, t) {
 }
 var Ur = Ot(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Kd(e, ["color", "size"]);
-  return /* @__PURE__ */ Te.createElement("svg", Jn({
+  return /* @__PURE__ */ we.createElement("svg", Jn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
     width: s,
@@ -6733,9 +6741,9 @@ var Ur = Ot(function(e, t) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, o), /* @__PURE__ */ Te.createElement("polyline", {
+  }, o), /* @__PURE__ */ we.createElement("polyline", {
     points: "3 6 5 6 21 6"
-  }), /* @__PURE__ */ Te.createElement("path", {
+  }), /* @__PURE__ */ we.createElement("path", {
     d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
   }));
 });
@@ -6785,21 +6793,23 @@ const qd = Ur, Hd = ({
     });
     n([...t, A]), r(A), g();
   }, b = (p) => {
-    const A = new dn({
+    const A = URL.createObjectURL(p), B = new dn({
       id: new Date().toString(),
       text: "",
-      attachment: p,
+      attachmentUrl: A,
       attachmentType: Le.Voice,
+      attachmentBlob: p,
       user: e,
       isRightSided: !0,
       createdDate: new Date().toString()
     });
-    n([...t, A]), r(A), g();
+    n([...t, B]), r(B), g();
   }, S = (p, A) => {
     const B = URL.createObjectURL(p), M = new dn({
       id: new Date().toString(),
       text: "",
-      attachment: B,
+      attachmentUrl: B,
+      attachmentBlob: p,
       attachmentType: A,
       user: e,
       isRightSided: !0,
@@ -6910,10 +6920,10 @@ const qd = Ur, Hd = ({
             className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${p ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
             children: n ? /* @__PURE__ */ m.exports.jsx(ca, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ m.exports.jsx(ks, { children: s.length > 0 ? s.map((F, ne) => {
               var te, ye, ae;
-              const ge = F != null && F.attachment ? /* @__PURE__ */ m.exports.jsx(
+              const ge = F != null && F.attachmentUrl ? /* @__PURE__ */ m.exports.jsx(
                 Cd,
                 {
-                  attachment: F.attachment,
+                  attachmentUrl: F.attachmentUrl,
                   attachmentType: F == null ? void 0 : F.attachmentType,
                   attachmentFormat: F == null ? void 0 : F.attachmentFormat
                 },