@linktr.ee/messaging-react 3.3.13-rc-1782276676 → 3.3.13-rc-1782277797

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BgPgAlzc.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-DXtxvlA5.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.d.ts

@@ -299,17 +299,12 @@ export declare interface ChannelViewProps {
      * Override the entire channel-header actions slot. When provided, this
      * replaces the default `(...)` overflow menu (Delete/Block/Report +
      * `customChannelActions`) — use it to render a host-owned trigger that does
-     * something other than open the popover. Receives `triggerClassName` so the
-     * host control can match the header's icon-button styling.
+     * something other than open the popover.
      *
      * @example
-     * renderChannelActions={({ triggerClassName }) => (
-     *   <button className={triggerClassName} onClick={openMyDialog}>…</button>
-     * )}
+     * renderChannelActions={<button onClick={openMyDialog}>…</button>}
      */
-    renderChannelActions?: (args: {
-        triggerClassName: string;
-    }) => React.ReactNode;
+    renderChannelActions?: React.ReactNode;
     /**
      * Custom render function for decorating each message in the message list.
      * Receives the default message node and the message object.

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-BeCpZyzh.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-CAotDlQ-.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.3.13-rc-1782276676",
+  "version": "3.3.13-rc-1782277797",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "2.3.0-rc-1782276676",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1782277797",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/components/ChannelView.tsx

@@ -50,8 +50,8 @@ const CustomChannelHeader: React.FC<{
   onBlockParticipantClick?: () => void
   onReportParticipantClick?: () => void
   customChannelActions?: React.ReactNode
-  renderChannelActions?: (args: { triggerClassName: string }) => React.ReactNode
-  showActionsMenu?: boolean
+  renderChannelActions?: React.ReactNode
+  showChannelInfo?: boolean
 }> = ({
   onBack,
   showBackButton,
@@ -67,7 +67,7 @@ const CustomChannelHeader: React.FC<{
   onReportParticipantClick,
   customChannelActions,
   renderChannelActions,
-  showActionsMenu = true,
+  showChannelInfo = true,
 }) => {
   const { channel } = useChannelStateContext()
 
@@ -156,12 +156,8 @@ const CustomChannelHeader: React.FC<{
               />
             </button>
           )}
-          {showActionsMenu &&
-            (renderChannelActions ? (
-              renderChannelActions({
-                triggerClassName: classNames(ICON_BTN_CLASS, 'bg-[#F1F0EE]'),
-              })
-            ) : (
+          {showChannelInfo &&
+            (renderChannelActions ?? (
               <ChannelActionsMenu
                 channel={channel}
                 participant={participant}
@@ -234,10 +230,8 @@ const CustomChannelHeader: React.FC<{
               />
             </button>
           )}
-          {showActionsMenu &&
-            (renderChannelActions ? (
-              renderChannelActions({ triggerClassName: ICON_BTN_CLASS })
-            ) : (
+          {showChannelInfo &&
+            (renderChannelActions ?? (
               <ChannelActionsMenu
                 channel={channel}
                 participant={participant}
@@ -283,7 +277,7 @@ const ChannelViewInner: React.FC<{
   chatbotVotingEnabled?: boolean
   renderChannelBanner?: () => React.ReactNode
   customChannelActions?: React.ReactNode
-  renderChannelActions?: (args: { triggerClassName: string }) => React.ReactNode
+  renderChannelActions?: React.ReactNode
   renderMessage?: (
     messageNode: React.ReactElement,
     message: NonNullable<MessageUIComponentProps['message']>
@@ -384,7 +378,7 @@ const ChannelViewInner: React.FC<{
             <CustomChannelHeader
               onBack={onBack}
               showBackButton={showBackButton}
-              showActionsMenu={showChannelInfo}
+              showChannelInfo={showChannelInfo}
               showStarButton={showStarButton}
               dmAgentEnabled={showDmAgentHeader}
               onLeaveConversation={onLeaveConversation}

package/src/types.ts

@@ -263,15 +263,12 @@ export interface ChannelViewProps {
    * Override the entire channel-header actions slot. When provided, this
    * replaces the default `(...)` overflow menu (Delete/Block/Report +
    * `customChannelActions`) — use it to render a host-owned trigger that does
-   * something other than open the popover. Receives `triggerClassName` so the
-   * host control can match the header's icon-button styling.
+   * something other than open the popover.
    *
    * @example
-   * renderChannelActions={({ triggerClassName }) => (
-   *   <button className={triggerClassName} onClick={openMyDialog}>…</button>
-   * )}
+   * renderChannelActions={<button onClick={openMyDialog}>…</button>}
    */
-  renderChannelActions?: (args: { triggerClassName: string }) => React.ReactNode
+  renderChannelActions?: React.ReactNode
   /**
    * Custom render function for decorating each message in the message list.
    * Receives the default message node and the message object.