@linktr.ee/messaging-react 1.21.1 → 1.21.2-rc-1771424513

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.21.1",
+  "version": "1.21.2-rc-1771424513",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/ChannelView.tsx

@@ -244,6 +244,7 @@ const ChannelInfoDialog: React.FC<{
   onDeleteConversationClick?: () => void
   onBlockParticipantClick?: () => void
   onReportParticipantClick?: () => void
+  customChannelActions?: React.ReactNode
 }> = ({
   dialogRef,
   onClose,
@@ -256,6 +257,7 @@ const ChannelInfoDialog: React.FC<{
   onDeleteConversationClick,
   onBlockParticipantClick,
   onReportParticipantClick,
+  customChannelActions,
 }) => {
   const { service, debug } = useMessagingContext()
   const [isParticipantBlocked, setIsParticipantBlocked] = useState(false)
@@ -505,6 +507,7 @@ const ChannelInfoDialog: React.FC<{
                 <span>Report</span>
               </ActionButton>
             </li>
+            {customChannelActions}
           </ul>
         </div>
       </div>
@@ -529,6 +532,7 @@ const ChannelViewInner: React.FC<{
   showStarButton?: boolean
   chatbotVotingEnabled?: boolean
   renderChannelBanner?: () => React.ReactNode
+  customChannelActions?: React.ReactNode
 }> = ({
   onBack,
   showBackButton,
@@ -542,6 +546,7 @@ const ChannelViewInner: React.FC<{
   showStarButton = false,
   chatbotVotingEnabled = false,
   renderChannelBanner,
+  customChannelActions,
 }) => {
   const { channel } = useChannelStateContext()
   const infoDialogRef = useRef<HTMLDialogElement>(null)
@@ -636,6 +641,7 @@ const ChannelViewInner: React.FC<{
         onDeleteConversationClick={onDeleteConversationClick}
         onBlockParticipantClick={onBlockParticipantClick}
         onReportParticipantClick={onReportParticipantClick}
+        customChannelActions={customChannelActions}
       />
     </>
   )
@@ -664,6 +670,7 @@ export const ChannelView = React.memo<ChannelViewProps>(
     showStarButton = false,
     chatbotVotingEnabled = false,
     renderChannelBanner,
+    customChannelActions,
   }) => {
     // Custom send message handler that:
     // 1. Applies messageMetadata if provided
@@ -738,6 +745,7 @@ export const ChannelView = React.memo<ChannelViewProps>(
             showStarButton={showStarButton}
             chatbotVotingEnabled={chatbotVotingEnabled}
             renderChannelBanner={renderChannelBanner}
+            customChannelActions={customChannelActions}
           />
         </Channel>
       </div>

package/src/components/MessagingShell/index.tsx

@@ -37,6 +37,7 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
   chatbotVotingEnabled = false,
   renderMessagePreview,
   renderChannelBanner,
+  customChannelActions,
 }) => {
   const {
     service,
@@ -495,6 +496,7 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
                 onMessageSent={onMessageSent}
                 showStarButton={showStarButton}
                 chatbotVotingEnabled={chatbotVotingEnabled}
+                customChannelActions={customChannelActions}
               />
             </div>
           ) : initialParticipantFilter ? (

package/src/index.ts

@@ -5,6 +5,7 @@ import './styles.css'
 export { MessagingShell } from './components/MessagingShell'
 export { ChannelList } from './components/ChannelList'
 export { ChannelView } from './components/ChannelView'
+export { default as ActionButton } from './components/ActionButton'
 export { ParticipantPicker } from './components/ParticipantPicker'
 export { Avatar } from './components/Avatar'
 export { FaqList } from './components/FaqList'

package/src/types.ts

@@ -154,6 +154,14 @@ export interface ChannelViewProps {
    * Useful for showing summaries, alerts, or contextual information.
    */
   renderChannelBanner?: () => React.ReactNode
+
+  /**
+   * Custom actions rendered at the bottom of the channel info dialog
+   * (below Delete Conversation, Block/Unblock, Report).
+   * Pass one or more <li> elements so they match the list styling.
+   * Use the exported ActionButton for consistent styling.
+   */
+  customChannelActions?: React.ReactNode
 }
 
 /**
@@ -173,6 +181,7 @@ export type ChannelViewPassthroughProps = Pick<
   | 'showStarButton'
   | 'chatbotVotingEnabled'
   | 'renderChannelBanner'
+  | 'customChannelActions'
 >
 
 /**