@linktr.ee/messaging-react 3.4.2-rc-1782395074 → 3.5.0-rc-1782408966

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-tI-4cxV1.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.useComposerLocked=e.useComposerLocked;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-BIWS3Inh.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.VerifiedBadge=e.VerifiedBadge;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

@@ -149,7 +149,7 @@ export declare const ChannelView: default_2.NamedExoticComponent<ChannelViewProp
  * Props that MessagingShell passes through to ChannelView.
  * ChannelViewProps is the source of truth for these props.
  */
-declare type ChannelViewPassthroughProps = Pick<ChannelViewProps, 'renderMessageInputActions' | 'renderConversationFooter' | 'CustomChannelEmptyState' | 'onBlockParticipantClick' | 'onReportParticipantClick' | 'dmAgentEnabled' | 'onMessageSent' | 'chatbotVotingEnabled' | 'viewerLanguage' | 'renderHeaderTitleBadges' | 'renderChannelBanner' | 'customChannelActions' | 'renderChannelActions' | 'onParticipantNameClick' | 'renderMessage' | 'onMessageLinkClick' | 'showChannelInfo' | 'composerInput'>;
+declare type ChannelViewPassthroughProps = Pick<ChannelViewProps, 'renderMessageInputActions' | 'renderConversationFooter' | 'CustomChannelEmptyState' | 'onBlockParticipantClick' | 'onReportParticipantClick' | 'dmAgentEnabled' | 'onMessageSent' | 'chatbotVotingEnabled' | 'viewerLanguage' | 'renderHeaderTitleBadges' | 'renderChannelBanner' | 'customChannelActions' | 'renderChannelActions' | 'onParticipantNameClick' | 'renderMessage' | 'onMessageLinkClick' | 'showChannelInfo'>;
 
 /**
  * ChannelView component props
@@ -351,22 +351,6 @@ export declare interface ChannelViewProps {
      * Use this to render staged paid or media attachments inside the input.
      */
     attachmentPreviewList?: ComponentType;
-    /**
-     * Replace the entire inner composer — the textarea + send arrangement — with
-     * a host-owned component. Passed to Stream's `<MessageInput>` as the `Input`
-     * component, so it runs inside the message-input context and reuses the
-     * library's send pipeline (`doSendMessageRequest`, message metadata, DM-agent
-     * suppression), attachments, and previews via the Stream hooks
-     * (`useMessageInputContext`, `useMessageComposerHasSendableData`,
-     * `TextareaComposer`, …). Use it when a surface needs a different composer
-     * layout (e.g. a full-width textarea above a toolbar row) than the default.
-     *
-     * The outer wrapper — frozen handling and the `renderMessageInputActions` /
-     * `renderMessageInputFooter` slots — is unchanged. Read the exported
-     * `useComposerLocked()` hook to honour the frozen state. Defaults to the
-     * built-in composer when omitted.
-     */
-    composerInput?: ComponentType;
     /**
      * Fired when the participant's name in the channel header is clicked. When
      * provided, the name renders as a button with a trailing caret (an affordance
@@ -1392,14 +1376,6 @@ export declare interface SentCardProps extends LockedAttachmentBaseProps {
     onFetchSource?: () => Promise<LockedAttachmentSource | void>;
 }
 
-/**
- * Read the composer's locked (frozen-channel) state from inside a custom
- * composer supplied via `composerInput`. Returns true when the channel is
- * frozen; mirror the default composer by rendering the textarea read-only and
- * disabling the send control.
- */
-export declare const useComposerLocked: () => boolean;
-
 export declare function useCustomMessage<K extends keyof CustomMessageRegistry>(key: K): CustomMessageRegistry[K];
 
 /**
@@ -1423,6 +1399,17 @@ declare interface UseMessageVoteResult {
  */
 export declare const useMessaging: () => MessagingContextValue;
 
