@linktr.ee/messaging-react 2.4.3 → 2.4.4

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DYLdOjSj.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B5KGQRPs.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as n, d as o, e as m, F as g, f as l, L as r, h as M, M as u, i as L, j as c, k as h, l as d, m as p, n as v, o as A, p as C, q as F, s as k, t as b, u as f, v as x, w as y, x as P, y as S, z as q, B as z, D as B } from "./index-C541s_4h.js";
+import { a as e, b as t, C as i, c as n, d as o, e as m, F as g, f as l, L as r, h as M, M as u, i as L, j as c, k as h, l as d, m as p, n as v, o as A, p as C, q as F, s as k, t as b, u as f, v as x, w as y, x as P, y as S, z as q, B as z, D as B } from "./index-CoAITcmO.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",

package/src/components/ChannelView.test.tsx

@@ -310,6 +310,32 @@ describe('ChannelView', () => {
     expect(activeChannelProps.SendButton).toBeUndefined()
   })
 
+  it('renders stable classes for channel header back buttons when enabled', () => {
+    renderWithProviders(
+      <ChannelView channel={createChannel()} showBackButton={true} onBack={vi.fn()} />
+    )
+
+    expect(
+      document.querySelectorAll('.messaging-channel-view-back-button-mobile')
+    ).toHaveLength(1)
+    expect(
+      document.querySelectorAll('.messaging-channel-view-back-button-desktop')
+    ).toHaveLength(1)
+  })
+
+  it('does not render channel header back button classes when disabled', () => {
+    renderWithProviders(
+      <ChannelView channel={createChannel()} showBackButton={false} onBack={vi.fn()} />
+    )
+
+    expect(
+      document.querySelectorAll('.messaging-channel-view-back-button-mobile')
+    ).toHaveLength(0)
+    expect(
+      document.querySelectorAll('.messaging-channel-view-back-button-desktop')
+    ).toHaveLength(0)
+  })
+
   it('uses username when participant name is UUID-like', () => {
     renderWithProviders(
       <ChannelView

package/src/components/ChannelView.tsx

@@ -98,7 +98,10 @@ const CustomChannelHeader: React.FC<{
         <div className="flex items-center gap-2">
           {showBackButton && (
             <button
-              className={ICON_BTN_CLASS}
+              className={classNames(
+                ICON_BTN_CLASS,
+                'messaging-channel-view-back-button-mobile'
+              )}
               onClick={onBack || (() => {})}
               type="button"
               aria-label="Back to conversations"
@@ -165,9 +168,12 @@ const CustomChannelHeader: React.FC<{
         <div className="flex items-center gap-4 min-w-0">
           {showBackButton && onBack && (
             <button
+              className={classNames(
+                ICON_BTN_CLASS,
+                'messaging-channel-view-back-button-desktop'
+              )}
               type="button"
               onClick={onBack}
-              className={ICON_BTN_CLASS}
               aria-label="Back to conversations"
             >
               <ArrowLeftIcon className="size-5 text-black/90" />