@connectycube/chat-widget 0.40.0 → 0.41.0

package/dist/index.es.js

@@ -4961,11 +4961,11 @@ const Wu = ({ id: q, text: A = "", onReady: V = () => {
     i && e(i);
   }, [i]), y(() => {
     n > s.current && (s.current = n, V());
-  }, [n]), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, i.map((c, l, g) => {
+  }, [n]), /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-1" }, i.map((c, l, g) => {
     const m = r.get(c);
     if (m) {
       const u = `link_preview_${q || Yq()}_${l}`, p = g.length > 1, { url: d, title: w, description: k, images: C, favicons: I } = m;
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ t.createElement(
         Le,
         {
           key: u,
@@ -5010,18 +5010,18 @@ const Pu = ({ isLast: q, message: A, prevMessage: V, scrollToBottom: e = () => {
         v += l("CallHistory.Ended");
         break;
     }
-    return v += " ", v += L === qA.VIDEO ? l("CallHistory.videoCall") : L === qA.AUDIO ? l("CallHistory.audioCall") : l("CallHistory.defaultCall"), A.duration && (v += ` - ${Zu(Number(A.duration))}`), /* @__PURE__ */ React.createElement(
+    return v += " ", v += L === qA.VIDEO ? l("CallHistory.videoCall") : L === qA.AUDIO ? l("CallHistory.audioCall") : l("CallHistory.defaultCall"), A.duration && (v += ` - ${Zu(Number(A.duration))}`), /* @__PURE__ */ t.createElement(
       je,
       {
         isLast: q,
         info: v,
         formattedDateProps: B,
-        iconElement: /* @__PURE__ */ React.createElement(ve, { fromMe: C, status: R })
+        iconElement: /* @__PURE__ */ t.createElement(ve, { fromMe: C, status: R })
       }
     );
   }
-  const E = r?.type === bq.GROUP, Q = V?.sender_id === A.sender_id && !V.callHistory && !V.custom, M = E && !C ? i[A.sender_id] : void 0, T = M ? qq(M, !0) : void 0, f = M ? dq(M?.avatar) : void 0, S = A.custom && A.tag === qV.AI_TEXT_SUMMARY, N = A.attachments?.[0], U = S ? { fallbackIconElement: /* @__PURE__ */ React.createElement(Lt, { className: "text-orange-500" }) } : void 0, Y = N ? { className: "mb-2" } : void 0;
-  return /* @__PURE__ */ React.createElement(
+  const E = r?.type === bq.GROUP, Q = V?.sender_id === A.sender_id && !V.callHistory && !V.custom, M = E && !C ? i[A.sender_id] : void 0, T = M ? qq(M, !0) : void 0, f = M ? dq(M?.avatar) : void 0, S = A.custom && A.tag === qV.AI_TEXT_SUMMARY, N = A.attachments?.[0], U = S ? { fallbackIconElement: /* @__PURE__ */ t.createElement(Lt, { className: "text-orange-500" }) } : void 0, Y = N ? { className: "mb-2" } : void 0;
+  return /* @__PURE__ */ t.createElement(
     Je,
     {
       isLast: q,
@@ -5036,7 +5036,7 @@ const Pu = ({ isLast: q, message: A, prevMessage: V, scrollToBottom: e = () => {
       formattedDateProps: B,
       statusSent: A.status
     },
-    N ? /* @__PURE__ */ React.createElement(
+    N ? /* @__PURE__ */ t.createElement(
       Ge,
       {
         uid: N.uid,
@@ -5045,8 +5045,8 @@ const Pu = ({ isLast: q, message: A, prevMessage: V, scrollToBottom: e = () => {
         pending: A.pending,
         onReady: w
       }
-    ) : /* @__PURE__ */ React.createElement(be, { text: d, pending: A.pending, onReady: w }),
-    c && /* @__PURE__ */ React.createElement(Wu, { id: p, text: d, onReady: w })
+    ) : /* @__PURE__ */ t.createElement(be, { text: d, pending: A.pending, onReady: w }),
+    c && /* @__PURE__ */ t.createElement(Wu, { id: p, text: d, onReady: w })
   );
 };
 function Hu({
@@ -5665,21 +5665,39 @@ function Ed({
       "div",
       {
         ...B,
-        className: h("relative self-stretch flex-1 flex-col text-foreground", B?.className)
+        className: h("relative self-stretch flex-1 flex-col min-w-0 text-foreground", B?.className)
       },
-      /* @__PURE__ */ a.createElement("div", { ...E, className: h("flex items-center justify-between gap-1", E?.className) }, /* @__PURE__ */ a.createElement("div", { ...Q, className: h("flex items-center gap-1", Q?.className) }, !A && s && /* @__PURE__ */ a.createElement(
-        Zt,
+      /* @__PURE__ */ a.createElement("div", { ...E, className: h("flex items-center justify-between gap-1", E?.className) }, /* @__PURE__ */ a.createElement(
+        "div",
         {
-          ...M,
-          className: h("text-muted-foreground size-4 min-w-4", M?.className)
-        }
-      ), /* @__PURE__ */ a.createElement("span", { ...T, className: h("font-medium text-left line-clamp-1", T?.className) }, o)), /* @__PURE__ */ a.createElement("div", { ...f, className: h("flex items-center gap-1", f?.className) }, /* @__PURE__ */ a.createElement(cV, { status: c, ...S }), /* @__PURE__ */ a.createElement(xA, { date: l, language: k, ...N }))),
-      /* @__PURE__ */ a.createElement("div", { ...U, className: h("flex items-start justify-between gap-1", U?.className) }, /* @__PURE__ */ a.createElement(
+          ...Q,
+          className: h("flex items-center gap-1 min-w-0 flex-1", Q?.className)
+        },
+        !A && s && /* @__PURE__ */ a.createElement(
+          Zt,
+          {
+            ...M,
+            className: h("text-muted-foreground size-4 min-w-4 shrink-0", M?.className)
+          }
+        ),
+        /* @__PURE__ */ a.createElement(
+          "span",
+          {
+            ...T,
+            className: h(
+              "font-medium text-left line-clamp-1 min-w-0 break-all overflow-hidden",
+              T?.className
+            )
+          },
+          o
+        )
+      ), /* @__PURE__ */ a.createElement("div", { ...f, className: h("flex items-center gap-1", f?.className) }, /* @__PURE__ */ a.createElement(cV, { status: c, ...S }), /* @__PURE__ */ a.createElement(xA, { date: l, language: k, ...N }))),
+      /* @__PURE__ */ a.createElement("div", { ...U, className: h("flex items-start justify-between gap-1 min-w-0", U?.className) }, /* @__PURE__ */ a.createElement(
         "span",
         {
           ...Y,
           className: h(
-            "text-sm text-left text-muted-foreground break-all line-clamp-2",
+            "text-sm text-left text-muted-foreground break-all wrap-break-word line-clamp-2 min-w-0 overflow-hidden",
             Y?.className
           )
         },