@realtimexsco/live-chat 1.3.2 → 1.3.3

package/README.md

@@ -4,14 +4,15 @@
 
 [![npm version](https://img.shields.io/npm/v/@realtimexsco/live-chat.svg)](https://www.npmjs.com/package/@realtimexsco/live-chat)
 [![npm downloads](https://img.shields.io/npm/dm/@realtimexsco/live-chat.svg)](https://www.npmjs.com/package/@realtimexsco/live-chat)
-[![license](https://img.shields.io/npm/l/@realtimexsco/live-chat.svg)](./LICENSE)
+[![license](https://img.shields.io/npm/l/@realtimexsco/live-chat.svg)](https://bitbucket.org/software-co/realtimex-npm-package/src/1d8b3426735c2d080ded2ba67255bc43f5035f4b/LICENSE)
 
 | | |
 |---|---|
 | **Package** | [`@realtimexsco/live-chat`](https://www.npmjs.com/package/@realtimexsco/live-chat) |
 | **Styles** | `@realtimexsco/live-chat/styles.css` |
 | **Requires** | React 17+, Tailwind CSS **v4**, Zustand 4+ |
-| **License** | [MIT](./LICENSE) |
+| **Docs** | [realtimex.softwareco.com](https://realtimex.softwareco.com/) |
+| **License** | [MIT](https://bitbucket.org/software-co/realtimex-npm-package/src/1d8b3426735c2d080ded2ba67255bc43f5035f4b/LICENSE) |
 
 Socket.IO, REST client, Zustand store, Radix UI, emoji picker, and chat UI are **bundled**. Your app only installs peer dependencies.
 
@@ -58,16 +59,12 @@ DMs · groups · Socket.IO · reactions · replies · forward · edit/delete ·
 
 | Topic | Link |
 |-------|------|
-| Full setup guide (Tailwind, Vite, Next.js, config) | [docs/full-guide.md](./docs/full-guide.md) |
-| Customization (`components`, `classNames`, `features`) | [Customization](./docs/full-guide.md#customization--three-ways) |
-| ChatMain props & API | [Props reference](./docs/full-guide.md#chatmain-props-reference) |
-| Hooks & store | [Hooks & store](./docs/full-guide.md#hooks--store) |
-| Dev proxy (CORS) | [Dev proxy](./docs/full-guide.md#dev-proxy-cors) |
+| Full setup & docs | [https://realtimex.softwareco.com/](https://realtimex.softwareco.com/) |
 | npm package | [npmjs.com/package/@realtimexsco/live-chat](https://www.npmjs.com/package/@realtimexsco/live-chat) |
-| License | [MIT License](./LICENSE) |
+| License | [MIT](https://bitbucket.org/software-co/realtimex-npm-package/src/1d8b3426735c2d080ded2ba67255bc43f5035f4b/LICENSE) |
 
 ---
 
 ## License
 
-[MIT](./LICENSE) © RealtimeX
+[MIT](https://bitbucket.org/software-co/realtimex-npm-package/src/1d8b3426735c2d080ded2ba67255bc43f5035f4b/LICENSE) © RealtimeX

package/dist/index.cjs

@@ -10354,11 +10354,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__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -10377,29 +10378,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__ */ jsxRuntime.jsx("div", { className: "px-0.5 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx(GroupSenderName, { name: senderName }) }),
-              isBubbleLayout && isForwarded && !isForwardedImageOnly && /* @__PURE__ */ jsxRuntime.jsx(MessageForwardedLabel, { isSender, className: "px-0 pt-0 pb-0" }),
+              (canShowSenderName || showForwardedInHeader) && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(GroupSenderName, { name: senderName }) : null,
+                    showForwardedInHeader ? /* @__PURE__ */ jsxRuntime.jsx(
+                      MessageForwardedLabel,
+                      {
+                        isSender,
+                        className: "px-0 pt-0 pb-0"
+                      }
+                    ) : null
+                  ]
+                }
+              ),
               isBubbleLayout && replySnippet ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pb-1", children: replySnippet }) : null,
               /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(MessageForwardedLabel, { isSender, overlay: true, className: "px-0 pt-0 pb-0" })
-                  }
-                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   MessageAttachmentsImageSection,
                   {
@@ -13837,6 +13845,7 @@ function MessageItemTextBubble({
     isSender,
     className: extra
   });
+  const canShowSenderName = !!isGroup && !isSender && !!showSenderLabel && !!senderName;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -13844,15 +13853,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__ */ jsxRuntime.jsx(MessageForwardedLabel, { isSender, className: "px-0 pt-0 pb-0" }),
-        !isSender && showSenderLabel && senderName && /* @__PURE__ */ jsxRuntime.jsx(GroupSenderName, { name: senderName, className: "mb-0.5" }),
+        (canShowSenderName || isForwarded) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+          canShowSenderName ? /* @__PURE__ */ jsxRuntime.jsx(GroupSenderName, { name: senderName }) : null,
+          isForwarded ? /* @__PURE__ */ jsxRuntime.jsx(MessageForwardedLabel, { isSender, className: "px-0 pt-0 pb-0" }) : null
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           MessageReplySnippet_default,
           {