@realtimexsco/live-chat 1.3.2 → 1.3.3

package/dist/index.mjs

@@ -10344,11 +10344,12 @@ function MessageAttachmentsView({
   const isImageOnlyBubble = isBubbleLayout && nonImages.length === 0 && images.length > 0;
   const showImageMetaOverlay = isImageOnlyBubble && !hasMessageCaption && !anyImageHasCaption && !attachmentSelectionMode;
   const showCaptionBar = showBottomBar && (!isImageOnlyBubble || hasMessageCaption);
-  const bubbleSurface = !isBubbleLayout ? void 0 : isImageOnlyBubble && !hasMessageCaption && !anyImageHasCaption ? "media" : isSender ? "sent" : "received";
+  const canShowSenderName = !!isGroup && !isSender && !!showSenderLabel && !!senderName;
+  const showForwardedInHeader = isBubbleLayout && isForwarded;
+  const bubbleSurface = !isBubbleLayout ? void 0 : isImageOnlyBubble && !hasMessageCaption && !anyImageHasCaption && !isForwarded && !canShowSenderName ? "media" : isSender ? "sent" : "received";
   const metaTimeClass = showImageMetaOverlay ? "text-white/90" : isSender ? "text-white/70" : "text-(--chat-muted)";
   const metaBorderClass = isSender ? "border-white/15" : "border-(--chat-border)/40";
   const metaBadgeVariant = showImageMetaOverlay || isBubbleLayout && isSender ? "on-dark" : "default";
-  const isForwardedImageOnly = isBubbleLayout && isForwarded && isImageOnlyBubble;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -10367,29 +10368,36 @@ function MessageAttachmentsView({
                 isSender,
                 surface: bubbleSurface,
                 className: cn(
-                  isImageOnlyBubble ? "p-0" : isForwarded ? "px-2 py-0.5" : "px-2.5 py-1"
+                  isImageOnlyBubble ? "overflow-hidden p-0" : isForwarded || canShowSenderName ? "px-2 py-0.5" : "px-2.5 py-1"
                 )
               })
             ),
             children: [
-              !isSender && showSenderLabel && senderName && /* @__PURE__ */ jsx("div", { className: "px-0.5 pb-1", children: /* @__PURE__ */ jsx(GroupSenderName, { name: senderName }) }),
-              isBubbleLayout && isForwarded && !isForwardedImageOnly && /* @__PURE__ */ jsx(MessageForwardedLabel, { isSender, className: "px-0 pt-0 pb-0" }),
+              (canShowSenderName || showForwardedInHeader) && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative z-10 flex min-w-0 flex-col gap-0.5",
+                    isImageOnlyBubble ? "px-2.5 pt-1.5 pb-1" : "px-0.5 pb-0.5"
+                  ),
+                  children: [
+                    canShowSenderName ? /* @__PURE__ */ jsx(GroupSenderName, { name: senderName }) : null,
+                    showForwardedInHeader ? /* @__PURE__ */ jsx(
+                      MessageForwardedLabel,
+                      {
+                        isSender,
+                        className: "px-0 pt-0 pb-0"
+                      }
+                    ) : null
+                  ]
+                }
+              ),
               isBubbleLayout && replySnippet ? /* @__PURE__ */ jsx("div", { className: "px-2 pb-1", children: replySnippet }) : null,
               /* @__PURE__ */ jsxs("div", { className: cn(
                 "flex w-full flex-col",
                 !isImageOnlyBubble && "gap-0",
-                isImageOnlyBubble && "relative overflow-hidden rounded-[inherit]"
+                isImageOnlyBubble && "relative overflow-hidden"
               ), children: [
-                isForwardedImageOnly && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "pointer-events-none absolute inset-x-0 top-0 z-20 px-2 py-0.5",
-                      isSender ? "bg-linear-to-b from-(--chat-theme)/95 via-(--chat-theme)/55 to-transparent" : "bg-linear-to-b from-(--chat-incoming-bubble)/95 via-(--chat-incoming-bubble)/55 to-transparent"
-                    ),
-                    children: /* @__PURE__ */ jsx(MessageForwardedLabel, { isSender, overlay: true, className: "px-0 pt-0 pb-0" })
-                  }
-                ),
                 /* @__PURE__ */ jsx(
                   MessageAttachmentsImageSection,
                   {
@@ -13827,6 +13835,7 @@ function MessageItemTextBubble({
     isSender,
     className: extra
   });
+  const canShowSenderName = !!isGroup && !isSender && !!showSenderLabel && !!senderName;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -13834,15 +13843,17 @@ function MessageItemTextBubble({
         bubbleClasses(
           cn(
             "flex min-w-[72px] flex-col transition-all duration-200",
-            isForwarded ? "gap-0.5 px-2.5 py-1.5 text-[13px]" : "gap-1 px-3.5 py-2.5 text-[14px]"
+            canShowSenderName ? "gap-0.5 px-2.5 py-1.5 text-[14px]" : isForwarded ? "gap-0.5 px-2.5 py-1.5 text-[13px]" : "gap-1 px-3.5 py-2.5 text-[14px]"
           )
         ),
         isPending && "opacity-70",
         isHighlighted && (isSender ? "ring-2 ring-amber-300/60" : "ring-2 ring-amber-200/60")
       ),
       children: [
-        isForwarded && /* @__PURE__ */ jsx(MessageForwardedLabel, { isSender, className: "px-0 pt-0 pb-0" }),
-        !isSender && showSenderLabel && senderName && /* @__PURE__ */ jsx(GroupSenderName, { name: senderName, className: "mb-0.5" }),
+        (canShowSenderName || isForwarded) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+          canShowSenderName ? /* @__PURE__ */ jsx(GroupSenderName, { name: senderName }) : null,
+          isForwarded ? /* @__PURE__ */ jsx(MessageForwardedLabel, { isSender, className: "px-0 pt-0 pb-0" }) : null
+        ] }),
         /* @__PURE__ */ jsx(
           MessageReplySnippet_default,
           {