+/**
+ * Linktree verification badge shown next to the name of a verified profile.
+ * Rendered when a participant's Stream user has `is_verified` set to true.
+ */
+export declare const VerifiedBadge: default_2.FC<VerifiedBadgeProps>;
+
+export declare interface VerifiedBadgeProps {
+    className?: string;
+    size?: number;
+}
+
 declare interface VideoAttachmentSharedProps extends MessageAttachmentBaseProps {
     /** Single video — convenience for the most common case. */
     src?: string;
@@ -1495,6 +1482,13 @@ declare module 'stream-chat' {
          */
         chatbot_paused?: boolean;
     }
+    interface CustomUserData {
+        /**
+         * Whether the user is a verified Linktree profile. When true, a
+         * verification badge is shown next to their name in messaging.
+         */
+        is_verified?: boolean;
+    }
     interface CustomMessageData {
         /**
          * When true, hides the date timestamp in system messages.

package/dist/index.js

@@ -1,10 +1,10 @@
-import { a as e, b as t, C as i, c as o, d as n, e as m, F as g, f as r, L as l, h as M, M as u, i as L, j as c, k as h, l as d, m as p, n as C, o as v, p as A, q as k, s as F, 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, E as D } from "./index-CjwQ2Hj3.js";
+import { a as s, b as t, C as i, c as n, d as o, e as m, F as g, f as r, L as l, h as M, M as u, i as L, j as c, k as d, l as h, V as p, m as v, n as A, o as C, p as F, q as k, s as f, t as V, u as b, v as x, w as y, x as B, y as P, z as S, B as q, D as z } from "./index-BlpDX5fl.js";
 export {
-  e as ActionButton,
+  s as ActionButton,
   t as Avatar,
   i as ChannelEmptyState,
-  o as ChannelList,
-  n as ChannelView,
+  n as ChannelList,
+  o as ChannelView,
   m as CustomMessageProvider,
   g as FaqList,
   r as FaqListItem,
@@ -13,23 +13,23 @@ export {
   u as MediaMessage,
   L as MessageAttachment,
   c as MessageVoteButtons,
-  h as MessagingProvider,
-  d as MessagingShell,
-  p as buildCompactMetaLabel,
-  C as formatFileSize,
-  v as formatRelativeTime,
-  A as getFileExtensionLabel,
+  d as MessagingProvider,
+  h as MessagingShell,
+  p as VerifiedBadge,
+  v as buildCompactMetaLabel,
+  A as formatFileSize,
+  C as formatRelativeTime,
+  F as getFileExtensionLabel,
   k as getMessageDisplayText,
-  F as isLinkAttachment,
-  b as isUuidLike,
-  f as messageAttachmentGroupPositionFromStream,
+  f as isLinkAttachment,
+  V as isUuidLike,
+  b as messageAttachmentGroupPositionFromStream,
   x as normalizeLanguageCode,
   y as resolveLinkAttachment,
-  P as resolveMediaFromMessage,
-  S as resolveParticipantDisplayName,
-  q as useComposerLocked,
-  z as useCustomMessage,
-  B as useMessageVote,
-  D as useMessaging
+  B as resolveMediaFromMessage,
+  P as resolveParticipantDisplayName,
+  S as useCustomMessage,
+  q as useMessageVote,
+  z as useMessaging
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.4.2-rc-1782395074",
+  "version": "3.5.0-rc-1782408966",
   "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-1782395074",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1782408966",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/components/ChannelList/CustomChannelPreview.test.tsx

@@ -101,6 +101,44 @@ describe('CustomChannelPreview', () => {
     expect(screen.getByText('Unknown member')).toBeInTheDocument()
   })
 
+  it('shows the verification badge when the participant is verified', () => {
+    const channel = createMockChannel([])
+    channel.state.members['participant-1'] = {
+      user: { id: 'participant-1', name: 'Alice', is_verified: true },
+      user_id: 'participant-1',
+    }
+
+    renderWithProviders(
+      <CustomChannelPreview {...defaultProps} channel={channel} />
+    )
+
+    expect(screen.getByLabelText('Verified')).toBeInTheDocument()
+  })
+
+  it('does not show the verification badge when the participant is not verified', () => {
+    const channel = createMockChannel([])
+    channel.state.members['participant-1'] = {
+      user: { id: 'participant-1', name: 'Alice', is_verified: false },
+      user_id: 'participant-1',
+    }
+
+    renderWithProviders(
+      <CustomChannelPreview {...defaultProps} channel={channel} />
+    )
+
+    expect(screen.queryByLabelText('Verified')).not.toBeInTheDocument()
+  })
+
+  it('does not show the verification badge when is_verified is absent', () => {
+    const channel = createMockChannel([])
+
+    renderWithProviders(
+      <CustomChannelPreview {...defaultProps} channel={channel} />
+    )
+
+    expect(screen.queryByLabelText('Verified')).not.toBeInTheDocument()
+  })
+
   it('shows the latest non-system message when the last message is a system message', () => {
     const channel = createMockChannel([
       {

package/src/components/ChannelList/CustomChannelPreview.tsx

@@ -8,6 +8,7 @@ import { getMessageDisplayText } from '../../utils/getMessageDisplayText'
 import { resolveParticipantDisplayName } from '../../utils/resolveParticipantDisplayName'
 import { Avatar } from '../Avatar'
 import { isChatbotMessage } from '../CustomMessage/MessageTag'
+import { VerifiedBadge } from '../VerifiedBadge'
 
 import { useChannelListContext } from './ChannelListContext'
 
@@ -48,6 +49,7 @@ const CustomChannelPreview = React.memo<ChannelPreviewUIComponentProps>(
     )
     const participantName = resolveParticipantDisplayName(participant?.user)
     const participantImage = participant?.user?.image
+    const isParticipantVerified = participant?.user?.is_verified === true
 
     // Get last non-system message for preview
     const lastMessage = (() => {
@@ -146,15 +148,12 @@ const CustomChannelPreview = React.memo<ChannelPreviewUIComponentProps>(
           <div className="flex-1 min-w-0 flex flex-col gap-1">
             {/* Name and timestamp row */}
             <div className="flex items-center justify-between gap-2">
-              <h3
-                className={classNames(
-                  'text-sm font-medium truncate text-[#191918]'
-                )}
-              >
+              <h3 className="flex min-w-0 items-center gap-1 text-sm font-medium text-[#191918]">
                 {isChannelStarred && (
                   <span className="sr-only">Starred conversation. </span>
                 )}
-                {participantName}
+                <span className="min-w-0 truncate">{participantName}</span>
+                {isParticipantVerified && <VerifiedBadge />}
               </h3>
               {lastMessageTime && (
                 <span className="text-xs text-[#717070] flex-shrink-0">

package/src/components/ChannelView.test.tsx

@@ -106,6 +106,7 @@ const createChannel = ({
     name?: string
     username?: string
     is_account?: boolean
+    is_verified?: boolean
   }
 } = {}) =>
   ({
@@ -475,6 +476,40 @@ describe('ChannelView', () => {
     expect(screen.getAllByText('Unknown member').length).toBeGreaterThan(0)
   })
 
+  it('shows the verification badge in the header when the participant is verified', () => {
+    renderWithProviders(
+      <ChannelView
+        channel={createChannel({
+          otherUser: {
+            id: 'linker-1',
+            name: 'Linker',
+            is_account: true,
+            is_verified: true,
+          },
+        })}
+      />
+    )
+
+    expect(screen.getAllByLabelText('Verified').length).toBeGreaterThan(0)
+  })
+
+  it('does not show the verification badge in the header when the participant is not verified', () => {
+    renderWithProviders(
+      <ChannelView
+        channel={createChannel({
+          otherUser: {
+            id: 'linker-1',
+            name: 'Linker',
+            is_account: true,
+            is_verified: false,
+          },
+        })}
+      />
+    )
+
+    expect(screen.queryByLabelText('Verified')).not.toBeInTheDocument()
+  })
+
   it('fires onMessageLinkClick with the href and undefined message when the link is not inside a message wrapper', () => {
     const handler = vi.fn()
     const { container } = renderWithProviders(

package/src/components/ChannelView.tsx

@@ -32,6 +32,7 @@ import CustomTypingIndicator from './CustomTypingIndicator'
 import { DmAgentEnabledContext } from './CustomTypingIndicator/DmAgentContext'
 import { ChannelEmptyState } from './MessagingShell/ChannelEmptyState'
 import { LoadingState } from './MessagingShell/LoadingState'
+import { VerifiedBadge } from './VerifiedBadge'
 
 const ICON_BTN_CLASS =
   'size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring'
@@ -92,6 +93,7 @@ const CustomChannelHeader: React.FC<{
 
   const participantName = resolveParticipantDisplayName(participant?.user)
   const participantImage = participant?.user?.image
+  const isParticipantVerified = participant?.user?.is_verified === true
   const isStarred = useChannelStar(channel)
   const headerTitleBadges = renderHeaderTitleBadges?.({
     channel,
@@ -148,6 +150,7 @@ const CustomChannelHeader: React.FC<{
               className="flex max-w-full items-center gap-0.5 rounded text-center text-xs font-medium text-black/90 transition-opacity hover:opacity-70"
             >
               <span className="min-w-0 truncate">{participantName}</span>
+              {isParticipantVerified && <VerifiedBadge />}
               {headerTitleBadges && (
                 <span className="shrink-0">{headerTitleBadges}</span>
               )}
@@ -156,6 +159,7 @@ const CustomChannelHeader: React.FC<{
           ) : (
             <p className="flex max-w-full items-center justify-center gap-1 text-center text-xs font-medium text-black/90">
               <span className="min-w-0 truncate">{participantName}</span>
+              {isParticipantVerified && <VerifiedBadge />}
               {headerTitleBadges && (
                 <span className="shrink-0">{headerTitleBadges}</span>
               )}
@@ -241,6 +245,7 @@ const CustomChannelHeader: React.FC<{
                 className="flex min-w-0 max-w-full items-center gap-1 rounded font-medium text-black/90 transition-opacity hover:opacity-70"
               >
                 <span className="min-w-0 truncate">{participantName}</span>
+                {isParticipantVerified && <VerifiedBadge />}
                 {headerTitleBadges && (
                   <span className="shrink-0">{headerTitleBadges}</span>
                 )}
@@ -249,6 +254,7 @@ const CustomChannelHeader: React.FC<{
             ) : (
               <h1 className="flex min-w-0 items-center gap-1 font-medium text-black/90">
                 <span className="min-w-0 truncate">{participantName}</span>
+                {isParticipantVerified && <VerifiedBadge />}
                 {headerTitleBadges && (
                   <span className="shrink-0">{headerTitleBadges}</span>
                 )}
@@ -340,7 +346,6 @@ const ChannelViewInner: React.FC<{
   viewerLanguage?: string
   showChannelInfo?: boolean
   onParticipantNameClick?: () => void
-  composerInput?: ChannelViewProps['composerInput']
 }> = ({
   onBack,
   showBackButton,
@@ -368,7 +373,6 @@ const ChannelViewInner: React.FC<{
   viewerLanguage,
   showChannelInfo = true,
   onParticipantNameClick,
-  composerInput,
 }) => {
   const { channel } = useChannelStateContext()
 
@@ -485,7 +489,6 @@ const ChannelViewInner: React.FC<{
             renderFooter={() => renderMessageInputFooter?.(channel)}
             disabled={composerDisabled}
             disabledReason={composerDisabledReason}
-            composerInput={composerInput}
           />
         </Window>
       </WithComponents>
@@ -532,7 +535,6 @@ export const ChannelView = React.memo<ChannelViewProps>(
     viewerLanguage,
     showChannelInfo = true,
     onParticipantNameClick,
-    composerInput,
   }) => {
     // Custom send message handler that:
     // 1. Applies messageMetadata if provided
@@ -647,7 +649,6 @@ export const ChannelView = React.memo<ChannelViewProps>(
               viewerLanguage={viewerLanguage}
               showChannelInfo={showChannelInfo}
               onParticipantNameClick={onParticipantNameClick}
-              composerInput={composerInput}
             />
           </Channel>
         </DmAgentEnabledContext.Provider>

package/src/components/CustomMessageInput/CustomMessageInput.test.tsx

@@ -204,40 +204,6 @@ describe('CustomMessageInput', () => {
     ).toBeInTheDocument()
   })
 
-  it('renders a custom composerInput in place of the default composer', () => {
-    mockChannelData = {}
-
-    renderWithProviders(
-      <CustomMessageInput
-        composerInput={() => (
-          <div data-testid="custom-composer">custom composer</div>
-        )}
-      />
-    )
-
-    // The host-owned composer renders instead of the built-in textarea/send.
-    expect(screen.getByTestId('custom-composer')).toBeInTheDocument()
-    expect(screen.queryByTestId('textarea-composer')).not.toBeInTheDocument()
-    // It is still mounted inside Stream's <MessageInput> so it keeps the
-    // message-input context (send pipeline, attachments, previews).
-    expect(screen.getByTestId('stream-message-input')).toBeInTheDocument()
-  })
-
-  it('keeps the frozen wrapper around a custom composerInput', () => {
-    mockChannelData = { frozen: true }
-
-    const { container } = renderWithProviders(
-      <CustomMessageInput
-        composerInput={() => <div data-testid="custom-composer" />}
-      />
-    )
-
-    const messageInput = container.querySelector('.message-input')
-    expect(messageInput).toHaveAttribute('aria-disabled', 'true')
-    expect(messageInput).toHaveAttribute('inert')
-    expect(screen.getByTestId('custom-composer')).toBeInTheDocument()
-  })
-
   it('does not render the locked panel when the composer is not disabled', () => {
     mockChannelData = {}
 

package/src/components/CustomMessageInput/index.tsx

@@ -23,15 +23,6 @@ import { CustomLinkPreviewList } from '../CustomLinkPreviewList'
  */
 const ComposerLockedContext = React.createContext(false)
 
-/**
- * Read the composer's locked (frozen-channel) state from inside a custom
- * composer supplied via `composerInput`. Returns true when the channel is
- * frozen; mirror the default composer by rendering the textarea read-only and
- * disabling the send control.
- */
-export const useComposerLocked = (): boolean =>
-  useContext(ComposerLockedContext)
-
 const DefaultSendButton: React.FC<{
   sendMessage: () => void
   disabled?: boolean
@@ -110,18 +101,6 @@ export interface CustomMessageInputProps {
    * `disabled` is true.
    */
   disabledReason?: string
-  /**
-   * Replace the inner composer — the textarea + send arrangement rendered
-   * inside Stream's `<MessageInput>` — with a host-owned component. When
-   * provided it is passed to Stream as the `Input` component, so it runs inside
-   * the message-input context and can drive sending, attachments, and previews
-   * via the Stream hooks (`useMessageInputContext`,
-   * `useMessageComposerHasSendableData`, `TextareaComposer`, …). The outer
-   * frozen/`renderActions`/`renderFooter` wrapper is unchanged; read
-   * `useComposerLocked()` to honour the frozen state. Defaults to the built-in
-   * composer.
-   */
-  composerInput?: React.ComponentType
 }
 
 export const CustomMessageInput: React.FC<CustomMessageInputProps> = ({
@@ -129,7 +108,6 @@ export const CustomMessageInput: React.FC<CustomMessageInputProps> = ({
   renderFooter,
   disabled = false,
   disabledReason,
-  composerInput,
 }) => {
   const { channel } = useChannelStateContext()
   const isFrozen = channel?.data?.frozen === true
@@ -165,7 +143,7 @@ export const CustomMessageInput: React.FC<CustomMessageInputProps> = ({
           </div>
         )}
         <ComposerLockedContext.Provider value={isFrozen}>
-          <MessageInput Input={composerInput ?? CustomMessageInputInner} />
+          <MessageInput Input={CustomMessageInputInner} />
         </ComposerLockedContext.Provider>
       </div>
       {renderFooter?.()}

package/src/components/MessagingShell/index.tsx

@@ -39,7 +39,6 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
   renderMessage,
   onMessageLinkClick,
   showChannelInfo,
-  composerInput,
 }) => {
   const {
     client,
@@ -265,7 +264,6 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
           renderMessage={renderMessage}
           onMessageLinkClick={onMessageLinkClick}
           showChannelInfo={showChannelInfo}
-          composerInput={composerInput}
         />
       </div>
     </div>

package/src/components/VerifiedBadge/index.tsx

@@ -0,0 +1,25 @@
+import { SealCheckIcon } from '@phosphor-icons/react'
+import classNames from 'classnames'
+import React from 'react'
+
+export interface VerifiedBadgeProps {
+  className?: string
+  size?: number
+}
+
+/**
+ * Linktree verification badge shown next to the name of a verified profile.
+ * Rendered when a participant's Stream user has `is_verified` set to true.
+ */
+export const VerifiedBadge: React.FC<VerifiedBadgeProps> = ({
+  className,
+  size = 16,
+}) => (
+  <SealCheckIcon
+    weight="fill"
+    size={size}
+    className={classNames('shrink-0 text-[#1D9BF0]', className)}
+    aria-label="Verified"
+    role="img"
+  />
+)

package/src/index.ts

@@ -10,6 +10,8 @@ export { default as LockedAttachment } from './components/LockedAttachment'
 export { default as LinkAttachment } from './components/LinkAttachment'
 export { default as MessageAttachment } from './components/MessageAttachment'
 export { Avatar } from './components/Avatar'
+export { VerifiedBadge } from './components/VerifiedBadge'
+export type { VerifiedBadgeProps } from './components/VerifiedBadge'
 export { FaqList } from './components/FaqList'
 export { FaqListItem } from './components/FaqList/FaqListItem'
 export { ChannelEmptyState } from './components/MessagingShell/ChannelEmptyState'
@@ -30,7 +32,6 @@ export { MessagingProvider } from './providers/MessagingProvider'
 export { CustomMessageProvider } from './components/CustomMessage/context'
 
 // Hooks
-export { useComposerLocked } from './components/CustomMessageInput'
 export { useMessaging } from './hooks/useMessaging'
 export { useMessageVote } from './hooks/useMessageVote'
 export { useCustomMessage } from './components/CustomMessage/context'

package/src/stream-custom-data.ts

@@ -98,6 +98,14 @@ declare module 'stream-chat' {
     chatbot_paused?: boolean
   }
 
+  interface CustomUserData {
+    /**
+     * Whether the user is a verified Linktree profile. When true, a
+     * verification badge is shown next to their name in messaging.
+     */
+    is_verified?: boolean
+  }
+
   interface CustomMessageData {
     /**
      * When true, hides the date timestamp in system messages.

package/src/types.ts

@@ -324,23 +324,6 @@ export interface ChannelViewProps {
    */
   attachmentPreviewList?: ComponentType
 
-  /**
-   * Replace the entire inner composer — the textarea + send arrangement — with
-   * a host-owned component. Passed to Stream's `<MessageInput>` as the `Input`
-   * component, so it runs inside the message-input context and reuses the
-   * library's send pipeline (`doSendMessageRequest`, message metadata, DM-agent
-   * suppression), attachments, and previews via the Stream hooks
-   * (`useMessageInputContext`, `useMessageComposerHasSendableData`,
-   * `TextareaComposer`, …). Use it when a surface needs a different composer
-   * layout (e.g. a full-width textarea above a toolbar row) than the default.
-   *
-   * The outer wrapper — frozen handling and the `renderMessageInputActions` /
-   * `renderMessageInputFooter` slots — is unchanged. Read the exported
-   * `useComposerLocked()` hook to honour the frozen state. Defaults to the
-   * built-in composer when omitted.
-   */
-  composerInput?: ComponentType
-
   /**
    * Fired when the participant's name in the channel header is clicked. When
    * provided, the name renders as a button with a trailing caret (an affordance
@@ -376,7 +359,6 @@ export type ChannelViewPassthroughProps = Pick<
   | 'renderMessage'
   | 'onMessageLinkClick'
   | 'showChannelInfo'
-  | 'composerInput'
 >
 
 /**