@epam/statgpt-conversation-list 0.5.0 → 0.6.0-rc.0

package/index.mjs

@@ -1,13 +1,13 @@
-import { jsxs as S, jsx as h, Fragment as Ee } from "react/jsx-runtime";
+import { jsxs as b, jsx as h, Fragment as Ee } from "react/jsx-runtime";
 import k from "classnames";
-import P, { createContext as Re, useContext as Se, useState as B, useRef as me, useMemo as K, useCallback as O, useEffect as ne } from "react";
-import { cloneDeep as Ve, uniqBy as Xe, omit as Ke } from "lodash";
-import { Popup as le, PopUpSize as ce, Button as j, Loader as be, InputWithIcon as Me, Input as Ze, PopUpState as $, Dropdown as Ae, HighlightText as Je, IconButton as qe } from "@epam/statgpt-ui-components";
-import { IconCheck as et, IconCopy as tt, IconDotsVertical as nt, IconCaretRightFilled as ot, IconX as rt, IconSearch as st } from "@tabler/icons-react";
-import it from "jszip";
-import { getConversationAttachments as at, SHARE_CONVERSATION_ROUTE as Ie, getClearedConversationName as ve, ONBOARDING_MODEL_POSTFIX as lt, cleanConversationNames as q } from "@epam/statgpt-shared-toolkit";
-import { InvitationType as ct, getSharedConversationsRequest as se, ShareTarget as ie } from "@epam/statgpt-dial-toolkit";
-var _ = /* @__PURE__ */ ((t) => (t.DELETE = "delete", t.EXPORT = "export", t.SHARE = "share", t.RENAME = "rename", t))(_ || {}), U = /* @__PURE__ */ ((t) => (t.SHARED = "shared", t.TODAY = "today", t.YESTERDAY = "yesterday", t.WEEK = "week", t.EARLIER = "earlier", t))(U || {});
+import I, { createContext as Re, useContext as Se, useState as O, useRef as me, useMemo as Z, useCallback as D, useEffect as oe } from "react";
+import { cloneDeep as Xe, uniqBy as Ke, omit as Ze } from "lodash";
+import { Popup as ce, PopUpSize as ue, Button as W, Loader as be, InlineAlert as Je, InlineAlertType as qe, InputWithIcon as Me, Input as et, PopUpState as Y, Dropdown as Ae, HighlightText as tt, IconButton as nt } from "@epam/statgpt-ui-components";
+import { IconCheck as ot, IconCopy as rt, IconInfoCircle as st, IconDotsVertical as it, IconCaretRightFilled as at, IconX as lt, IconSearch as ct } from "@tabler/icons-react";
+import ut from "jszip";
+import { getConversationAttachments as dt, SHARE_CONVERSATION_ROUTE as Ie, getClearedConversationName as ve, ONBOARDING_MODEL_POSTFIX as ht, cleanConversationNames as q } from "@epam/statgpt-shared-toolkit";
+import { InvitationType as ft, getSharedConversationsRequest as ie, ShareTarget as ae } from "@epam/statgpt-dial-toolkit";
+var z = /* @__PURE__ */ ((t) => (t.DELETE = "delete", t.EXPORT = "export", t.SHARE = "share", t.RENAME = "rename", t))(z || {}), F = /* @__PURE__ */ ((t) => (t.SHARED = "shared", t.TODAY = "today", t.YESTERDAY = "yesterday", t.WEEK = "week", t.EARLIER = "earlier", t))(F || {});
 const pe = (t, s) => t?.resources?.filter((r) => r?.parentPath === s)?.map((r) => {
   const a = `${r?.bucket}/${s}`, u = r?.url?.split("/")?.slice(1)?.join("/");
   return {
@@ -16,38 +16,38 @@ const pe = (t, s) => t?.resources?.filter((r) => r?.parentPath === s)?.map((r) =
     id: u,
     isShared: !0
   };
-}) || [], ut = (t) => ({
-  [U.SHARED]: t
-}), dt = {
-  [U.TODAY]: [],
-  [U.YESTERDAY]: [],
-  [U.WEEK]: [],
-  [U.EARLIER]: []
-}, xe = (t, s) => t.toDateString() === s.toDateString(), ht = (t, s) => {
+}) || [], pt = (t) => ({
+  [F.SHARED]: t
+}), mt = {
+  [F.TODAY]: [],
+  [F.YESTERDAY]: [],
+  [F.WEEK]: [],
+  [F.EARLIER]: []
+}, xe = (t, s) => t.toDateString() === s.toDateString(), gt = (t, s) => {
   const r = new Date(
     t.getFullYear(),
     t.getMonth(),
     t.getDate() - 1
   );
   return xe(s, r);
-}, ft = (t, s) => {
+}, Ct = (t, s) => {
   const r = t.getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, ye = (t) => t.updatedAt || Number(t.id?.split("-").pop()), pt = (t) => {
-  const s = /* @__PURE__ */ new Date(), r = Ve(dt);
+}, ye = (t) => t.updatedAt || Number(t.id?.split("-").pop()), Et = (t) => {
+  const s = /* @__PURE__ */ new Date(), r = Xe(mt);
   for (const a of t)
     if (a.updatedAt) {
       const u = new Date(a.updatedAt);
       let c;
-      xe(s, u) ? c = r[U.TODAY] : ht(s, u) ? c = r[U.YESTERDAY] : ft(s, u) <= 7 ? c = r[U.WEEK] : c = r[U.EARLIER], c?.some(
+      xe(s, u) ? c = r[F.TODAY] : gt(s, u) ? c = r[F.YESTERDAY] : Ct(s, u) <= 7 ? c = r[F.WEEK] : c = r[F.EARLIER], c?.some(
         (C) => C.id === a.id
       ) || c.push(a);
     }
   return r;
 }, Pe = (t) => t?.sort(
   (s, r) => (ye(r) || 0) - (ye(s) || 0)
-), mt = (t, s) => t === U.SHARED ? s?.shared || "Shared" : t === U.TODAY ? s?.today || "Today" : t === U.YESTERDAY ? s?.yesterday || "Yesterday" : t === U.WEEK ? s?.lastWeek || "Last week" : s?.earlier || "Earlier", De = Re(null);
-function V() {
+), vt = (t, s) => t === F.SHARED ? s?.shared || "Shared" : t === F.TODAY ? s?.today || "Today" : t === F.YESTERDAY ? s?.yesterday || "Yesterday" : t === F.WEEK ? s?.lastWeek || "Last week" : s?.earlier || "Earlier", De = Re(null);
+function K() {
   const t = Se(De);
   if (!t)
     throw new Error(
@@ -55,27 +55,27 @@ function V() {
     );
   return t;
 }
-const gt = ({
+const wt = ({
   onCloseModal: t,
   deleteConversation: s,
   locale: r
 }) => {
-  const { titles: a, disableModalDividers: u, isSmallModalButton: c } = V();
-  return /* @__PURE__ */ S(
-    le,
+  const { titles: a, disableModalDividers: u, isSmallModalButton: c } = K();
+  return /* @__PURE__ */ b(
+    ce,
     {
       heading: a?.deleteTitle ?? "Delete conversation",
       portalId: "delete-conversation",
       containerClassName: "delete-conversation-popup",
-      size: ce.SM,
+      size: ue.SM,
       dividers: !u,
       onClose: t,
       closeButtonTitle: a?.close ?? "Cancel",
       children: [
         /* @__PURE__ */ h("div", { className: "px-6 py-4 sm:px-0", lang: r, children: a?.deleteMessage ?? "Are you sure you want to delete this conversation? This action cannot be undone." }),
-        /* @__PURE__ */ S("div", { className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3", children: [
+        /* @__PURE__ */ b("div", { className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3", children: [
           /* @__PURE__ */ h(
-            j,
+            W,
             {
               buttonClassName: "cancel-button",
               title: a?.cancel ?? "Cancel",
@@ -86,7 +86,7 @@ const gt = ({
             }
           ),
           /* @__PURE__ */ h(
-            j,
+            W,
             {
               buttonClassName: "text-button-primary text-button-primary-error",
               title: a?.delete ?? "Delete",
@@ -100,19 +100,19 @@ const gt = ({
       ]
     }
   );
-}, Ct = (t) => {
-  const s = yt(
-    at(t)
+}, yt = (t) => {
+  const s = bt(
+    dt(t)
   ).map((r) => ({
     ...r,
     relativePath: "",
     contentLength: 0
   }));
-  return Xe(
+  return Ke(
     s,
-    (r) => oe(r.relativePath, r.name)
+    (r) => re(r.relativePath, r.name)
   );
-}, Et = (t) => t.endsWith("/"), vt = (t) => {
+}, Nt = (t) => t.endsWith("/"), Rt = (t) => {
   const s = t.toLowerCase();
   return [
     "data:",
@@ -125,18 +125,18 @@ const gt = ({
     "telnet://",
     "api/files"
   ].some((r) => s.startsWith(r));
-}, wt = (t) => {
-  const s = oe(
+}, St = (t) => {
+  const s = re(
     ...t.split("/").map((a) => decodeURIComponent(a))
   ), r = s.lastIndexOf("/");
   return {
     absolutePath: s.slice(0, r),
     name: s.slice(r + 1)
   };
-}, yt = (t) => t ? t.map((s) => {
-  if (!s.url || vt(s.url) || Et(s.url))
+}, bt = (t) => t ? t.map((s) => {
+  if (!s.url || Rt(s.url) || Nt(s.url))
     return null;
-  const { absolutePath: r, name: a } = wt(s.url);
+  const { absolutePath: r, name: a } = St(s.url);
   return {
     id: s.url,
     name: a,
@@ -145,44 +145,44 @@ const gt = ({
     absolutePath: r
   };
 }).filter(Boolean) : [];
-async function Nt(t, s) {
-  const r = Ct(t), a = new it();
+async function Mt(t, s) {
+  const r = yt(t), a = new ut();
   r.forEach((p) => {
-    const e = encodeURI(oe(p.absolutePath, p.name)), o = s(`${e}`.replace("files/", "")), n = Rt(p.folderId), i = oe("res", n, p.name);
+    const e = encodeURI(re(p.absolutePath, p.name)), o = s(`${e}`.replace("files/", "")), n = At(p.folderId), i = re("res", n, p.name);
     a.file(i, o);
   });
   const u = {
     version: 5,
-    history: [t].map(St) || [],
+    history: [t].map(It) || [],
     folders: []
   }, c = JSON.stringify(u, null, 2);
   return a.file("conversations/conversations_history.json", c), await a.generateAsync({ type: "base64" });
 }
-const Rt = (t) => {
+const At = (t) => {
   const s = t.split("/");
-  return s.length > 2 ? oe(...s.slice(2)) : void 0;
-}, St = (t) => Ke(t, ["publicationInfo"]), oe = (...t) => t.filter(Boolean).join("/");
-function bt(t, s) {
+  return s.length > 2 ? re(...s.slice(2)) : void 0;
+}, It = (t) => Ze(t, ["publicationInfo"]), re = (...t) => t.filter(Boolean).join("/");
+function xt(t, s) {
   const r = document.createElement("a");
   r.download = s, r.href = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(t);
 }
-var Mt = Object.defineProperty, ae = Object.getOwnPropertySymbols, Te = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable, Ne = (t, s, r) => s in t ? Mt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[s] = r, ge = (t, s) => {
+var Pt = Object.defineProperty, le = Object.getOwnPropertySymbols, Te = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable, Ne = (t, s, r) => s in t ? Pt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[s] = r, ge = (t, s) => {
   for (var r in s || (s = {}))
     Te.call(s, r) && Ne(t, r, s[r]);
-  if (ae)
-    for (var r of ae(s))
+  if (le)
+    for (var r of le(s))
       Oe.call(s, r) && Ne(t, r, s[r]);
   return t;
 }, Ce = (t, s) => {
   var r = {};
   for (var a in t)
     Te.call(t, a) && s.indexOf(a) < 0 && (r[a] = t[a]);
-  if (t != null && ae)
-    for (var a of ae(t))
+  if (t != null && le)
+    for (var a of le(t))
       s.indexOf(a) < 0 && Oe.call(t, a) && (r[a] = t[a]);
   return r;
 };
-var Z;
+var J;
 ((t) => {
   const s = class v {
     /*-- Constructor (low level) and fields --*/
@@ -263,9 +263,9 @@ var Z;
           m.push(y);
       }
       u(m.length == E);
-      const R = v.getNumDataCodewords(d, o) * 8;
-      u(m.length <= R), r(0, Math.min(4, R - m.length), m), r(0, (8 - m.length % 8) % 8, m), u(m.length % 8 == 0);
-      for (let g = 236; m.length < R; g ^= 253)
+      const N = v.getNumDataCodewords(d, o) * 8;
+      u(m.length <= N), r(0, Math.min(4, N - m.length), m), r(0, (8 - m.length % 8) % 8, m), u(m.length % 8 == 0);
+      for (let g = 236; m.length < N; g ^= 253)
         r(g, 8, m);
       let w = [];
       for (; w.length * 8 < m.length; )
@@ -360,12 +360,12 @@ var Z;
         throw new RangeError("Invalid argument");
       const i = v.NUM_ERROR_CORRECTION_BLOCKS[n.ordinal][o], l = v.ECC_CODEWORDS_PER_BLOCK[n.ordinal][o], f = Math.floor(v.getNumRawDataModules(o) / 8), d = i - f % i, E = Math.floor(f / i);
       let m = [];
-      const R = v.reedSolomonComputeDivisor(l);
+      const N = v.reedSolomonComputeDivisor(l);
       for (let g = 0, y = 0; g < i; g++) {
         let A = e.slice(y, y + E - l + (g < d ? 0 : 1));
         y += A.length;
-        const T = v.reedSolomonComputeRemainder(A, R);
-        g < d && A.push(0), m.push(A.concat(T));
+        const L = v.reedSolomonComputeRemainder(A, N);
+        g < d && A.push(0), m.push(A.concat(L));
       }
       let w = [];
       for (let g = 0; g < m[0].length; g++)
@@ -687,7 +687,7 @@ var Z;
   c.NUMERIC_REGEX = /^[0-9]*$/, c.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/, c.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
   let C = c;
   t.QrSegment = c;
-})(Z || (Z = {}));
+})(J || (J = {}));
 ((t) => {
   ((s) => {
     const r = class {
@@ -699,7 +699,7 @@ var Z;
     };
     r.LOW = new r(0, 1), r.MEDIUM = new r(1, 0), r.QUARTILE = new r(2, 3), r.HIGH = new r(3, 2), s.Ecc = r;
   })(t.QrCode || (t.QrCode = {}));
-})(Z || (Z = {}));
+})(J || (J = {}));
 ((t) => {
   ((s) => {
     const r = class {
@@ -716,14 +716,14 @@ var Z;
     };
     r.NUMERIC = new r(1, [10, 12, 14]), r.ALPHANUMERIC = new r(2, [9, 11, 13]), r.BYTE = new r(4, [8, 16, 16]), r.KANJI = new r(8, [8, 10, 12]), r.ECI = new r(7, [0, 0, 0]), s.Mode = r;
   })(t.QrSegment || (t.QrSegment = {}));
-})(Z || (Z = {}));
-var ee = Z;
-var At = {
+})(J || (J = {}));
+var ee = J;
+var Dt = {
   L: ee.QrCode.Ecc.LOW,
   M: ee.QrCode.Ecc.MEDIUM,
   Q: ee.QrCode.Ecc.QUARTILE,
   H: ee.QrCode.Ecc.HIGH
-}, Le = 128, Be = "L", ke = "#FFFFFF", Fe = "#000000", Ue = !1, ze = 1, It = 4, xt = 0, Pt = 0.1;
+}, Le = 128, Be = "L", ke = "#FFFFFF", Fe = "#000000", Ue = !1, ze = 1, Tt = 4, Ot = 0, Lt = 0.1;
 function _e(t, s = 0) {
   const r = [];
   return t.forEach(function(a, u) {
@@ -750,20 +750,20 @@ function _e(t, s = 0) {
 function $e(t, s) {
   return t.slice().map((r, a) => a < s.y || a >= s.y + s.h ? r : r.map((u, c) => c < s.x || c >= s.x + s.w ? u : !1));
 }
-function Dt(t, s, r, a) {
+function Bt(t, s, r, a) {
   if (a == null)
     return null;
-  const u = t.length + r * 2, c = Math.floor(s * Pt), C = u / s, p = (a.width || c) * C, e = (a.height || c) * C, o = a.x == null ? t.length / 2 - p / 2 : a.x * C, n = a.y == null ? t.length / 2 - e / 2 : a.y * C, i = a.opacity == null ? 1 : a.opacity;
+  const u = t.length + r * 2, c = Math.floor(s * Lt), C = u / s, p = (a.width || c) * C, e = (a.height || c) * C, o = a.x == null ? t.length / 2 - p / 2 : a.x * C, n = a.y == null ? t.length / 2 - e / 2 : a.y * C, i = a.opacity == null ? 1 : a.opacity;
   let l = null;
   if (a.excavate) {
-    let d = Math.floor(o), E = Math.floor(n), m = Math.ceil(p + o - d), R = Math.ceil(e + n - E);
-    l = { x: d, y: E, w: m, h: R };
+    let d = Math.floor(o), E = Math.floor(n), m = Math.ceil(p + o - d), N = Math.ceil(e + n - E);
+    l = { x: d, y: E, w: m, h: N };
   }
   const f = a.crossOrigin;
   return { x: o, y: n, h: e, w: p, excavation: l, opacity: i, crossOrigin: f };
 }
-function Tt(t, s) {
-  return s != null ? Math.max(Math.floor(s), 0) : t ? It : xt;
+function kt(t, s) {
+  return s != null ? Math.max(Math.floor(s), 0) : t ? Tt : Ot;
 }
 function He({
   value: t,
@@ -775,20 +775,20 @@ function He({
   size: C,
   boostLevel: p
 }) {
-  let e = P.useMemo(() => {
+  let e = I.useMemo(() => {
     const d = (Array.isArray(t) ? t : [t]).reduce((E, m) => (E.push(...ee.QrSegment.makeSegments(m)), E), []);
     return ee.QrCode.encodeSegments(
       d,
-      At[s],
+      Dt[s],
       r,
       void 0,
       void 0,
       p
     );
   }, [t, s, r, p]);
-  const { cells: o, margin: n, numCells: i, calculatedImageSettings: l } = P.useMemo(() => {
+  const { cells: o, margin: n, numCells: i, calculatedImageSettings: l } = I.useMemo(() => {
     let f = e.getModules();
-    const d = Tt(a, u), E = f.length + d * 2, m = Dt(
+    const d = kt(a, u), E = f.length + d * 2, m = Bt(
       f,
       C,
       d,
@@ -809,14 +809,14 @@ function He({
     calculatedImageSettings: l
   };
 }
-var Ot = (function() {
+var Ft = (function() {
   try {
     new Path2D().addPath(new Path2D());
   } catch {
     return !1;
   }
   return !0;
-})(), Lt = P.forwardRef(
+})(), Ut = I.forwardRef(
   function(s, r) {
     const a = s, {
       value: u,
@@ -840,12 +840,12 @@ var Ot = (function() {
       "boostLevel",
       "marginSize",
       "imageSettings"
-    ]), { style: m } = E, R = Ce(E, ["style"]), w = f?.src, g = P.useRef(null), y = P.useRef(null), A = P.useCallback(
-      (Y) => {
-        g.current = Y, typeof r == "function" ? r(Y) : r && (r.current = Y);
+    ]), { style: m } = E, N = Ce(E, ["style"]), w = f?.src, g = I.useRef(null), y = I.useRef(null), A = I.useCallback(
+      ($) => {
+        g.current = $, typeof r == "function" ? r($) : r && (r.current = $);
       },
       [r]
-    ), [T, b] = P.useState(!1), { margin: L, cells: H, numCells: Q, calculatedImageSettings: D } = He({
+    ), [L, S] = I.useState(!1), { margin: B, cells: _, numCells: j, calculatedImageSettings: T } = He({
       value: u,
       level: C,
       minVersion: n,
@@ -855,63 +855,63 @@ var Ot = (function() {
       imageSettings: f,
       size: c
     });
-    P.useEffect(() => {
+    I.useEffect(() => {
       if (g.current != null) {
-        const Y = g.current, N = Y.getContext("2d");
-        if (!N)
+        const $ = g.current, R = $.getContext("2d");
+        if (!R)
           return;
-        let I = H;
-        const x = y.current, F = D != null && x !== null && x.complete && x.naturalHeight !== 0 && x.naturalWidth !== 0;
-        F && D.excavation != null && (I = $e(
-          H,
-          D.excavation
+        let x = _;
+        const P = y.current, G = T != null && P !== null && P.complete && P.naturalHeight !== 0 && P.naturalWidth !== 0;
+        G && T.excavation != null && (x = $e(
+          _,
+          T.excavation
         ));
-        const W = window.devicePixelRatio || 1;
-        Y.height = Y.width = c * W;
-        const J = c / Q * W;
-        N.scale(J, J), N.fillStyle = p, N.fillRect(0, 0, Q, Q), N.fillStyle = e, Ot ? N.fill(new Path2D(_e(I, L))) : H.forEach(function(ue, re) {
-          ue.forEach(function(de, he) {
-            de && N.fillRect(he + L, re + L, 1, 1);
+        const H = window.devicePixelRatio || 1;
+        $.height = $.width = c * H;
+        const X = c / j * H;
+        R.scale(X, X), R.fillStyle = p, R.fillRect(0, 0, j, j), R.fillStyle = e, Ft ? R.fill(new Path2D(_e(x, B))) : _.forEach(function(te, de) {
+          te.forEach(function(se, he) {
+            se && R.fillRect(he + B, de + B, 1, 1);
           });
-        }), D && (N.globalAlpha = D.opacity), F && N.drawImage(
-          x,
-          D.x + L,
-          D.y + L,
-          D.w,
-          D.h
+        }), T && (R.globalAlpha = T.opacity), G && R.drawImage(
+          P,
+          T.x + B,
+          T.y + B,
+          T.w,
+          T.h
         );
       }
-    }), P.useEffect(() => {
-      b(!1);
+    }), I.useEffect(() => {
+      S(!1);
     }, [w]);
-    const G = ge({ height: c, width: c }, m);
-    let X = null;
-    return w != null && (X = /* @__PURE__ */ P.createElement(
+    const V = ge({ height: c, width: c }, m);
+    let Q = null;
+    return w != null && (Q = /* @__PURE__ */ I.createElement(
       "img",
       {
         src: w,
         key: w,
         style: { display: "none" },
         onLoad: () => {
-          b(!0);
+          S(!0);
         },
         ref: y,
-        crossOrigin: D?.crossOrigin
+        crossOrigin: T?.crossOrigin
       }
-    )), /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement(
+    )), /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(
       "canvas",
       ge({
-        style: G,
+        style: V,
         height: c,
         width: c,
         ref: A,
         role: "img"
-      }, R)
-    ), X);
+      }, N)
+    ), Q);
   }
 );
-Lt.displayName = "QRCodeCanvas";
-var Ye = P.forwardRef(
+Ut.displayName = "QRCodeCanvas";
+var Ye = I.forwardRef(
   function(s, r) {
     const a = s, {
       value: u,
@@ -937,7 +937,7 @@ var Ye = P.forwardRef(
       "title",
       "marginSize",
       "imageSettings"
-    ]), { margin: m, cells: R, numCells: w, calculatedImageSettings: g } = He({
+    ]), { margin: m, cells: N, numCells: w, calculatedImageSettings: g } = He({
       value: u,
       level: C,
       minVersion: n,
@@ -947,11 +947,11 @@ var Ye = P.forwardRef(
       imageSettings: d,
       size: c
     });
-    let y = R, A = null;
+    let y = N, A = null;
     d != null && g != null && (g.excavation != null && (y = $e(
-      R,
+      N,
       g.excavation
-    )), A = /* @__PURE__ */ P.createElement(
+    )), A = /* @__PURE__ */ I.createElement(
       "image",
       {
         href: d.src,
@@ -964,8 +964,8 @@ var Ye = P.forwardRef(
         crossOrigin: g.crossOrigin
       }
     ));
-    const T = _e(y, m);
-    return /* @__PURE__ */ P.createElement(
+    const L = _e(y, m);
+    return /* @__PURE__ */ I.createElement(
       "svg",
       ge({
         height: c,
@@ -974,8 +974,8 @@ var Ye = P.forwardRef(
         ref: r,
         role: "img"
       }, E),
-      !!l && /* @__PURE__ */ P.createElement("title", null, l),
-      /* @__PURE__ */ P.createElement(
+      !!l && /* @__PURE__ */ I.createElement("title", null, l),
+      /* @__PURE__ */ I.createElement(
         "path",
         {
           fill: p,
@@ -983,31 +983,31 @@ var Ye = P.forwardRef(
           shapeRendering: "crispEdges"
         }
       ),
-      /* @__PURE__ */ P.createElement("path", { fill: e, d: T, shapeRendering: "crispEdges" }),
+      /* @__PURE__ */ I.createElement("path", { fill: e, d: L, shapeRendering: "crispEdges" }),
       A
     );
   }
 );
 Ye.displayName = "QRCodeSVG";
-const Bt = (t, s) => ({
-  invitationType: ct.LINK,
+const zt = (t, s) => ({
+  invitationType: ft.LINK,
   resources: [
     {
       url: `conversations/${encodeURI(t)}`
     },
     ...s
   ]
-}), kt = (t) => {
+}), _t = (t) => {
   const s = t?.invitationLink?.split("/").at(-1) || "";
   return `/${Ie}/${s}`;
-}, Ft = (t, s) => s?.find((r) => {
+}, $t = (t, s) => s?.find((r) => {
   const a = t?.id?.split("/")?.pop(), u = r?.url?.split("/")?.pop() || "";
   return u === a || decodeURI(u) === a;
-}), Ut = (t) => t?.messages?.filter(
+}), Ht = (t) => t?.messages?.filter(
   (r) => !!r?.custom_content?.attachments
 )?.flatMap((r) => r?.custom_content?.attachments?.map((a) => ({
   url: a?.url || ""
-})) || [])?.filter((r) => !!r?.url) || [], zt = ({
+})) || [])?.filter((r) => !!r?.url) || [], Yt = ({
   conversation: t,
   locale: s,
   onCloseModal: r,
@@ -1025,103 +1025,112 @@ const Bt = (t, s) => ({
   shareRemoveAccessToUsers: d,
   chatName: E,
   getSharedConversations: m,
-  revokeSharedConversations: R,
+  revokeSharedConversations: N,
   baseUrl: w,
   id: g,
   clientSharedPage: y,
-  clientSharedProp: A
+  clientSharedProp: A,
+  shareAlertMessage: L
 }) => {
-  const [T, b] = B(null), [L, H] = B(), [Q, D] = B(!1), [G, X] = B(!1), [Y, N] = B(), I = me(null), x = me(null), F = K(() => t?.id ? decodeURI(t.id) : g?.[0] && g?.[1] && s ? decodeURI(`${g[0]}/${s}/${g[1]}`) : null, [t?.id, g, s]), W = K(() => {
-    if (!T)
+  const [S, B] = O(null), [_, j] = O(), [T, V] = O(!1), [Q, $] = O(!1), [R, x] = O(), P = me(null), G = me(null), H = Z(() => t?.id ? decodeURI(t.id) : g?.[0] && g?.[1] && s ? decodeURI(`${g[0]}/${s}/${g[1]}`) : null, [t?.id, g, s]), X = Z(() => {
+    if (!S)
       return "";
-    const z = w || window.location.origin;
+    const U = w || window.location.origin;
     if (w && w !== window.location.origin && y && A) {
-      const te = T.split(
+      const ne = S.split(
         `/${Ie}/`
       )?.[1];
-      return `${z}/${y}?${A}=${te}`;
+      return `${U}/${y}?${A}=${ne}`;
     }
-    return `${z}/${s}${T}`;
-  }, [w, T, s, y, A]), J = O(
-    async (z) => {
-      const te = await m?.(
-        se(ie.OTHERS)
+    return `${U}/${s}${S}`;
+  }, [w, S, s, y, A]), te = D(
+    async (U) => {
+      const ne = await m?.(
+        ie(ae.OTHERS)
       );
-      if (te)
-        return Ft(
-          { id: z },
-          te.resources
+      if (ne)
+        return $t(
+          { id: U },
+          ne.resources
         );
     },
     [m]
   );
-  ne(() => {
-    if (!F || I.current === F)
+  oe(() => {
+    if (!H || P.current === H)
       return;
-    I.current = F, D(!1), x.current?.abort();
-    const z = new AbortController();
-    return x.current = z, (async () => {
+    P.current = H, V(!1), G.current?.abort();
+    const U = new AbortController();
+    return G.current = U, (async () => {
       try {
-        const fe = await u?.(F), je = Bt(
-          F,
-          Ut(fe)
-        ), we = await c?.(je), We = await J(F);
-        if (z.signal.aborted || !we)
+        const fe = await u?.(H), We = zt(
+          H,
+          Ht(fe)
+        ), we = await c?.(We), Ve = await te(H);
+        if (U.signal.aborted || !we)
           return;
-        b(kt(we)), H(We), D(!0);
+        B(_t(we)), j(Ve), V(!0);
       } catch (fe) {
-        if (z.signal.aborted)
+        if (U.signal.aborted)
           return;
-        D(!1), console.error("Error sharing conversation", fe);
+        V(!1), console.error("Error sharing conversation", fe);
       }
     })(), () => {
-      z.abort(), I.current = null;
+      U.abort(), P.current = null;
     };
   }, [
-    F,
+    H,
     c,
     u,
-    J
+    te
   ]);
-  const ue = O(() => {
-    x.current?.abort(), I.current = null, r(), b(null), D(!1), X(!1);
-  }, [r]), re = O(() => {
-    X(!0), navigator.clipboard.writeText(W || "");
-  }, [W]), de = async () => {
+  const de = D(() => {
+    G.current?.abort(), P.current = null, r(), B(null), V(!1), $(!1);
+  }, [r]), se = D(() => {
+    $(!0), navigator.clipboard.writeText(X || "");
+  }, [X]), he = async () => {
     try {
-      if (N(!0), L && await R?.({
-        resources: [L]
-      }), F) {
-        const z = await J(F);
-        x.current?.signal.aborted || H(z);
+      if (x(!0), _ && await N?.({
+        resources: [_]
+      }), H) {
+        const U = await te(H);
+        G.current?.signal.aborted || j(U);
       }
-    } catch (z) {
-      console.error("Error revoking shared conversation", z);
+    } catch (U) {
+      console.error("Error revoking shared conversation", U);
     } finally {
-      x.current?.signal.aborted || N(!1);
+      G.current?.signal.aborted || x(!1);
     }
-  }, he = O(() => /* @__PURE__ */ h(
-    j,
+  }, je = D(() => /* @__PURE__ */ h(
+    W,
     {
-      buttonClassName: G ? "text-button-secondary" : "text-button-primary",
-      iconBefore: G ? /* @__PURE__ */ h(et, { width: 20, height: 20 }) : /* @__PURE__ */ h(tt, { width: 20, height: 20 }),
-      title: G ? l ?? "Copied" : i ?? "Copy link",
-      disabled: G,
-      onClick: re
+      buttonClassName: Q ? "text-button-secondary" : "text-button-primary",
+      iconBefore: Q ? /* @__PURE__ */ h(ot, { width: 20, height: 20 }) : /* @__PURE__ */ h(rt, { width: 20, height: 20 }),
+      title: Q ? l ?? "Copied" : i ?? "Copy link",
+      disabled: Q,
+      onClick: se
     }
-  ), [G, re, l, i]);
-  return /* @__PURE__ */ S(
-    le,
+  ), [Q, se, l, i]);
+  return /* @__PURE__ */ b(
+    ce,
     {
       heading: n ?? "Share link",
       portalId: "share",
-      size: ce.SM,
+      size: ue.SM,
       dividers: a,
-      onClose: ue,
+      onClose: de,
       closeButtonTitle: e ?? "Close",
       children: [
-        Q ? /* @__PURE__ */ S("div", { className: "share flex flex-col gap-y-4 overflow-auto px-6 pb-6 sm:p-0", children: [
-          t?.name ? /* @__PURE__ */ S("div", { className: "share-info flex w-full", children: [
+        T ? /* @__PURE__ */ b("div", { className: "share flex flex-col gap-y-4 overflow-auto px-6 pb-6 sm:p-0", children: [
+          L ? /* @__PURE__ */ h(
+            Je,
+            {
+              type: qe.Note,
+              icon: /* @__PURE__ */ h(st, { width: 16, height: 16 }),
+              children: L
+            }
+          ) : null,
+          t?.name ? /* @__PURE__ */ b("div", { className: "share-info flex w-full", children: [
             /* @__PURE__ */ h("p", { className: "share-info-title body-1 mr-1 text-neutrals-800", children: E ?? "Chat name:" }),
             /* @__PURE__ */ h(
               "h3",
@@ -1132,9 +1141,9 @@ const Bt = (t, s) => ({
               }
             )
           ] }) : null,
-          /* @__PURE__ */ S("div", { className: "share-info flex", children: [
+          /* @__PURE__ */ b("div", { className: "share-info flex", children: [
             /* @__PURE__ */ h("p", { className: "share-info-title body-1 mr-1 text-neutrals-800", children: C ?? "Link expiration date:" }),
-            /* @__PURE__ */ S("h3", { children: [
+            /* @__PURE__ */ b("h3", { children: [
               "3 ",
               p ?? "days"
             ] })
@@ -1143,7 +1152,7 @@ const Bt = (t, s) => ({
             Ye,
             {
               className: "min-h-[200px] self-center rounded border border-neutrals-600 p-2",
-              value: W,
+              value: X,
               size: 200
             }
           ),
@@ -1154,33 +1163,33 @@ const Bt = (t, s) => ({
               containerClasses: "share-input-container",
               cssClass: "share-input",
               readonly: !0,
-              placeholder: W,
-              value: W,
+              placeholder: X,
+              value: X,
               inputId: "conversationLink",
-              iconAfterInput: he()
+              iconAfterInput: je()
             }
           )
         ] }) : /* @__PURE__ */ h("div", { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ h(be, {}) }),
-        Q ? t && L ? /* @__PURE__ */ h("div", { className: "remove-access", children: /* @__PURE__ */ h(
-          j,
+        T ? t && _ ? /* @__PURE__ */ h("div", { className: "remove-access", children: /* @__PURE__ */ h(
+          W,
           {
             title: d ?? "Remove access to all users",
             buttonClassName: "remove-access-button py-3 px-4",
             isSmallButton: !0,
-            disabled: Y,
-            onClick: de
+            disabled: R,
+            onClick: he
           }
         ) }) : /* @__PURE__ */ h("p", { className: "body-2 share-footer text-neutrals-800", children: o ?? "This chat has not been shared with anyone yet." }) : /* @__PURE__ */ h("div", {})
       ]
     }
   );
-}, _t = ({
+}, Qt = ({
   conversation: t,
   onCloseModal: s,
   renameConversation: r,
   locale: a
 }) => {
-  const { titles: u, disableModalDividers: c, isSmallModalButton: C } = V(), [p, e] = B(t?.name || ""), o = (i) => {
+  const { titles: u, disableModalDividers: c, isSmallModalButton: C } = K(), [p, e] = O(t?.name || ""), o = (i) => {
     e(i);
   }, n = () => {
     const i = `${t?.folderId}/${encodeURIComponent(ve(p))}-${(/* @__PURE__ */ new Date()).getTime()}`;
@@ -1189,19 +1198,19 @@ const Bt = (t, s) => ({
       `conversations/${i}`
     );
   };
-  return /* @__PURE__ */ S(
-    le,
+  return /* @__PURE__ */ b(
+    ce,
     {
       heading: u?.renameTitle ?? "Rename conversation",
       portalId: "rename-conversation",
       containerClassName: "rename-conversation-popup",
-      size: ce.SM,
+      size: ue.SM,
       dividers: !c,
       onClose: s,
       closeButtonTitle: u?.close ?? "Cancel",
       children: [
         /* @__PURE__ */ h("div", { className: "px-6 py-4 sm:px-0", lang: a, children: /* @__PURE__ */ h(
-          Ze,
+          et,
           {
             inputId: "rename",
             value: p,
@@ -1209,9 +1218,9 @@ const Bt = (t, s) => ({
             cssClass: "w-full"
           }
         ) }),
-        /* @__PURE__ */ S("div", { className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3", children: [
+        /* @__PURE__ */ b("div", { className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3", children: [
           /* @__PURE__ */ h(
-            j,
+            W,
             {
               buttonClassName: "cancel-button",
               title: u?.cancel ?? "Cancel",
@@ -1222,7 +1231,7 @@ const Bt = (t, s) => ({
             }
           ),
           /* @__PURE__ */ h(
-            j,
+            W,
             {
               buttonClassName: "text-button-primary text-button-primary",
               title: u?.save ?? "Rename",
@@ -1238,13 +1247,13 @@ const Bt = (t, s) => ({
     }
   );
 }, Qe = Re(null);
-function $t({
+function Gt({
   children: t,
   value: s
 }) {
   return /* @__PURE__ */ h(Qe.Provider, { value: s, children: t });
 }
-function Ht() {
+function jt() {
   const t = Se(Qe);
   if (!t)
     throw new Error(
@@ -1252,78 +1261,78 @@ function Ht() {
     );
   return t;
 }
-const Yt = ({
+const Wt = ({
   conversation: t,
   triggerButton: s,
   isDisabled: r
 }) => {
-  const a = V(), {
+  const a = K(), {
     locale: u,
     deleteConversation: c,
     renameConversation: C,
     getConversation: p,
     getFileBlob: e,
     shareConversationProps: o
-  } = Ht(), n = K(() => {
-    const b = [
+  } = jt(), n = Z(() => {
+    const S = [
       {
-        key: _.DELETE,
+        key: z.DELETE,
         title: a?.titles?.delete ?? "Delete",
-        icon: a.actionsIcons?.[_.DELETE]
+        icon: a.actionsIcons?.[z.DELETE]
       }
     ];
-    return t?.model?.id?.endsWith(lt) ? b : [
+    return t?.model?.id?.endsWith(ht) ? S : [
       ...t.isShared ? [] : [
         {
-          key: _.SHARE,
+          key: z.SHARE,
           title: a?.titles?.share ?? "Share",
-          icon: a.actionsIcons?.[_.SHARE]
+          icon: a.actionsIcons?.[z.SHARE]
         },
         {
-          key: _.RENAME,
+          key: z.RENAME,
           title: a?.titles?.rename ?? "Rename",
-          icon: a.actionsIcons?.[_.RENAME]
+          icon: a.actionsIcons?.[z.RENAME]
         }
       ],
       {
-        key: _.EXPORT,
+        key: z.EXPORT,
         title: a?.titles?.export ?? "Export",
-        icon: a.actionsIcons?.[_.EXPORT]
+        icon: a.actionsIcons?.[z.EXPORT]
       },
-      ...b
+      ...S
     ];
   }, [
     t.isShared,
     t?.model?.id,
     a.titles,
     a.actionsIcons
-  ]), [i, l] = B($.Closed), [f, d] = B($.Closed), [E, m] = B($.Closed), R = O(() => {
-    l($.Closed);
-  }, [l]), w = O(() => {
-    d($.Closed);
-  }, [d]), g = O(() => {
-    m($.Closed);
-  }, [m]), y = O(() => {
-    c(t), R();
-  }, [t, c, R]), A = O(
-    (b, L) => {
-      C(b, L), g();
+  ]), [i, l] = O(Y.Closed), [f, d] = O(Y.Closed), [E, m] = O(Y.Closed), N = D(() => {
+    l(Y.Closed);
+  }, [l]), w = D(() => {
+    d(Y.Closed);
+  }, [d]), g = D(() => {
+    m(Y.Closed);
+  }, [m]), y = D(() => {
+    c(t), N();
+  }, [t, c, N]), A = D(
+    (S, B) => {
+      C(S, B), g();
     },
     [C, g]
   );
-  return /* @__PURE__ */ S(Ee, { children: [
+  return /* @__PURE__ */ b(Ee, { children: [
     /* @__PURE__ */ h(
       Ae,
       {
         containerClassName: "ml-3 hidden group-hover:flex",
-        triggerButton: s ?? /* @__PURE__ */ h(Qt, { disabled: r }),
+        triggerButton: s ?? /* @__PURE__ */ h(Vt, { disabled: r }),
         options: n,
         openedClassName: "!flex action-menu-opened",
-        onOptionSelect: (b) => {
-          b === _.DELETE && l($.Opened), b === _.SHARE && d($.Opened), b === _.RENAME && m($.Opened), b === _.EXPORT && p(decodeURI(t.id)).then((L) => {
-            Nt(L, e).then((H) => {
-              bt(
-                `data:application/zip;base64,${H}`,
+        onOptionSelect: (S) => {
+          S === z.DELETE && l(Y.Opened), S === z.SHARE && d(Y.Opened), S === z.RENAME && m(Y.Opened), S === z.EXPORT && p(decodeURI(t.id)).then((B) => {
+            Mt(B, e).then((_) => {
+              xt(
+                `data:application/zip;base64,${_}`,
                 `chat_with_attachments_${(/* @__PURE__ */ new Date()).toLocaleDateString()}.dial`
               );
             });
@@ -1332,16 +1341,16 @@ const Yt = ({
         disabled: r
       }
     ),
-    i === $.Opened && /* @__PURE__ */ h(
-      gt,
+    i === Y.Opened && /* @__PURE__ */ h(
+      wt,
       {
         locale: u,
         deleteConversation: y,
-        onCloseModal: R
+        onCloseModal: N
       }
     ),
-    f === $.Opened && /* @__PURE__ */ h(
-      zt,
+    f === Y.Opened && /* @__PURE__ */ h(
+      Yt,
       {
         conversation: t,
         locale: u,
@@ -1349,8 +1358,8 @@ const Yt = ({
         ...o
       }
     ),
-    E === $.Opened && /* @__PURE__ */ h(
-      _t,
+    E === Y.Opened && /* @__PURE__ */ h(
+      Qt,
       {
         conversation: t,
         locale: u,
@@ -1359,7 +1368,7 @@ const Yt = ({
       }
     )
   ] });
-}, Qt = ({ disabled: t }) => /* @__PURE__ */ h(
+}, Vt = ({ disabled: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: k(
@@ -1367,7 +1376,7 @@ const Yt = ({
       t ? "cursor-not-allowed" : "cursor-pointer"
     ),
     children: /* @__PURE__ */ h(
-      nt,
+      it,
       {
         width: 20,
         height: 20,
@@ -1383,8 +1392,8 @@ const Yt = ({
   onConversationClick: a,
   isDisabled: u
 }) => {
-  const { titles: c, conversationItemIcon: C } = V(), p = me(null), e = ve(t?.name);
-  return ne(() => {
+  const { titles: c, conversationItemIcon: C } = K(), p = me(null), e = ve(t?.name);
+  return oe(() => {
     if (t?.id === s && p?.current) {
       const o = p.current.parentElement?.parentElement?.parentElement;
       if (o) {
@@ -1395,7 +1404,7 @@ const Yt = ({
         });
       }
     }
-  }, [t, s]), /* @__PURE__ */ S(
+  }, [t, s]), /* @__PURE__ */ b(
     "div",
     {
       ref: p,
@@ -1408,7 +1417,7 @@ const Yt = ({
       onClick: () => !u && a(t.folderId, t?.id),
       title: u ? c?.noActionsAllowed : e,
       children: [
-        /* @__PURE__ */ S("div", { className: "flex min-w-0 flex-1 items-center", children: [
+        /* @__PURE__ */ b("div", { className: "flex min-w-0 flex-1 items-center", children: [
           C || null,
           /* @__PURE__ */ h(
             "h3",
@@ -1420,7 +1429,7 @@ const Yt = ({
               ),
               title: u ? c?.noActionsAllowed : e,
               children: r?.length ? /* @__PURE__ */ h(
-                Je,
+                tt,
                 {
                   text: e,
                   highlightText: r
@@ -1429,29 +1438,29 @@ const Yt = ({
             }
           )
         ] }),
-        /* @__PURE__ */ h(Yt, { conversation: t, isDisabled: u })
+        /* @__PURE__ */ h(Wt, { conversation: t, isDisabled: u })
       ]
     }
   );
-}, Gt = ({
+}, Xt = ({
   handleConversationClick: t,
   selectedConversationId: s,
   groupLabel: r,
   groupedConversations: a,
   isDisabled: u
 }) => {
-  const { titles: c } = V(), [C, p] = B(!1), e = O(() => {
+  const { titles: c } = K(), [C, p] = O(!1), e = D(() => {
     p((o) => !o);
   }, [p]);
-  return /* @__PURE__ */ S("div", { children: [
-    /* @__PURE__ */ S(
+  return /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ b(
       "div",
       {
         className: "conversation-group-items-title mb-3 inline-flex cursor-pointer items-center gap-1 text-neutrals-700",
         onClick: e,
         children: [
           /* @__PURE__ */ h(
-            ot,
+            at,
             {
               className: k(
                 "w-3 h-3 conversation-group-items-arrow",
@@ -1459,7 +1468,7 @@ const Yt = ({
               )
             }
           ),
-          /* @__PURE__ */ h("span", { className: "body-3 conversation-group-items-title-text", children: mt(r, c) })
+          /* @__PURE__ */ h("span", { className: "body-3 conversation-group-items-title-text", children: vt(r, c) })
         ]
       }
     ),
@@ -1485,13 +1494,13 @@ const Yt = ({
       }
     )
   ] }, r);
-}, jt = ({
+}, Kt = ({
   searchQuery: t,
   isExpandedSearch: s,
   onSearchConversations: r,
   toggleSearchField: a
 }) => {
-  const { titles: u, searchIcon: c } = V();
+  const { titles: u, searchIcon: c } = K();
   return /* @__PURE__ */ h(Ee, { children: s ? /* @__PURE__ */ h(
     Me,
     {
@@ -1501,32 +1510,32 @@ const Yt = ({
       cssClass: "h-auto",
       value: t,
       iconAfterInput: /* @__PURE__ */ h(
-        qe,
+        nt,
         {
           buttonClassName: "text-button-tertiary items-center p-0 ml-4 border-0 w-5 h-5",
           onClick: a,
-          icon: /* @__PURE__ */ h(rt, {})
+          icon: /* @__PURE__ */ h(lt, {})
         }
       ),
       onChange: r
     }
   ) : /* @__PURE__ */ h(
-    j,
+    W,
     {
       buttonClassName: "text-button-tertiary p-0 search-button",
-      iconBefore: c || /* @__PURE__ */ h(st, { className: "size-5" }),
+      iconBefore: c || /* @__PURE__ */ h(ct, { className: "size-5" }),
       onClick: a
     }
   ) });
-}, Wt = ({
+}, Zt = ({
   conversations: t,
   selectedConversationId: s,
   searchQuery: r,
   handleConversationClick: a,
   isDisabled: u
 }) => {
-  const { titles: c } = V(), [C, p] = B([]);
-  return ne(() => {
+  const { titles: c } = K(), [C, p] = O([]);
+  return oe(() => {
     p(
       Pe(
         t?.filter(
@@ -1547,13 +1556,13 @@ const Yt = ({
     },
     e.id
   )) : /* @__PURE__ */ h("h3", { className: "text-neutrals-800", children: c?.noConversation ?? "No conversations yet" }) });
-}, Vt = () => {
-  const { titles: t } = V();
-  return /* @__PURE__ */ S("div", { className: "flex flex-col p-8 text-center", children: [
+}, Jt = () => {
+  const { titles: t } = K();
+  return /* @__PURE__ */ b("div", { className: "flex flex-col p-8 text-center", children: [
     /* @__PURE__ */ h("p", { className: "text-neutrals-800", children: t?.noConversation ?? "No conversations yet" }),
     /* @__PURE__ */ h("p", { className: "mt-2 text-sm text-neutrals-800", children: t?.clickNewChat ?? 'Click "New Chat" to start a conversation' })
   ] });
-}, ln = ({
+}, hn = ({
   handleConversationClick: t,
   selectedConversationId: s,
   actions: r,
@@ -1569,116 +1578,116 @@ const Yt = ({
   shareConversationProps: l,
   handleSelectedConversationRemove: f
 }) => {
-  const [d, E] = B({}), [m, R] = B(!0), [w, g] = B(""), [y, A] = B(!1), {
-    getConversations: T,
-    getSharedConversations: b,
-    deleteConversation: L,
-    renameConversation: H
-  } = r, Q = K(() => !!w?.length, [w]);
-  ne(() => {
+  const [d, E] = O({}), [m, N] = O(!0), [w, g] = O(""), [y, A] = O(!1), {
+    getConversations: L,
+    getSharedConversations: S,
+    deleteConversation: B,
+    renameConversation: _
+  } = r, j = Z(() => !!w?.length, [w]);
+  oe(() => {
     E({
-      ...ut(o),
-      ...pt(p)
+      ...pt(o),
+      ...Et(p)
     });
-  }, [p, o]), ne(() => {
-    async function N() {
+  }, [p, o]), oe(() => {
+    async function R() {
       try {
-        R(!0);
-        const I = await T(e), x = await b(
-          se(ie.ME)
+        N(!0);
+        const x = await L(e), P = await S(
+          ie(ae.ME)
         );
-        n(q(I)), i(
+        n(q(x)), i(
           q(
-            pe(x, e)
+            pe(P, e)
           )
         );
-      } catch (I) {
-        console.error("Error loading conversation", I);
+      } catch (x) {
+        console.error("Error loading conversation", x);
       } finally {
-        R(!1);
+        N(!1);
       }
     }
-    N();
+    R();
   }, [
-    T,
+    L,
     n,
     e,
-    b,
+    S,
     i
   ]);
-  const D = O(
-    async (N) => {
+  const T = D(
+    async (R) => {
       try {
-        await L(N);
-        const I = await T(e), x = await b(
-          se(ie.ME)
+        await B(R);
+        const x = await L(e), P = await S(
+          ie(ae.ME)
         );
-        n(q(I)), i(
+        n(q(x)), i(
           q(
-            pe(x, e)
+            pe(P, e)
           )
-        ), s === N?.id && f();
-      } catch (I) {
-        console.error("Error deleting conversation", I);
+        ), s === R?.id && f();
+      } catch (x) {
+        console.error("Error deleting conversation", x);
       }
     },
     [
+      B,
       L,
-      T,
       e,
-      b,
+      S,
       n,
       i,
       s,
       f
     ]
-  ), G = O(
-    async (N, I) => {
+  ), V = D(
+    async (R, x) => {
       try {
-        R(!0), await H(N, I);
-        const x = await T(e), F = await b(
-          se(ie.ME)
+        N(!0), await _(R, x);
+        const P = await L(e), G = await S(
+          ie(ae.ME)
         );
-        n(q(x)), i(
+        n(q(P)), i(
           q(
-            pe(F, e)
+            pe(G, e)
           )
         );
-      } catch (x) {
-        console.error("Error renaming conversation", x);
+      } catch (P) {
+        console.error("Error renaming conversation", P);
       } finally {
-        R(!1);
+        N(!1);
       }
     },
     [
-      T,
+      L,
       e,
-      b,
+      S,
       n,
       i,
-      H
+      _
     ]
-  ), X = O(
-    (N) => {
-      g(N);
+  ), Q = D(
+    (R) => {
+      g(R);
     },
     [g]
-  ), Y = O(() => {
-    A((N) => !N), g("");
+  ), $ = D(() => {
+    A((R) => !R), g("");
   }, [A]);
   return m ? /* @__PURE__ */ h(be, {}) : /* @__PURE__ */ h(
-    $t,
+    Gt,
     {
       value: {
         locale: e,
-        deleteConversation: D,
-        renameConversation: G,
+        deleteConversation: T,
+        renameConversation: V,
         getConversation: r.getConversation,
         getFileBlob: r.getFileBlob,
         shareConversationProps: l
       },
-      children: /* @__PURE__ */ S(De.Provider, { value: C, children: [
-        !u && /* @__PURE__ */ S(
+      children: /* @__PURE__ */ b(De.Provider, { value: C, children: [
+        !u && /* @__PURE__ */ b(
           "div",
           {
             className: k(
@@ -1688,12 +1697,12 @@ const Yt = ({
             children: [
               !y && /* @__PURE__ */ h("h3", { className: "sm:body-2 text-neutrals-700", children: C?.titles?.allChats ?? "All Chats" }),
               /* @__PURE__ */ h(
-                jt,
+                Kt,
                 {
                   searchQuery: w,
                   isExpandedSearch: y,
-                  onSearchConversations: X,
-                  toggleSearchField: Y
+                  onSearchConversations: Q,
+                  toggleSearchField: $
                 }
               )
             ]
@@ -1704,10 +1713,10 @@ const Yt = ({
           {
             className: k(
               "flex flex-col pr-4",
-              Q ? "gap-y-1" : "gap-y-6"
+              j ? "gap-y-1" : "gap-y-6"
             ),
-            children: p?.length === 0 && o?.length === 0 ? /* @__PURE__ */ h(Vt, {}) : Q ? /* @__PURE__ */ h(
-              Wt,
+            children: p?.length === 0 && o?.length === 0 ? /* @__PURE__ */ h(Jt, {}) : j ? /* @__PURE__ */ h(
+              Zt,
               {
                 conversations: [...o, ...p],
                 searchQuery: w,
@@ -1716,16 +1725,16 @@ const Yt = ({
                 isDisabled: c
               }
             ) : Object.entries(d).map(
-              ([N, I]) => I?.length > 0 && /* @__PURE__ */ h(
-                Gt,
+              ([R, x]) => x?.length > 0 && /* @__PURE__ */ h(
+                Xt,
                 {
                   isDisabled: c,
-                  groupLabel: N,
-                  groupedConversations: I,
+                  groupLabel: R,
+                  groupedConversations: x,
                   handleConversationClick: t,
                   selectedConversationId: s
                 },
-                N
+                R
               )
             )
           }
@@ -1734,28 +1743,28 @@ const Yt = ({
       ] })
     }
   );
-}, Xt = ({
+}, qt = ({
   onCloseModal: t,
   disableModalDividers: s,
   signOut: r,
   isSmallButton: a,
   locale: u,
   titles: c
-}) => /* @__PURE__ */ S(
-  le,
+}) => /* @__PURE__ */ b(
+  ce,
   {
     heading: c?.popupTitle || "Log out?",
     portalId: "sign-out",
     containerClassName: "sign-out-popup",
-    size: ce.SM,
+    size: ue.SM,
     dividers: !s,
     onClose: t,
     closeButtonTitle: "Cancel",
     children: [
       /* @__PURE__ */ h("div", { className: "px-6 py-4 sm:px-0", lang: u, children: c?.popupText }),
-      /* @__PURE__ */ S("div", { className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3", children: [
+      /* @__PURE__ */ b("div", { className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3", children: [
         /* @__PURE__ */ h(
-          j,
+          W,
           {
             buttonClassName: "cancel-button",
             title: c?.popupCancel || "Cancel",
@@ -1766,7 +1775,7 @@ const Yt = ({
           }
         ),
         /* @__PURE__ */ h(
-          j,
+          W,
           {
             buttonClassName: "text-button-primary",
             title: c?.popupApply || "Sign Out",
@@ -1779,7 +1788,7 @@ const Yt = ({
       ] })
     ]
   }
-), cn = ({
+), fn = ({
   userInfo: t,
   signOutAction: s,
   contactSupportUrl: r,
@@ -1787,16 +1796,16 @@ const Yt = ({
   locale: u,
   titles: c
 }) => {
-  const C = (R) => R?.split(" ")?.map((w, g) => g < 2 ? w[0].toUpperCase() : "")?.join("") ?? "", p = K(
+  const C = (N) => N?.split(" ")?.map((w, g) => g < 2 ? w[0].toUpperCase() : "")?.join("") ?? "", p = Z(
     () => t?.name ? C(t?.name) : t?.email?.[0].toUpperCase() ?? "",
     [t]
-  ), [e, o] = B(!1), n = t?.name?.split(" "), i = n ? `${n?.[0] ?? ""} ${n?.[1]?.[0] ? n?.[1]?.[0] + "." : ""}` : t?.email ?? "", l = O(() => {
+  ), [e, o] = O(!1), n = t?.name?.split(" "), i = n ? `${n?.[0] ?? ""} ${n?.[1]?.[0] ? n?.[1]?.[0] + "." : ""}` : t?.email ?? "", l = D(() => {
     o(!0);
-  }, []), f = O(() => {
+  }, []), f = D(() => {
     o(!1);
-  }, []), d = O(() => {
+  }, []), d = D(() => {
     window.open(r || "#", "_blank", "noopener,noreferrer");
-  }, [r]), E = K(() => /* @__PURE__ */ S("div", { className: "flex items-center gap-2", children: [
+  }, [r]), E = Z(() => /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ h(
       "div",
       {
@@ -1817,8 +1826,8 @@ const Yt = ({
         children: (a?.showShortName ? i : t?.name) ?? t?.email ?? ""
       }
     )
-  ] }), [p, i, a, t]), m = K(() => /* @__PURE__ */ S("div", { className: k("py-1", a?.dropDownStyles), children: [
-    a?.settingsIcon && /* @__PURE__ */ S(
+  ] }), [p, i, a, t]), m = Z(() => /* @__PURE__ */ b("div", { className: k("py-1", a?.dropDownStyles), children: [
+    a?.settingsIcon && /* @__PURE__ */ b(
       "button",
       {
         className: k(
@@ -1833,7 +1842,7 @@ const Yt = ({
         ]
       }
     ),
-    a?.contactSupportIcon && /* @__PURE__ */ S(
+    a?.contactSupportIcon && /* @__PURE__ */ b(
       "button",
       {
         className: k(
@@ -1858,7 +1867,7 @@ const Yt = ({
         )
       }
     ),
-    /* @__PURE__ */ S(
+    /* @__PURE__ */ b(
       "button",
       {
         className: k(
@@ -1872,7 +1881,7 @@ const Yt = ({
           /* @__PURE__ */ h("span", { className: "shrink-0", children: a?.signOutIcon }),
           /* @__PURE__ */ h("span", { className: "min-w-0 break-words", children: c?.signOut || "Sign out" }),
           e && /* @__PURE__ */ h(
-            Xt,
+            qt,
             {
               onCloseModal: f,
               signOut: () => s?.(),
@@ -1909,10 +1918,10 @@ const Yt = ({
     );
 };
 export {
-  Yt as ActionMenu,
-  _ as ActionMenuItem,
-  ln as ConversationList,
-  cn as User,
-  ut as getSharedConversationsGroup,
+  Wt as ActionMenu,
+  z as ActionMenuItem,
+  hn as ConversationList,
+  fn as User,
+  pt as getSharedConversationsGroup,
   pe as transformSharedConversations
 };