stream-chat-react 14.12.0 → 15.0.0-rc.1

package/dist/es/components/ChannelListItem/ChannelListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListItem.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItem.tsx"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { Channel, Event, LocalMessage } from 'stream-chat';\n\nimport { ChannelListItemUI as DefaultChannelListItemUI } from './ChannelListItemUI';\nimport { useIsChannelMuted } from './hooks/useIsChannelMuted';\nimport { useChannelPreviewInfo } from './hooks/useChannelPreviewInfo';\nimport { getLatestMessagePreview as defaultGetLatestMessagePreview } from './utils';\nimport { useTranslationContext } from '../../context/TranslationContext';\nimport { useMessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';\nimport type { MessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';\nimport type { GroupChannelDisplayInfo } from './utils';\nimport type { ChannelListItemLabelConfig } from './utils.a11y';\nimport {\n  type ChatContextValue,\n  type TranslationContextValue,\n  useChatContext,\n  useComponentContext,\n} from '../../context';\nimport { useChannelMembershipState } from '../ChannelList';\n\nexport type ChannelListItemUIProps = ChannelListItemProps & {\n  /**\n   * Configures the row's composed accessible name (part overrides, order, separator, or a full\n   * `build`). Supply it from a `ComponentContext`-provided `ChannelListItemUI` to customize the\n   * announcement. See `composeChannelListItemAccessibleLabel`.\n   */\n  accessibleLabelConfig?: ChannelListItemLabelConfig;\n  /** Image of Channel to display */\n  displayImage?: string;\n  /** Title of Channel to display */\n  displayTitle?: string;\n  /** Title of Channel to display */\n  groupChannelDisplayInfo?: GroupChannelDisplayInfo;\n  /** The last message received in a channel */\n  lastMessage?: LocalMessage;\n  /** Latest message preview to display, will be a string or JSX element supporting markdown. */\n  latestMessagePreview?: ReactNode;\n  /** Status describing whether own message has been delivered or read by another. If the last message is not an own message, then the status is undefined. */\n  messageDeliveryStatus?: MessageDeliveryStatus;\n  /** Whether the channel is muted by the current user */\n  muted?: boolean;\n  /** Whether the channel is pinned by the current user */\n  pinned?: boolean;\n  /** Number of unread Messages */\n  unread?: number;\n};\n\nexport type ChannelListItemProps = {\n  /** Comes from either the `channelRenderFilterFn` or `usePaginatedChannels` call from [ChannelList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelList.tsx) */\n  channel: Channel;\n  /** If the component's channel is the active (selected) Channel */\n  active?: boolean;\n  /** Current selected channel object */\n  activeChannel?: Channel;\n  /** Forces the update of preview component on channel update */\n  channelUpdateCount?: number;\n  /** Custom class for the channel preview root */\n  className?: string;\n  /** Custom function that generates the message preview in ChannelListItem component */\n  getLatestMessagePreview?: (\n    channel: Channel,\n    t: TranslationContextValue['t'],\n    userLanguage: TranslationContextValue['userLanguage'],\n    isMessageAIGenerated: ChatContextValue['isMessageAIGenerated'],\n  ) => ReactNode;\n  key?: string;\n  /** Custom ChannelListItem click handler function */\n  onSelect?: (event: React.MouseEvent) => void;\n  /** Setter for selected Channel */\n  setActiveChannel?: ChatContextValue['setActiveChannel'];\n  /** Object containing watcher parameters */\n  watchers?: { limit?: number; offset?: number };\n};\n\nconst ChannelListItemContext = React.createContext<{ channel: Channel }>({\n  channel: null as unknown as Channel,\n});\n\nexport const useChannelListItemContext = () => useContext(ChannelListItemContext);\n\nexport const ChannelListItem = (props: ChannelListItemProps) => {\n  const {\n    active,\n    channel,\n    channelUpdateCount,\n    getLatestMessagePreview = defaultGetLatestMessagePreview,\n  } = props;\n  const { ChannelListItemUI = DefaultChannelListItemUI } = useComponentContext();\n  const {\n    channel: activeChannel,\n    client,\n    isMessageAIGenerated,\n    setActiveChannel,\n  } = useChatContext('ChannelPreview');\n  const { t, userLanguage } = useTranslationContext('ChannelPreview');\n  const { displayImage, displayTitle, groupChannelDisplayInfo } = useChannelPreviewInfo({\n    channel,\n  });\n  const membership = useChannelMembershipState(channel);\n\n  const [lastMessage, setLastMessage] = useState<LocalMessage>(\n    channel.state.messages[channel.state.messages.length - 1],\n  );\n  const [latestMessagePreview, setLatestMessagePreview] = useState<ReactNode>(() =>\n    getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated),\n  );\n\n  const [unread, setUnread] = useState(0);\n  const { messageDeliveryStatus } = useMessageDeliveryStatus({\n    channel,\n    lastMessage,\n  });\n\n  const isActive =\n    typeof active === 'undefined' ? activeChannel?.cid === channel.cid : active;\n  const { muted } = useIsChannelMuted(channel);\n\n  useEffect(() => {\n    // Channel-scoped read-state events. These are delivered after\n    // `Channel._handleChannelEvent` has already updated `channel.state.unreadCount`,\n    // so recomputing from `countUnread()` here always sees fresh state.\n    const handleChannelReadStateChange = (event: Event) => {\n      if (channel.cid !== event.cid) return;\n      if (event.user?.id !== client.user?.id) return;\n      setUnread(channel.countUnread());\n    };\n\n    // `notification.mark_read` is a personal event and needs separate handling:\n    // `cid` and `user` are both optional on it, and — unlike `message.read` — it has no\n    // case in `Channel._handleChannelEvent`, so `channel.state.unreadCount` may still be\n    // stale when it arrives. Zero the badge directly instead of recomputing, which keeps\n    // the result independent of the `message.read` / `notification.mark_read` arrival order.\n    const handleMarkRead = (event: Event) => {\n      // a thread was marked read, which does not clear the channel's unread count\n      if (event.thread_id) return;\n      if (event.user && client.user && event.user.id !== client.user.id) return;\n      // a missing `cid` means every channel was marked read\n      if (!event.cid) return setUnread(0);\n      if (channel.cid !== event.cid) return;\n      setUnread(0);\n    };\n\n    client.on('notification.mark_read', handleMarkRead);\n    channel.on('notification.mark_unread', handleChannelReadStateChange);\n    channel.on('message.read_locally', handleChannelReadStateChange);\n    channel.on('message.read', handleChannelReadStateChange);\n    return () => {\n      client.off('notification.mark_read', handleMarkRead);\n      channel.off('notification.mark_unread', handleChannelReadStateChange);\n      channel.off('message.read_locally', handleChannelReadStateChange);\n      channel.off('message.read', handleChannelReadStateChange);\n    };\n  }, [channel, client]);\n\n  const refreshUnreadCount = useMemo(\n    () =>\n      throttle(() => {\n        if (muted) {\n          setUnread(0);\n        } else {\n          setUnread(channel.countUnread());\n        }\n      }, 400),\n    [channel, muted],\n  );\n\n  useEffect(() => {\n    refreshUnreadCount();\n    setLatestMessagePreview(\n      getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated),\n    );\n\n    const handleEvent = (event: Event) => {\n      const deletedMessagesInAnotherChannel =\n        event.type === 'user.messages.deleted' && event.cid && event.cid !== channel.cid;\n\n      if (deletedMessagesInAnotherChannel) return;\n\n      setLastMessage(\n        channel.state.latestMessages[channel.state.latestMessages.length - 1],\n      );\n      setLatestMessagePreview(\n        getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated),\n      );\n      refreshUnreadCount();\n    };\n\n    channel.on('message.new', handleEvent);\n    channel.on('message.updated', handleEvent);\n    channel.on('message.deleted', handleEvent);\n    client.on('user.messages.deleted', handleEvent);\n    channel.on('message.undeleted', handleEvent);\n    channel.on('channel.truncated', handleEvent);\n\n    return () => {\n      channel.off('message.new', handleEvent);\n      channel.off('message.updated', handleEvent);\n      channel.off('message.deleted', handleEvent);\n      client.off('user.messages.deleted', handleEvent);\n      channel.off('message.undeleted', handleEvent);\n      channel.off('channel.truncated', handleEvent);\n    };\n  }, [\n    channel,\n    client,\n    refreshUnreadCount,\n    channelUpdateCount,\n    getLatestMessagePreview,\n    t,\n    userLanguage,\n    isMessageAIGenerated,\n  ]);\n\n  const channelPreviewContextValue = useMemo(() => ({ channel }), [channel]);\n\n  if (!ChannelListItemUI) return null;\n\n  return (\n    <ChannelListItemContext.Provider value={channelPreviewContextValue}>\n      <ChannelListItemUI\n        {...props}\n        active={isActive}\n        displayImage={displayImage}\n        displayTitle={displayTitle}\n        groupChannelDisplayInfo={groupChannelDisplayInfo}\n        lastMessage={lastMessage}\n        latestMessagePreview={latestMessagePreview}\n        messageDeliveryStatus={messageDeliveryStatus}\n        muted={muted}\n        pinned={!!membership.pinned_at}\n        setActiveChannel={setActiveChannel}\n        unread={unread}\n      />\n    </ChannelListItemContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AA4EA,IAAM,yBAAyB,MAAM,cAAoC,EACvE,SAAS,KACX,CAAC;AAED,IAAa,kCAAkC,WAAW,sBAAsB;AAEhF,IAAa,mBAAmB,UAAgC;CAC9D,MAAM,EACJ,QACA,SACA,oBACA,yBAAA,4BAA0B,4BACxB;CACJ,MAAM,EAAE,mBAAA,sBAAoB,sBAA6B,oBAAoB;CAC7E,MAAM,EACJ,SAAS,eACT,QACA,sBACA,qBACE,eAAe,gBAAgB;CACnC,MAAM,EAAE,GAAG,iBAAiB,sBAAsB,gBAAgB;CAClE,MAAM,EAAE,cAAc,cAAc,4BAA4B,sBAAsB,EACpF,QACF,CAAC;CACD,MAAM,aAAa,0BAA0B,OAAO;CAEpD,MAAM,CAAC,aAAa,kBAAkB,SACpC,QAAQ,MAAM,SAAS,QAAQ,MAAM,SAAS,SAAS,EACzD;CACA,MAAM,CAAC,sBAAsB,2BAA2B,eACtD,0BAAwB,SAAS,GAAG,cAAc,oBAAoB,CACxE;CAEA,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC;CACtC,MAAM,EAAE,0BAA0B,yBAAyB;EACzD;EACA;CACF,CAAC;CAED,MAAM,WACJ,OAAO,WAAW,cAAc,eAAe,QAAQ,QAAQ,MAAM;CACvE,MAAM,EAAE,UAAU,kBAAkB,OAAO;CAE3C,gBAAgB;EAId,MAAM,gCAAgC,UAAiB;GACrD,IAAI,QAAQ,QAAQ,MAAM,KAAK;GAC/B,IAAI,MAAM,MAAM,OAAO,OAAO,MAAM,IAAI;GACxC,UAAU,QAAQ,YAAY,CAAC;EACjC;EAOA,MAAM,kBAAkB,UAAiB;GAEvC,IAAI,MAAM,WAAW;GACrB,IAAI,MAAM,QAAQ,OAAO,QAAQ,MAAM,KAAK,OAAO,OAAO,KAAK,IAAI;GAEnE,IAAI,CAAC,MAAM,KAAK,OAAO,UAAU,CAAC;GAClC,IAAI,QAAQ,QAAQ,MAAM,KAAK;GAC/B,UAAU,CAAC;EACb;EAEA,OAAO,GAAG,0BAA0B,cAAc;EAClD,QAAQ,GAAG,4BAA4B,4BAA4B;EACnE,QAAQ,GAAG,wBAAwB,4BAA4B;EAC/D,QAAQ,GAAG,gBAAgB,4BAA4B;EACvD,aAAa;GACX,OAAO,IAAI,0BAA0B,cAAc;GACnD,QAAQ,IAAI,4BAA4B,4BAA4B;GACpE,QAAQ,IAAI,wBAAwB,4BAA4B;GAChE,QAAQ,IAAI,gBAAgB,4BAA4B;EAC1D;CACF,GAAG,CAAC,SAAS,MAAM,CAAC;CAEpB,MAAM,qBAAqB,cAEvB,eAAe;EACb,IAAI,OACF,UAAU,CAAC;OAEX,UAAU,QAAQ,YAAY,CAAC;CAEnC,GAAG,GAAG,GACR,CAAC,SAAS,KAAK,CACjB;CAEA,gBAAgB;EACd,mBAAmB;EACnB,wBACE,0BAAwB,SAAS,GAAG,cAAc,oBAAoB,CACxE;EAEA,MAAM,eAAe,UAAiB;GAIpC,IAFE,MAAM,SAAS,2BAA2B,MAAM,OAAO,MAAM,QAAQ,QAAQ,KAE1C;GAErC,eACE,QAAQ,MAAM,eAAe,QAAQ,MAAM,eAAe,SAAS,EACrE;GACA,wBACE,0BAAwB,SAAS,GAAG,cAAc,oBAAoB,CACxE;GACA,mBAAmB;EACrB;EAEA,QAAQ,GAAG,eAAe,WAAW;EACrC,QAAQ,GAAG,mBAAmB,WAAW;EACzC,QAAQ,GAAG,mBAAmB,WAAW;EACzC,OAAO,GAAG,yBAAyB,WAAW;EAC9C,QAAQ,GAAG,qBAAqB,WAAW;EAC3C,QAAQ,GAAG,qBAAqB,WAAW;EAE3C,aAAa;GACX,QAAQ,IAAI,eAAe,WAAW;GACtC,QAAQ,IAAI,mBAAmB,WAAW;GAC1C,QAAQ,IAAI,mBAAmB,WAAW;GAC1C,OAAO,IAAI,yBAAyB,WAAW;GAC/C,QAAQ,IAAI,qBAAqB,WAAW;GAC5C,QAAQ,IAAI,qBAAqB,WAAW;EAC9C;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,6BAA6B,eAAe,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;CAEzE,IAAI,CAAC,qBAAmB,OAAO;CAE/B,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,oBAAC,qBAAD;GACE,GAAI;GACJ,QAAQ;GACM;GACA;GACW;GACZ;GACS;GACC;GAChB;GACP,QAAQ,CAAC,CAAC,WAAW;GACH;GACV;EACT,CAAA;CAC8B,CAAA;AAErC"}
+{"version":3,"file":"ChannelListItem.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItem.tsx"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport type { Channel, LocalMessage, MessagePaginatorAggregateState } from 'stream-chat';\n\nimport { useStateStore } from '../../store';\n\nimport { ChannelListItemUI as DefaultChannelListItemUI } from './ChannelListItemUI';\nimport { useIsChannelMuted } from './hooks/useIsChannelMuted';\nimport { useChannelPreviewInfo } from './hooks/useChannelPreviewInfo';\nimport type { MessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';\nimport { useMessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';\nimport type { GroupChannelDisplayInfo } from './utils';\nimport type { ChannelListItemLabelConfig } from './utils.a11y';\nimport {\n  useChatContext,\n  useComponentContext,\n  useWorkspaceNavigation,\n} from '../../context';\nimport { useChannelMembershipState } from '../ChannelList';\nimport { requireContext } from '../../context/requireContext';\n\nexport type ChannelListItemUIProps = ChannelListItemProps & {\n  /**\n   * Configures the row's composed accessible name (part overrides, order, separator, or a full\n   * `build`). Supply it from a `ComponentContext`-provided `ChannelListItemUI` to customize the\n   * announcement. See `composeChannelListItemAccessibleLabel`.\n   */\n  accessibleLabelConfig?: ChannelListItemLabelConfig;\n  /** Image of Channel to display */\n  displayImage?: string;\n  /** Title of Channel to display */\n  displayTitle?: string;\n  /** Title of Channel to display */\n  groupChannelDisplayInfo?: GroupChannelDisplayInfo;\n  /** The message previewed by this item — see {@link ChannelListItemProps.previewedMessage}. */\n  previewedMessage?: LocalMessage;\n  /** Status describing whether own message has been delivered or read by another. If the last message is not an own message, then the status is undefined. */\n  messageDeliveryStatus?: MessageDeliveryStatus;\n  /** Whether the channel is muted by the current user */\n  muted?: boolean;\n  /** Whether the channel is pinned by the current user */\n  pinned?: boolean;\n  /** Number of unread Messages */\n  unread?: number;\n};\n\nexport type ChannelListItemProps = {\n  /** Comes from either the `channelRenderFilterFn` or `usePaginatedChannels` call from [ChannelList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelList.tsx) */\n  channel: Channel;\n  /** If the component's channel is the active (selected) Channel */\n  active?: boolean;\n  /** Current selected channel object */\n  activeChannel?: Channel;\n  /** Custom class for the channel preview root */\n  className?: string;\n  /**\n   * The message previewed by this item. Defaults to the channel's reactive latest message\n   * (`channel.messagePaginator.aggregateState.lastMessage`); pass a specific message to preview it\n   * instead — e.g. a search result previewing the matched message, where the channel's latest message\n   * would be misleading.\n   */\n  previewedMessage?: LocalMessage;\n  /** Custom ChannelListItem click handler function */\n  onSelect?: (event: React.MouseEvent) => void;\n};\n\nconst ChannelListItemContext = React.createContext<{ channel: Channel } | undefined>(\n  undefined,\n);\n\nexport const useChannelListItemContext = () =>\n  requireContext(\n    useContext(ChannelListItemContext),\n    'useChannelListItemContext',\n    'ChannelListItemUI',\n  );\n\nconst lastMessageSelector = ({ lastMessage }: MessagePaginatorAggregateState) => ({\n  lastMessage: lastMessage ?? undefined,\n});\n\nexport const ChannelListItem = (props: ChannelListItemProps) => {\n  const { active, channel } = props;\n  const { ChannelListItemUI = DefaultChannelListItemUI } = useComponentContext();\n  const { client } = useChatContext();\n  // Active = THIS channel is currently open in the workspace. Keyed on the channel's own\n  // cid (never \"the first channel slot\"), so multiple open channels each highlight independently.\n  const channelOpenInSlot = useWorkspaceNavigation().isChannelActive(\n    channel.cid ?? undefined,\n  );\n  const { displayImage, displayTitle, groupChannelDisplayInfo } = useChannelPreviewInfo({\n    channel,\n  });\n  const membership = useChannelMembershipState(channel);\n\n  const { lastMessage: trackedLastMessage } = useStateStore(\n    channel.messagePaginator.aggregateState,\n    lastMessageSelector,\n  );\n  // A caller may override the previewed message per instance (e.g. a search result previewing the\n  // matched message); otherwise use the channel's reactive tracked latest.\n  const previewedMessage = props.previewedMessage ?? trackedLastMessage;\n\n  const { messageDeliveryStatus } = useMessageDeliveryStatus({\n    channel,\n    lastMessage: previewedMessage,\n  });\n\n  const isActive = typeof active === 'undefined' ? !!channelOpenInSlot : active;\n  const { muted } = useIsChannelMuted(channel);\n\n  // The channel already owns this number: `countUnread()` with no argument returns\n  // `read[ownUserId].unread_messages`, and everything that moves it - a new message, a read from\n  // any device, an explicit mark-unread, a truncation, mark-all-read - writes there first. Reading\n  // the store means the guards that come with those writes (a thread read is not a channel read, a\n  // read by somebody else is not ours) hold here too, rather than being restated per event.\n  const [unreadCount, setUnreadCount] = useState(() => channel.countUnread());\n\n  useEffect(() => {\n    const ownUserId = client.user?.id;\n    // Throttled rather than rendered per change: a backfill or a burst of traffic can move the\n    // count many times in a frame, and a badge only has to keep up with the eye. Leading edge, so\n    // the first change still lands at once.\n    const apply = throttle(setUnreadCount, 400);\n\n    const unsubscribe = channel.state.subscribeWithSelector(\n      ({ read }) => ({\n        unreadCount: ownUserId ? (read[ownUserId]?.unread_messages ?? 0) : 0,\n      }),\n      ({ unreadCount }) => apply(unreadCount),\n    );\n\n    return () => {\n      apply.cancel();\n      unsubscribe();\n    };\n  }, [channel, client]);\n\n  // A muted channel still counts unread; it just does not advertise it. Applied at render rather\n  // than inside the subscription so muting and unmuting show up without waiting on the throttle.\n  const unread = muted ? 0 : unreadCount;\n\n  const channelPreviewContextValue = useMemo(() => ({ channel }), [channel]);\n\n  if (!ChannelListItemUI) return null;\n\n  return (\n    <ChannelListItemContext.Provider value={channelPreviewContextValue}>\n      <ChannelListItemUI\n        {...props}\n        active={isActive}\n        displayImage={displayImage}\n        displayTitle={displayTitle}\n        groupChannelDisplayInfo={groupChannelDisplayInfo}\n        messageDeliveryStatus={messageDeliveryStatus}\n        muted={muted}\n        pinned={membership.pinned_at != null}\n        previewedMessage={previewedMessage}\n        unread={unread}\n      />\n    </ChannelListItemContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAkEA,IAAM,yBAAyB,MAAM,cACnC,KAAA,CACF;AAEA,IAAa,kCACX,eACE,WAAW,sBAAsB,GACjC,6BACA,mBACF;AAEF,IAAM,uBAAuB,EAAE,mBAAmD,EAChF,aAAa,eAAe,KAAA,EAC9B;AAEA,IAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,QAAQ,YAAY;CAC5B,MAAM,EAAE,mBAAA,sBAAoB,sBAA6B,oBAAoB;CAC7E,MAAM,EAAE,WAAW,eAAe;CAGlC,MAAM,oBAAoB,uBAAuB,CAAC,CAAC,gBACjD,QAAQ,OAAO,KAAA,CACjB;CACA,MAAM,EAAE,cAAc,cAAc,4BAA4B,sBAAsB,EACpF,QACF,CAAC;CACD,MAAM,aAAa,0BAA0B,OAAO;CAEpD,MAAM,EAAE,aAAa,uBAAuB,cAC1C,QAAQ,iBAAiB,gBACzB,mBACF;CAGA,MAAM,mBAAmB,MAAM,oBAAoB;CAEnD,MAAM,EAAE,0BAA0B,yBAAyB;EACzD;EACA,aAAa;CACf,CAAC;CAED,MAAM,WAAW,OAAO,WAAW,cAAc,CAAC,CAAC,oBAAoB;CACvE,MAAM,EAAE,UAAU,kBAAkB,OAAO;CAO3C,MAAM,CAAC,aAAa,kBAAkB,eAAe,QAAQ,YAAY,CAAC;CAE1E,gBAAgB;EACd,MAAM,YAAY,OAAO,MAAM;EAI/B,MAAM,QAAQ,SAAS,gBAAgB,GAAG;EAE1C,MAAM,cAAc,QAAQ,MAAM,uBAC/B,EAAE,YAAY,EACb,aAAa,YAAa,KAAK,UAAU,EAAE,mBAAmB,IAAK,EACrE,KACC,EAAE,kBAAkB,MAAM,WAAW,CACxC;EAEA,aAAa;GACX,MAAM,OAAO;GACb,YAAY;EACd;CACF,GAAG,CAAC,SAAS,MAAM,CAAC;CAIpB,MAAM,SAAS,QAAQ,IAAI;CAE3B,MAAM,6BAA6B,eAAe,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;CAEzE,IAAI,CAAC,qBAAmB,OAAO;CAE/B,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,oBAAC,qBAAD;GACE,GAAI;GACJ,QAAQ;GACM;GACA;GACW;GACF;GAChB;GACP,QAAQ,WAAW,aAAa;GACd;GACV;EACT,CAAA;CAC8B,CAAA;AAErC"}

package/dist/es/components/ChannelListItem/ChannelListItemActionButtons.defaults.mjs

@@ -1,7 +1,7 @@
 import { useChatContext } from "../../context/ChatContext.mjs";
-import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
 import { useDialogIsOpen, useDialogOnNearestManager } from "../Dialog/hooks/useDialog.mjs";
 import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { useNotificationApi } from "../Notifications/hooks/useNotificationApi.mjs";
 import { Button } from "../Button/Button.mjs";
 import { ContextMenuButton, useContextMenuContext } from "../Dialog/components/ContextMenu.mjs";
 import { useChannelMembershipState } from "../ChannelList/hooks/useChannelMembershipState.mjs";
@@ -9,7 +9,7 @@ import { useChannelMembersState } from "../ChannelList/hooks/useChannelMembersSt
 import { useIsChannelMuted } from "./hooks/useIsChannelMuted.mjs";
 import { ChannelListItemActionButtons } from "./ChannelListItemActionButtons.mjs";
 import { useChannelListItemContext } from "./ChannelListItem.mjs";
-import { useNotificationApi } from "../Notifications/hooks/useNotificationApi.mjs";
+import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
 import { forwardRef, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ChannelListItem/ChannelListItemActionButtons.defaults.tsx
@@ -25,7 +25,7 @@ var useMuteAction = () => {
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("Channel unmuted"),
+					message: t("common.channelUnmuted.text", "Channel unmuted"),
 					severity: "success",
 					type: "api:channel:unmute:success"
 				});
@@ -34,7 +34,7 @@ var useMuteAction = () => {
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("Channel muted"),
+					message: t("common.channelMuted.text", "Channel muted"),
 					severity: "success",
 					type: "api:channel:mute:success"
 				});
@@ -44,7 +44,7 @@ var useMuteAction = () => {
 				context: { channel },
 				emitter: ChannelListItemActionButtons.name,
 				error: error instanceof Error ? error : /* @__PURE__ */ new Error("An unknown error occurred"),
-				message: t("Failed to update channel mute status"),
+				message: t("channelListItem.failedUpdateChannelMute.text", "Failed to update channel mute status"),
 				severity: "error",
 				type: "api:channel:mute:failed"
 			});
@@ -52,7 +52,7 @@ var useMuteAction = () => {
 	};
 	return {
 		"aria-pressed": isMuted,
-		title: isMuted ? t("Unmute") : t("Mute"),
+		title: isMuted ? t("common.unmute.title", "Unmute") : t("common.mute.title", "Mute"),
 		toggle
 	};
 };
@@ -63,12 +63,12 @@ var useArchiveAction = () => {
 	const { t } = useTranslationContext();
 	const toggle = async () => {
 		try {
-			if (membership.archived_at) {
+			if (membership.archived_at != null) {
 				await channel.unarchive();
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("Channel unarchived"),
+					message: t("channelListItem.channelUnarchived.text", "Channel unarchived"),
 					severity: "success",
 					type: "api:channel:unarchive:success"
 				});
@@ -77,7 +77,7 @@ var useArchiveAction = () => {
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("Channel archived"),
+					message: t("channelListItem.channelArchived.text", "Channel archived"),
 					severity: "success",
 					type: "api:channel:archive:success"
 				});
@@ -87,15 +87,15 @@ var useArchiveAction = () => {
 				context: { channel },
 				emitter: ChannelListItemActionButtons.name,
 				error: error instanceof Error ? error : /* @__PURE__ */ new Error("An unknown error occurred"),
-				message: t("Failed to update channel archive status"),
+				message: t("channelListItem.failedUpdateChannelArchive.text", "Failed to update channel archive status"),
 				severity: "error",
 				type: "api:channel:archive:failed"
 			});
 		}
 	};
 	return {
-		"aria-pressed": typeof membership.archived_at === "string",
-		title: membership.archived_at ? t("Unarchive") : t("Archive"),
+		"aria-pressed": membership.archived_at != null,
+		title: membership.archived_at != null ? t("channelListItem.unarchive.title", "Unarchive") : t("channelListItem.archive.title", "Archive"),
 		toggle
 	};
 };
@@ -149,7 +149,7 @@ var useBanAction = () => {
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("User unblocked"),
+					message: t("common.userUnblocked.text", "User unblocked"),
 					severity: "success",
 					type: "api:user:unban:success"
 				});
@@ -158,7 +158,7 @@ var useBanAction = () => {
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("User blocked"),
+					message: t("common.userBlocked.text", "User blocked"),
 					severity: "success",
 					type: "api:user:ban:success"
 				});
@@ -168,7 +168,7 @@ var useBanAction = () => {
 				context: { channel },
 				emitter: ChannelListItemActionButtons.name,
 				error: error instanceof Error ? error : /* @__PURE__ */ new Error("An unknown error occurred"),
-				message: t("Failed to block user"),
+				message: t("channelListItem.failedBlockUser.text", "Failed to block user"),
 				severity: "error",
 				type: "api:user:ban:failed"
 			});
@@ -176,7 +176,7 @@ var useBanAction = () => {
 	};
 	return {
 		"aria-pressed": isUserBanned,
-		title: isUserBanned ? t("Unblock User") : t("Block User"),
+		title: isUserBanned ? t("channelListItem.unblockUser.title", "Unblock User") : t("common.blockUser.title", "Block User"),
 		toggle
 	};
 };
@@ -191,7 +191,7 @@ var useLeaveAction = () => {
 			addNotification({
 				context: { channel },
 				emitter: ChannelListItemActionButtons.name,
-				message: t("Left channel"),
+				message: t("common.leftChannel.text", "Left channel"),
 				severity: "success",
 				type: "api:channel:leave:success"
 			});
@@ -200,14 +200,14 @@ var useLeaveAction = () => {
 				context: { channel },
 				emitter: ChannelListItemActionButtons.name,
 				error: error instanceof Error ? error : /* @__PURE__ */ new Error("An unknown error occurred"),
-				message: t("Failed to leave channel"),
+				message: t("common.failedLeaveChannel.text", "Failed to leave channel"),
 				severity: "error",
 				type: "api:channel:leave:failed"
 			});
 		}
 	};
 	return {
-		title: t("Leave Channel"),
+		title: t("channelListItem.leaveChannel.title", "Leave Channel"),
 		toggle
 	};
 };
@@ -218,12 +218,12 @@ var usePinAction = () => {
 	const membership = useChannelMembershipState(channel);
 	const toggle = async () => {
 		try {
-			if (membership.pinned_at) {
+			if (membership.pinned_at != null) {
 				await channel.unpin();
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("Channel unpinned"),
+					message: t("channelListItem.channelUnpinned.text", "Channel unpinned"),
 					severity: "success",
 					type: "api:channel:unpin:success"
 				});
@@ -232,7 +232,7 @@ var usePinAction = () => {
 				addNotification({
 					context: { channel },
 					emitter: ChannelListItemActionButtons.name,
-					message: t("Channel pinned"),
+					message: t("channelListItem.channelPinned.text", "Channel pinned"),
 					severity: "success",
 					type: "api:channel:pin:success"
 				});
@@ -242,23 +242,23 @@ var usePinAction = () => {
 				context: { channel },
 				emitter: ChannelListItemActionButtons.name,
 				error: error instanceof Error ? error : /* @__PURE__ */ new Error("An unknown error occurred"),
-				message: t("Failed to update channel pinned status"),
+				message: t("channelListItem.failedUpdateChannelPinned.text", "Failed to update channel pinned status"),
 				severity: "error",
 				type: "api:channel:pin:failed"
 			});
 		}
 	};
 	return {
-		"aria-pressed": !!membership.pinned_at,
-		title: membership.pinned_at ? t("Unpin") : t("Pin"),
+		"aria-pressed": membership.pinned_at != null,
+		title: membership.pinned_at != null ? t("common.unpin.title", "Unpin") : t("common.pin.title", "Pin"),
 		toggle
 	};
 };
 var defaultComponents = {
 	dropdown: {
 		Archive() {
-			const behaviorProps = useDropdownActionButtonProps(useArchiveAction());
 			const { IconArchive } = useComponentContextIcons();
+			const behaviorProps = useDropdownActionButtonProps(useArchiveAction());
 			return /* @__PURE__ */ jsx(ContextMenuButton, {
 				"aria-label": behaviorProps.title,
 				"data-testid": "dropdown-action-archive",
@@ -268,8 +268,8 @@ var defaultComponents = {
 			});
 		},
 		Ban() {
-			const behaviorProps = useDropdownActionButtonProps(useBanAction());
 			const { IconNoSign } = useComponentContextIcons();
+			const behaviorProps = useDropdownActionButtonProps(useBanAction());
 			return /* @__PURE__ */ jsx(ContextMenuButton, {
 				"aria-label": behaviorProps.title,
 				"data-testid": "dropdown-action-ban",
@@ -279,8 +279,8 @@ var defaultComponents = {
 			});
 		},
 		Leave() {
-			const behaviorProps = useDropdownActionButtonProps(useLeaveAction());
 			const { IconLeave } = useComponentContextIcons();
+			const behaviorProps = useDropdownActionButtonProps(useLeaveAction());
 			return /* @__PURE__ */ jsx(ContextMenuButton, {
 				"aria-label": behaviorProps.title,
 				"data-testid": "dropdown-action-leave",
@@ -291,8 +291,8 @@ var defaultComponents = {
 			});
 		},
 		Mute() {
-			const behaviorProps = useDropdownActionButtonProps(useMuteAction());
 			const { IconMute } = useComponentContextIcons();
+			const behaviorProps = useDropdownActionButtonProps(useMuteAction());
 			return /* @__PURE__ */ jsx(ContextMenuButton, {
 				"aria-label": behaviorProps.title,
 				"data-testid": "dropdown-action-mute",
@@ -302,8 +302,8 @@ var defaultComponents = {
 			});
 		},
 		Pin() {
-			const behaviorProps = useDropdownActionButtonProps(usePinAction());
 			const { IconPin } = useComponentContextIcons();
+			const behaviorProps = useDropdownActionButtonProps(usePinAction());
 			return /* @__PURE__ */ jsx(ContextMenuButton, {
 				"aria-label": behaviorProps.title,
 				"data-testid": "dropdown-action-pin",
@@ -315,8 +315,8 @@ var defaultComponents = {
 	},
 	quick: {
 		Archive() {
-			const behaviorProps = useQuickActionButtonProps(useArchiveAction());
 			const { IconArchive } = useComponentContextIcons();
+			const behaviorProps = useQuickActionButtonProps(useArchiveAction());
 			return /* @__PURE__ */ jsx(Button, {
 				appearance: "ghost",
 				"aria-label": behaviorProps.title,
@@ -329,8 +329,8 @@ var defaultComponents = {
 			});
 		},
 		Mute() {
-			const behaviorProps = useQuickActionButtonProps(useMuteAction());
 			const { IconMute } = useComponentContextIcons();
+			const behaviorProps = useQuickActionButtonProps(useMuteAction());
 			return /* @__PURE__ */ jsx(Button, {
 				appearance: "ghost",
 				"aria-label": behaviorProps.title,
@@ -344,16 +344,16 @@ var defaultComponents = {
 		}
 	},
 	QuickDropdownToggle: forwardRef((_, ref) => {
+		const { IconMore } = useComponentContextIcons();
 		const { channel } = useChannelListItemContext();
 		const { t } = useTranslationContext();
-		const { IconMore } = useComponentContextIcons();
 		const dialogId = ChannelListItemActionButtons.getDialogId({ channelId: channel.id });
 		const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId });
 		const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);
 		return /* @__PURE__ */ jsx(Button, {
 			appearance: "ghost",
 			"aria-expanded": dialogIsOpen,
-			"aria-label": t("aria/Open Channel Actions Menu"),
+			"aria-label": t("channelListItem.openChannelActionsMenu.ariaLabel", "Open Channel Actions Menu"),
 			"aria-pressed": dialogIsOpen,
 			circular: true,
 			"data-testid": "channel-list-item-dropdown-toggle",

package/dist/es/components/ChannelListItem/ChannelListItemActionButtons.defaults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListItemActionButtons.defaults.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItemActionButtons.defaults.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  forwardRef,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  useChatContext,\n  useComponentContextIcons,\n  useTranslationContext,\n} from '../../context';\nimport { useChannelMembershipState, useChannelMembersState } from '../ChannelList';\nimport { useChannelListItemContext } from './ChannelListItem';\nimport { Button } from '../Button';\nimport { useIsChannelMuted } from './hooks/useIsChannelMuted';\nimport {\n  ContextMenuButton,\n  useContextMenuContext,\n  useDialogIsOpen,\n  useDialogOnNearestManager,\n} from '../Dialog';\nimport { useNotificationApi } from '../Notifications';\nimport { ChannelListItemActionButtons } from './ChannelListItemActionButtons';\n\ntype ChannelActionBehavior = {\n  /** Toggle state for actions that have one (mute/archive/pin); omit for one-shot actions (leave). */\n  'aria-pressed'?: boolean;\n  title: string;\n  toggle: () => Promise<void>;\n};\n\n// Core mute/unmute action — performs the API call and reports the result. No UI state: the placement\n// wrappers below own the busy/disabled affordance and the menu-close behavior.\nconst useMuteAction = (): ChannelActionBehavior => {\n  const { addNotification } = useNotificationApi();\n  const { channel } = useChannelListItemContext();\n  const { t } = useTranslationContext();\n  const { muted: isMuted } = useIsChannelMuted(channel);\n\n  const toggle = async () => {\n    try {\n      if (isMuted) {\n        await channel.unmute();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('Channel unmuted'),\n          severity: 'success',\n          type: 'api:channel:unmute:success',\n        });\n      } else {\n        await channel.mute();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('Channel muted'),\n          severity: 'success',\n          type: 'api:channel:mute:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t('Failed to update channel mute status'),\n        severity: 'error',\n        type: 'api:channel:mute:failed',\n      });\n    }\n  };\n\n  return { 'aria-pressed': isMuted, title: isMuted ? t('Unmute') : t('Mute'), toggle };\n};\n\n// Core archive/unarchive action — performs the API call and reports the result.\nconst useArchiveAction = (): ChannelActionBehavior => {\n  const { channel } = useChannelListItemContext();\n  const { addNotification } = useNotificationApi();\n  const membership = useChannelMembershipState(channel);\n  const { t } = useTranslationContext();\n\n  const toggle = async () => {\n    try {\n      if (membership.archived_at) {\n        await channel.unarchive();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('Channel unarchived'),\n          severity: 'success',\n          type: 'api:channel:unarchive:success',\n        });\n      } else {\n        await channel.archive();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('Channel archived'),\n          severity: 'success',\n          type: 'api:channel:archive:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t('Failed to update channel archive status'),\n        severity: 'error',\n        type: 'api:channel:archive:failed',\n      });\n    }\n  };\n\n  return {\n    'aria-pressed': typeof membership.archived_at === 'string',\n    title: membership.archived_at ? t('Unarchive') : t('Archive'),\n    toggle,\n  };\n};\n\n// Quick (hover/focus-revealed) action button. Marks itself busy with `aria-disabled`/`aria-busy` —\n// NOT the native `disabled` attribute, which would blur the button and collapse its hover-revealed\n// row, leaving it un-focusable. Keeps focus and guards against re-activation while in flight.\nconst useQuickActionButtonProps = ({\n  'aria-pressed': ariaPressed,\n  title,\n  toggle,\n}: ChannelActionBehavior) => {\n  // Ref latch flips synchronously in the handler so two clicks in the same tick (before the\n  // `setInProgress(true)` rerender commits) can't both call `toggle()` — the `aria-busy`/\n  // `aria-disabled` state only guards after the rerender, which is too late for non-idempotent\n  // actions (archive/leave/mute).\n  const inProgressRef = useRef(false);\n  const [inProgress, setInProgress] = useState(false);\n\n  return {\n    'aria-busy': inProgress || undefined,\n    'aria-disabled': inProgress || undefined,\n    'aria-pressed': ariaPressed,\n    onClick: async (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      if (inProgressRef.current) return; // busy: ignore re-activation while in flight\n      inProgressRef.current = true;\n      try {\n        setInProgress(true);\n        await toggle();\n      } finally {\n        inProgressRef.current = false;\n        setInProgress(false);\n      }\n    },\n    title,\n  } satisfies ComponentPropsWithoutRef<'button'>;\n};\n\n// Dropdown menu item. Standard menu behavior: activating closes the menu (which returns focus to the\n// toggle) and runs the action in the background, reporting via its notification — so the item needs\n// no busy/disabled state, it unmounts with the menu.\n//\n// The action is deferred to after the close commits, on the next animation frame. The open menu is an\n// aria-modal dialog with its OWN `AriaLiveOutlet` (the inert root outlet is ignored by assistive tech\n// while it is open); running the action synchronously can route its notification into that outlet\n// just as it is torn down — so the notification is never spoken. Deferring lets the menu (and its\n// outlet) unmount and focus return to the toggle first, so the notification lands in the root outlet,\n// in a calm window after the focus re-read.\nconst useDropdownActionButtonProps = ({\n  'aria-pressed': ariaPressed,\n  title,\n  toggle,\n}: ChannelActionBehavior) => {\n  const { closeMenu } = useContextMenuContext();\n\n  return {\n    'aria-pressed': ariaPressed,\n    onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      closeMenu();\n      requestAnimationFrame(() => void toggle());\n    },\n    title,\n  } satisfies ComponentPropsWithoutRef<'button'>;\n};\n\n// Core block/unblock action for the other member of a DM.\nconst useBanAction = (): ChannelActionBehavior => {\n  const { client } = useChatContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { channel } = useChannelListItemContext();\n  const members = useChannelMembersState(channel);\n  const isUserBanned = Object.values(members || {}).some(\n    (member) => member.user?.id !== client.userID && member.banned,\n  );\n\n  const toggle = async () => {\n    try {\n      const otherUserId = Object.keys(channel.state.members).find(\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        (userId) => userId !== client.userID!,\n      );\n      if (!otherUserId) return;\n      if (isUserBanned) {\n        await channel.unbanUser(otherUserId);\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('User unblocked'),\n          severity: 'success',\n          type: 'api:user:unban:success',\n        });\n      } else {\n        await channel.banUser(otherUserId, {});\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('User blocked'),\n          severity: 'success',\n          type: 'api:user:ban:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t('Failed to block user'),\n        severity: 'error',\n        type: 'api:user:ban:failed',\n      });\n    }\n  };\n\n  return {\n    'aria-pressed': isUserBanned,\n    title: isUserBanned ? t('Unblock User') : t('Block User'),\n    toggle,\n  };\n};\n\n// Core leave-channel action (one-shot — not a toggle).\nconst useLeaveAction = (): ChannelActionBehavior => {\n  const { t } = useTranslationContext();\n  const { channel } = useChannelListItemContext();\n  const { client } = useChatContext();\n  const { addNotification } = useNotificationApi();\n\n  const toggle = async () => {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      await channel.removeMembers([client.userID!]);\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        message: t('Left channel'),\n        severity: 'success',\n        type: 'api:channel:leave:success',\n      });\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t('Failed to leave channel'),\n        severity: 'error',\n        type: 'api:channel:leave:failed',\n      });\n    }\n  };\n\n  return { title: t('Leave Channel'), toggle };\n};\n\n// Core pin/unpin action.\nconst usePinAction = (): ChannelActionBehavior => {\n  const { t } = useTranslationContext();\n  const { addNotification } = useNotificationApi();\n  const { channel } = useChannelListItemContext();\n  const membership = useChannelMembershipState(channel);\n\n  const toggle = async () => {\n    try {\n      if (membership.pinned_at) {\n        await channel.unpin();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('Channel unpinned'),\n          severity: 'success',\n          type: 'api:channel:unpin:success',\n        });\n      } else {\n        await channel.pin();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('Channel pinned'),\n          severity: 'success',\n          type: 'api:channel:pin:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t('Failed to update channel pinned status'),\n        severity: 'error',\n        type: 'api:channel:pin:failed',\n      });\n    }\n  };\n\n  return {\n    'aria-pressed': !!membership.pinned_at,\n    title: membership.pinned_at ? t('Unpin') : t('Pin'),\n    toggle,\n  };\n};\n\ntype ChannelActionItem =\n  | (({ placement: 'quick' } | { placement: 'dropdown' }) & {\n      type: string;\n      Component: React.ComponentType;\n    })\n  | {\n      placement: 'quick-dropdown-toggle';\n      Component: React.ComponentType<ComponentPropsWithRef<'button'>>;\n    };\n\nconst defaultComponents = {\n  dropdown: {\n    Archive() {\n      const behaviorProps = useDropdownActionButtonProps(useArchiveAction());\n      const { IconArchive } = useComponentContextIcons();\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-archive'\n          Icon={IconArchive}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Ban() {\n      const behaviorProps = useDropdownActionButtonProps(useBanAction());\n      const { IconNoSign } = useComponentContextIcons();\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-ban'\n          Icon={IconNoSign}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Leave() {\n      const behaviorProps = useDropdownActionButtonProps(useLeaveAction());\n      const { IconLeave } = useComponentContextIcons();\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-leave'\n          Icon={IconLeave}\n          variant='destructive'\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Mute() {\n      const behaviorProps = useDropdownActionButtonProps(useMuteAction());\n      const { IconMute } = useComponentContextIcons();\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-mute'\n          Icon={IconMute}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Pin() {\n      const behaviorProps = useDropdownActionButtonProps(usePinAction());\n      const { IconPin } = useComponentContextIcons();\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-pin'\n          Icon={IconPin}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n  },\n  quick: {\n    Archive() {\n      const behaviorProps = useQuickActionButtonProps(useArchiveAction());\n      const { IconArchive } = useComponentContextIcons();\n\n      return (\n        <Button\n          appearance='ghost'\n          aria-label={behaviorProps.title}\n          circular\n          data-testid='quick-action-archive'\n          size='sm'\n          variant='secondary'\n          {...behaviorProps}\n        >\n          <IconArchive />\n        </Button>\n      );\n    },\n    Mute() {\n      const behaviorProps = useQuickActionButtonProps(useMuteAction());\n      const { IconMute } = useComponentContextIcons();\n\n      return (\n        <Button\n          appearance='ghost'\n          aria-label={behaviorProps.title}\n          circular\n          data-testid='quick-action-mute'\n          size='sm'\n          variant='secondary'\n          {...behaviorProps}\n        >\n          <IconMute />\n        </Button>\n      );\n    },\n  },\n  QuickDropdownToggle: forwardRef<HTMLButtonElement>((_, ref) => {\n    const { channel } = useChannelListItemContext();\n    const { t } = useTranslationContext();\n    const { IconMore } = useComponentContextIcons();\n\n    const dialogId = ChannelListItemActionButtons.getDialogId({\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      channelId: channel.id!,\n    });\n    const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId });\n    const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);\n\n    return (\n      <Button\n        appearance='ghost'\n        aria-expanded={dialogIsOpen}\n        aria-label={t('aria/Open Channel Actions Menu')}\n        aria-pressed={dialogIsOpen}\n        circular\n        data-testid='channel-list-item-dropdown-toggle'\n        onClick={(e) => {\n          e.stopPropagation();\n\n          dialog.toggle();\n        }}\n        ref={ref}\n        size='sm'\n        variant='secondary'\n      >\n        <IconMore />\n      </Button>\n    );\n  }),\n};\n\ndefaultComponents.QuickDropdownToggle.displayName = 'QuickDropdownToggle';\n\nexport const defaultChannelActionSet: ChannelActionItem[] = [\n  {\n    Component: defaultComponents.QuickDropdownToggle,\n    placement: 'quick-dropdown-toggle',\n  },\n  {\n    Component: defaultComponents.quick.Mute,\n    placement: 'quick',\n    type: 'mute',\n  },\n  {\n    Component: defaultComponents.dropdown.Archive,\n    placement: 'dropdown',\n    type: 'archive',\n  },\n  {\n    Component: defaultComponents.dropdown.Ban,\n    placement: 'dropdown',\n    type: 'ban',\n  },\n  {\n    Component: defaultComponents.dropdown.Pin,\n    placement: 'dropdown',\n    type: 'pin',\n  },\n  {\n    Component: defaultComponents.dropdown.Leave,\n    placement: 'dropdown',\n    type: 'leave',\n  },\n];\n\nexport const useBaseChannelActionSetFilter = (channelActionSet: ChannelActionItem[]) => {\n  const { channel } = useChannelListItemContext();\n  const membership = useChannelMembershipState(channel);\n  const memberCount = channel.data?.member_count ?? 0;\n  const connectedUserIsMember = typeof membership.user !== 'undefined';\n  const isDirectMessageChannel = connectedUserIsMember && memberCount === 2;\n\n  const ownCapabilities = channel.data?.own_capabilities;\n\n  return useMemo(() => {\n    const filtered = channelActionSet.filter((action) => {\n      if (action.placement === 'quick-dropdown-toggle') return true;\n\n      switch (action.type) {\n        case 'archive':\n          return connectedUserIsMember;\n        case 'mute':\n          return ownCapabilities?.includes('mute-channel');\n        case 'ban':\n          return (\n            isDirectMessageChannel && ownCapabilities?.includes('ban-channel-members')\n          );\n        case 'leave':\n          return ownCapabilities?.includes('leave-channel');\n        case 'pin':\n          return connectedUserIsMember;\n        default:\n          return true;\n      }\n    });\n\n    return filtered;\n  }, [channelActionSet, connectedUserIsMember, ownCapabilities, isDirectMessageChannel]);\n};\n"],"mappings":"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"}
+{"version":3,"file":"ChannelListItemActionButtons.defaults.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItemActionButtons.defaults.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  forwardRef,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  useChatContext,\n  useComponentContextIcons,\n  useTranslationContext,\n} from '../../context';\nimport { useChannelMembershipState, useChannelMembersState } from '../ChannelList';\nimport { useChannelListItemContext } from './ChannelListItem';\nimport { Button } from '../Button';\nimport { useIsChannelMuted } from './hooks/useIsChannelMuted';\nimport {\n  ContextMenuButton,\n  useContextMenuContext,\n  useDialogIsOpen,\n  useDialogOnNearestManager,\n} from '../Dialog';\nimport { useNotificationApi } from '../Notifications';\nimport { ChannelListItemActionButtons } from './ChannelListItemActionButtons';\n\ntype ChannelActionBehavior = {\n  /** Toggle state for actions that have one (mute/archive/pin); omit for one-shot actions (leave). */\n  'aria-pressed'?: boolean;\n  title: string;\n  toggle: () => Promise<void>;\n};\n\n// Core mute/unmute action — performs the API call and reports the result. No UI state: the placement\n// wrappers below own the busy/disabled affordance and the menu-close behavior.\nconst useMuteAction = (): ChannelActionBehavior => {\n  const { addNotification } = useNotificationApi();\n  const { channel } = useChannelListItemContext();\n  const { t } = useTranslationContext();\n  const { muted: isMuted } = useIsChannelMuted(channel);\n\n  const toggle = async () => {\n    try {\n      if (isMuted) {\n        await channel.unmute();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('common.channelUnmuted.text', 'Channel unmuted'),\n          severity: 'success',\n          type: 'api:channel:unmute:success',\n        });\n      } else {\n        await channel.mute();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('common.channelMuted.text', 'Channel muted'),\n          severity: 'success',\n          type: 'api:channel:mute:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t(\n          'channelListItem.failedUpdateChannelMute.text',\n          'Failed to update channel mute status',\n        ),\n        severity: 'error',\n        type: 'api:channel:mute:failed',\n      });\n    }\n  };\n\n  return {\n    'aria-pressed': isMuted,\n    title: isMuted ? t('common.unmute.title', 'Unmute') : t('common.mute.title', 'Mute'),\n    toggle,\n  };\n};\n\n// Core archive/unarchive action — performs the API call and reports the result.\nconst useArchiveAction = (): ChannelActionBehavior => {\n  const { channel } = useChannelListItemContext();\n  const { addNotification } = useNotificationApi();\n  const membership = useChannelMembershipState(channel);\n  const { t } = useTranslationContext();\n\n  const toggle = async () => {\n    try {\n      if (membership.archived_at != null) {\n        await channel.unarchive();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('channelListItem.channelUnarchived.text', 'Channel unarchived'),\n          severity: 'success',\n          type: 'api:channel:unarchive:success',\n        });\n      } else {\n        await channel.archive();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('channelListItem.channelArchived.text', 'Channel archived'),\n          severity: 'success',\n          type: 'api:channel:archive:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t(\n          'channelListItem.failedUpdateChannelArchive.text',\n          'Failed to update channel archive status',\n        ),\n        severity: 'error',\n        type: 'api:channel:archive:failed',\n      });\n    }\n  };\n\n  return {\n    'aria-pressed': membership.archived_at != null,\n    title:\n      membership.archived_at != null\n        ? t('channelListItem.unarchive.title', 'Unarchive')\n        : t('channelListItem.archive.title', 'Archive'),\n    toggle,\n  };\n};\n\n// Quick (hover/focus-revealed) action button. Marks itself busy with `aria-disabled`/`aria-busy` —\n// NOT the native `disabled` attribute, which would blur the button and collapse its hover-revealed\n// row, leaving it un-focusable. Keeps focus and guards against re-activation while in flight.\nconst useQuickActionButtonProps = ({\n  'aria-pressed': ariaPressed,\n  title,\n  toggle,\n}: ChannelActionBehavior) => {\n  // Ref latch flips synchronously in the handler so two clicks in the same tick (before the\n  // `setInProgress(true)` rerender commits) can't both call `toggle()` — the `aria-busy`/\n  // `aria-disabled` state only guards after the rerender, which is too late for non-idempotent\n  // actions (archive/leave/mute).\n  const inProgressRef = useRef(false);\n  const [inProgress, setInProgress] = useState(false);\n\n  return {\n    'aria-busy': inProgress || undefined,\n    'aria-disabled': inProgress || undefined,\n    'aria-pressed': ariaPressed,\n    onClick: async (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      if (inProgressRef.current) return; // busy: ignore re-activation while in flight\n      inProgressRef.current = true;\n      try {\n        setInProgress(true);\n        await toggle();\n      } finally {\n        inProgressRef.current = false;\n        setInProgress(false);\n      }\n    },\n    title,\n  } satisfies ComponentPropsWithoutRef<'button'>;\n};\n\n// Dropdown menu item. Standard menu behavior: activating closes the menu (which returns focus to the\n// toggle) and runs the action in the background, reporting via its notification — so the item needs\n// no busy/disabled state, it unmounts with the menu.\n//\n// The action is deferred to after the close commits, on the next animation frame. The open menu is an\n// aria-modal dialog with its OWN `AriaLiveOutlet` (the inert root outlet is ignored by assistive tech\n// while it is open); running the action synchronously can route its notification into that outlet\n// just as it is torn down — so the notification is never spoken. Deferring lets the menu (and its\n// outlet) unmount and focus return to the toggle first, so the notification lands in the root outlet,\n// in a calm window after the focus re-read.\nconst useDropdownActionButtonProps = ({\n  'aria-pressed': ariaPressed,\n  title,\n  toggle,\n}: ChannelActionBehavior) => {\n  const { closeMenu } = useContextMenuContext();\n\n  return {\n    'aria-pressed': ariaPressed,\n    onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      closeMenu();\n      requestAnimationFrame(() => void toggle());\n    },\n    title,\n  } satisfies ComponentPropsWithoutRef<'button'>;\n};\n\n// Core block/unblock action for the other member of a DM.\nconst useBanAction = (): ChannelActionBehavior => {\n  const { client } = useChatContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { channel } = useChannelListItemContext();\n  const members = useChannelMembersState(channel);\n  const isUserBanned = Object.values(members || {}).some(\n    (member) => member.user?.id !== client.userID && member.banned,\n  );\n\n  const toggle = async () => {\n    try {\n      const otherUserId = Object.keys(channel.state.members).find(\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        (userId) => userId !== client.userID!,\n      );\n      if (!otherUserId) return;\n      if (isUserBanned) {\n        await channel.unbanUser(otherUserId);\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('common.userUnblocked.text', 'User unblocked'),\n          severity: 'success',\n          type: 'api:user:unban:success',\n        });\n      } else {\n        await channel.banUser(otherUserId, {});\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('common.userBlocked.text', 'User blocked'),\n          severity: 'success',\n          type: 'api:user:ban:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t('channelListItem.failedBlockUser.text', 'Failed to block user'),\n        severity: 'error',\n        type: 'api:user:ban:failed',\n      });\n    }\n  };\n\n  return {\n    'aria-pressed': isUserBanned,\n    title: isUserBanned\n      ? t('channelListItem.unblockUser.title', 'Unblock User')\n      : t('common.blockUser.title', 'Block User'),\n    toggle,\n  };\n};\n\n// Core leave-channel action (one-shot — not a toggle).\nconst useLeaveAction = (): ChannelActionBehavior => {\n  const { t } = useTranslationContext();\n  const { channel } = useChannelListItemContext();\n  const { client } = useChatContext();\n  const { addNotification } = useNotificationApi();\n\n  const toggle = async () => {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      await channel.removeMembers([client.userID!]);\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        message: t('common.leftChannel.text', 'Left channel'),\n        severity: 'success',\n        type: 'api:channel:leave:success',\n      });\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t('common.failedLeaveChannel.text', 'Failed to leave channel'),\n        severity: 'error',\n        type: 'api:channel:leave:failed',\n      });\n    }\n  };\n\n  return { title: t('channelListItem.leaveChannel.title', 'Leave Channel'), toggle };\n};\n\n// Core pin/unpin action.\nconst usePinAction = (): ChannelActionBehavior => {\n  const { t } = useTranslationContext();\n  const { addNotification } = useNotificationApi();\n  const { channel } = useChannelListItemContext();\n  const membership = useChannelMembershipState(channel);\n\n  const toggle = async () => {\n    try {\n      if (membership.pinned_at != null) {\n        await channel.unpin();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('channelListItem.channelUnpinned.text', 'Channel unpinned'),\n          severity: 'success',\n          type: 'api:channel:unpin:success',\n        });\n      } else {\n        await channel.pin();\n        addNotification({\n          context: { channel },\n          emitter: ChannelListItemActionButtons.name,\n          message: t('channelListItem.channelPinned.text', 'Channel pinned'),\n          severity: 'success',\n          type: 'api:channel:pin:success',\n        });\n      }\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: ChannelListItemActionButtons.name,\n        error: error instanceof Error ? error : new Error('An unknown error occurred'),\n        message: t(\n          'channelListItem.failedUpdateChannelPinned.text',\n          'Failed to update channel pinned status',\n        ),\n        severity: 'error',\n        type: 'api:channel:pin:failed',\n      });\n    }\n  };\n\n  return {\n    'aria-pressed': membership.pinned_at != null,\n    title:\n      membership.pinned_at != null\n        ? t('common.unpin.title', 'Unpin')\n        : t('common.pin.title', 'Pin'),\n    toggle,\n  };\n};\n\ntype ChannelActionItem =\n  | (({ placement: 'quick' } | { placement: 'dropdown' }) & {\n      type: string;\n      Component: React.ComponentType;\n    })\n  | {\n      placement: 'quick-dropdown-toggle';\n      Component: React.ComponentType<ComponentPropsWithRef<'button'>>;\n    };\n\nconst defaultComponents = {\n  dropdown: {\n    Archive() {\n      const { IconArchive } = useComponentContextIcons();\n      const behaviorProps = useDropdownActionButtonProps(useArchiveAction());\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-archive'\n          Icon={IconArchive}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Ban() {\n      const { IconNoSign } = useComponentContextIcons();\n      const behaviorProps = useDropdownActionButtonProps(useBanAction());\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-ban'\n          Icon={IconNoSign}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Leave() {\n      const { IconLeave } = useComponentContextIcons();\n      const behaviorProps = useDropdownActionButtonProps(useLeaveAction());\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-leave'\n          Icon={IconLeave}\n          variant='destructive'\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Mute() {\n      const { IconMute } = useComponentContextIcons();\n      const behaviorProps = useDropdownActionButtonProps(useMuteAction());\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-mute'\n          Icon={IconMute}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n    Pin() {\n      const { IconPin } = useComponentContextIcons();\n      const behaviorProps = useDropdownActionButtonProps(usePinAction());\n\n      return (\n        <ContextMenuButton\n          aria-label={behaviorProps.title}\n          data-testid='dropdown-action-pin'\n          Icon={IconPin}\n          {...behaviorProps}\n        >\n          {behaviorProps.title}\n        </ContextMenuButton>\n      );\n    },\n  },\n  quick: {\n    Archive() {\n      const { IconArchive } = useComponentContextIcons();\n      const behaviorProps = useQuickActionButtonProps(useArchiveAction());\n\n      return (\n        <Button\n          appearance='ghost'\n          aria-label={behaviorProps.title}\n          circular\n          data-testid='quick-action-archive'\n          size='sm'\n          variant='secondary'\n          {...behaviorProps}\n        >\n          <IconArchive />\n        </Button>\n      );\n    },\n    Mute() {\n      const { IconMute } = useComponentContextIcons();\n      const behaviorProps = useQuickActionButtonProps(useMuteAction());\n\n      return (\n        <Button\n          appearance='ghost'\n          aria-label={behaviorProps.title}\n          circular\n          data-testid='quick-action-mute'\n          size='sm'\n          variant='secondary'\n          {...behaviorProps}\n        >\n          <IconMute />\n        </Button>\n      );\n    },\n  },\n  QuickDropdownToggle: forwardRef<HTMLButtonElement>((_, ref) => {\n    const { IconMore } = useComponentContextIcons();\n    const { channel } = useChannelListItemContext();\n    const { t } = useTranslationContext();\n\n    const dialogId = ChannelListItemActionButtons.getDialogId({\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      channelId: channel.id!,\n    });\n    const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId });\n    const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);\n\n    return (\n      <Button\n        appearance='ghost'\n        aria-expanded={dialogIsOpen}\n        aria-label={t(\n          'channelListItem.openChannelActionsMenu.ariaLabel',\n          'Open Channel Actions Menu',\n        )}\n        aria-pressed={dialogIsOpen}\n        circular\n        data-testid='channel-list-item-dropdown-toggle'\n        onClick={(e) => {\n          e.stopPropagation();\n\n          dialog.toggle();\n        }}\n        ref={ref}\n        size='sm'\n        variant='secondary'\n      >\n        <IconMore />\n      </Button>\n    );\n  }),\n};\n\ndefaultComponents.QuickDropdownToggle.displayName = 'QuickDropdownToggle';\n\nexport const defaultChannelActionSet: ChannelActionItem[] = [\n  {\n    Component: defaultComponents.QuickDropdownToggle,\n    placement: 'quick-dropdown-toggle',\n  },\n  {\n    Component: defaultComponents.quick.Mute,\n    placement: 'quick',\n    type: 'mute',\n  },\n  {\n    Component: defaultComponents.dropdown.Archive,\n    placement: 'dropdown',\n    type: 'archive',\n  },\n  {\n    Component: defaultComponents.dropdown.Ban,\n    placement: 'dropdown',\n    type: 'ban',\n  },\n  {\n    Component: defaultComponents.dropdown.Pin,\n    placement: 'dropdown',\n    type: 'pin',\n  },\n  {\n    Component: defaultComponents.dropdown.Leave,\n    placement: 'dropdown',\n    type: 'leave',\n  },\n];\n\nexport const useBaseChannelActionSetFilter = (channelActionSet: ChannelActionItem[]) => {\n  const { channel } = useChannelListItemContext();\n  const membership = useChannelMembershipState(channel);\n  const memberCount = channel.data?.member_count ?? 0;\n  const connectedUserIsMember = typeof membership.user !== 'undefined';\n  const isDirectMessageChannel = connectedUserIsMember && memberCount === 2;\n\n  const ownCapabilities = channel.data?.own_capabilities;\n\n  return useMemo(() => {\n    const filtered = channelActionSet.filter((action) => {\n      if (action.placement === 'quick-dropdown-toggle') return true;\n\n      switch (action.type) {\n        case 'archive':\n          return connectedUserIsMember;\n        case 'mute':\n          return ownCapabilities?.includes('mute-channel');\n        case 'ban':\n          return (\n            isDirectMessageChannel && ownCapabilities?.includes('ban-channel-members')\n          );\n        case 'leave':\n          return ownCapabilities?.includes('leave-channel');\n        case 'pin':\n          return connectedUserIsMember;\n        default:\n          return true;\n      }\n    });\n\n    return filtered;\n  }, [channelActionSet, connectedUserIsMember, ownCapabilities, isDirectMessageChannel]);\n};\n"],"mappings":"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"}

package/dist/es/components/ChannelListItem/ChannelListItemActionButtons.mjs

@@ -2,8 +2,8 @@ import { useComponentContext } from "../../context/ComponentContext.mjs";
 import { useDialogIsOpen, useDialogOnNearestManager } from "../Dialog/hooks/useDialog.mjs";
 import { useTranslationContext } from "../../context/TranslationContext.mjs";
 import { ContextMenu } from "../Dialog/components/ContextMenu.mjs";
-import { useSplitActionSet } from "../Chat/hooks/useSplitActionSet.mjs";
 import { defaultChannelActionSet, useBaseChannelActionSetFilter } from "./ChannelListItemActionButtons.defaults.mjs";
+import { useSplitActionSet } from "../Chat/hooks/useSplitActionSet.mjs";
 import { useChannelListItemContext } from "./ChannelListItem.mjs";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -44,7 +44,7 @@ var ChannelListItemActionButtons = () => {
 			quickDropdownToggleAction && dropdownActionSet.length > 0 && /* @__PURE__ */ jsx(quickDropdownToggleAction.Component, { ref: setReferenceElement }),
 			quickActionSet.map(({ Component, type }) => /* @__PURE__ */ jsx(Component, {}, type)),
 			/* @__PURE__ */ jsx(ContextMenuComponent, {
-				"aria-label": t("aria/Channel Actions"),
+				"aria-label": t("channelListItem.channelActions.ariaLabel", "Channel Actions"),
 				className: "str-chat__channel-list-item__action-buttons-context-menu",
 				"data-testid": "channel-list-item-context-menu",
 				dialogManagerId: dialogManager?.id,

package/dist/es/components/ChannelListItem/ChannelListItemActionButtons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListItemActionButtons.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItemActionButtons.tsx"],"sourcesContent":["import React, { type ComponentProps, type ComponentType, type ReactNode } from 'react';\n\nimport clsx from 'clsx';\nimport { ContextMenu, useDialogIsOpen, useDialogOnNearestManager } from '../Dialog';\nimport { useComponentContext, useTranslationContext } from '../../context';\nimport {\n  defaultChannelActionSet,\n  useBaseChannelActionSetFilter,\n} from './ChannelListItemActionButtons.defaults';\nimport { useSplitActionSet } from '../Chat/hooks/useSplitActionSet';\nimport { useChannelListItemContext } from './ChannelListItem';\n\nexport type ChannelListItemActionButtonsProps = ComponentProps<ComponentType>; // hack to allow empty props\n\ninterface ChannelListItemActionButtonsInterface {\n  (props: ChannelListItemActionButtonsProps): ReactNode;\n  getDialogId: (_: { channelId: string }) => string;\n  displayName: string;\n}\n\nexport const ChannelListItemActionButtons: ChannelListItemActionButtonsInterface = () => {\n  const { ContextMenu: ContextMenuComponent = ContextMenu } = useComponentContext();\n  const { t } = useTranslationContext();\n  const { channel } = useChannelListItemContext();\n  const [referenceElement, setReferenceElement] =\n    React.useState<HTMLButtonElement | null>(null);\n  const [isRestoringFocus, setIsRestoringFocus] = React.useState(false);\n  const dialogId = ChannelListItemActionButtons.getDialogId({\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    channelId: channel.id!,\n  });\n  const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId });\n  const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);\n\n  const closeContextMenu = React.useCallback(() => {\n    setIsRestoringFocus(true);\n    dialog?.close();\n\n    requestAnimationFrame(() => {\n      if (!referenceElement?.isConnected) {\n        setIsRestoringFocus(false);\n        return;\n      }\n\n      referenceElement.focus();\n\n      requestAnimationFrame(() => {\n        if (document.activeElement !== referenceElement) {\n          setIsRestoringFocus(false);\n        }\n      });\n    });\n  }, [dialog, referenceElement]);\n\n  const filteredActionSet = useBaseChannelActionSetFilter(defaultChannelActionSet);\n  const { dropdownActionSet, quickActionSet, quickDropdownToggleAction } =\n    useSplitActionSet(filteredActionSet);\n\n  if (quickActionSet.length + dropdownActionSet.length === 0) {\n    // no buttons to render, omit rendering wrapper\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx('str-chat__channel-list-item__action-buttons', {\n        'str-chat__channel-list-item__action-buttons--active':\n          dialogIsOpen || isRestoringFocus,\n      })}\n      data-testid='channel-list-item-action-buttons'\n      onFocusCapture={() => {\n        setIsRestoringFocus(false);\n      }}\n    >\n      {quickDropdownToggleAction && dropdownActionSet.length > 0 && (\n        <quickDropdownToggleAction.Component ref={setReferenceElement} />\n      )}\n      {quickActionSet.map(({ Component, type }) => (\n        <Component key={type} />\n      ))}\n      <ContextMenuComponent\n        aria-label={t('aria/Channel Actions')}\n        className='str-chat__channel-list-item__action-buttons-context-menu'\n        data-testid='channel-list-item-context-menu'\n        dialogManagerId={dialogManager?.id}\n        id={dialog.id}\n        onClose={closeContextMenu}\n        placement='bottom-start'\n        referenceElement={referenceElement}\n        tabIndex={-1}\n        trapFocus\n      >\n        {dropdownActionSet.map(({ Component, type }) => (\n          <Component key={type} />\n        ))}\n      </ContextMenuComponent>\n    </div>\n  );\n};\n\nChannelListItemActionButtons.getDialogId = ({ channelId }) =>\n  `channel-action-buttons-${channelId}`;\n\nChannelListItemActionButtons.displayName = 'ChannelListItemActionButtons';\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,qCAA4E;CACvF,MAAM,EAAE,aAAa,uBAAuB,gBAAgB,oBAAoB;CAChF,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,YAAY,0BAA0B;CAC9C,MAAM,CAAC,kBAAkB,uBACvB,MAAM,SAAmC,IAAI;CAC/C,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAS,KAAK;CACpE,MAAM,WAAW,6BAA6B,YAAY,EAExD,WAAW,QAAQ,GACrB,CAAC;CACD,MAAM,EAAE,QAAQ,kBAAkB,0BAA0B,EAAE,IAAI,SAAS,CAAC;CAC5E,MAAM,eAAe,gBAAgB,UAAU,eAAe,EAAE;CAEhE,MAAM,mBAAmB,MAAM,kBAAkB;EAC/C,oBAAoB,IAAI;EACxB,QAAQ,MAAM;EAEd,4BAA4B;GAC1B,IAAI,CAAC,kBAAkB,aAAa;IAClC,oBAAoB,KAAK;IACzB;GACF;GAEA,iBAAiB,MAAM;GAEvB,4BAA4B;IAC1B,IAAI,SAAS,kBAAkB,kBAC7B,oBAAoB,KAAK;GAE7B,CAAC;EACH,CAAC;CACH,GAAG,CAAC,QAAQ,gBAAgB,CAAC;CAG7B,MAAM,EAAE,mBAAmB,gBAAgB,8BACzC,kBAFwB,8BAA8B,uBAEpC,CAAiB;CAErC,IAAI,eAAe,SAAS,kBAAkB,WAAW,GAEvD,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,+CAA+C,EAC7D,uDACE,gBAAgB,iBACpB,CAAC;EACD,eAAY;EACZ,sBAAsB;GACpB,oBAAoB,KAAK;EAC3B;YARF;GAUG,6BAA6B,kBAAkB,SAAS,KACvD,oBAAC,0BAA0B,WAA3B,EAAqC,KAAK,oBAAsB,CAAA;GAEjE,eAAe,KAAK,EAAE,WAAW,WAChC,oBAAC,WAAD,CAAuB,GAAP,IAAO,CACxB;GACD,oBAAC,sBAAD;IACE,cAAY,EAAE,sBAAsB;IACpC,WAAU;IACV,eAAY;IACZ,iBAAiB,eAAe;IAChC,IAAI,OAAO;IACX,SAAS;IACT,WAAU;IACQ;IAClB,UAAU;IACV,WAAA;cAEC,kBAAkB,KAAK,EAAE,WAAW,WACnC,oBAAC,WAAD,CAAuB,GAAP,IAAO,CACxB;GACmB,CAAA;EACnB;;AAET;AAEA,6BAA6B,eAAe,EAAE,gBAC5C,0BAA0B;AAE5B,6BAA6B,cAAc"}
+{"version":3,"file":"ChannelListItemActionButtons.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItemActionButtons.tsx"],"sourcesContent":["import React, { type ComponentProps, type ComponentType, type ReactNode } from 'react';\n\nimport clsx from 'clsx';\nimport { ContextMenu, useDialogIsOpen, useDialogOnNearestManager } from '../Dialog';\nimport { useComponentContext, useTranslationContext } from '../../context';\nimport {\n  defaultChannelActionSet,\n  useBaseChannelActionSetFilter,\n} from './ChannelListItemActionButtons.defaults';\nimport { useSplitActionSet } from '../Chat/hooks/useSplitActionSet';\nimport { useChannelListItemContext } from './ChannelListItem';\n\nexport type ChannelListItemActionButtonsProps = ComponentProps<ComponentType>; // hack to allow empty props\n\ninterface ChannelListItemActionButtonsInterface {\n  (props: ChannelListItemActionButtonsProps): ReactNode;\n  getDialogId: (_: { channelId: string }) => string;\n  displayName: string;\n}\n\nexport const ChannelListItemActionButtons: ChannelListItemActionButtonsInterface = () => {\n  const { ContextMenu: ContextMenuComponent = ContextMenu } = useComponentContext();\n  const { t } = useTranslationContext();\n  const { channel } = useChannelListItemContext();\n  const [referenceElement, setReferenceElement] =\n    React.useState<HTMLButtonElement | null>(null);\n  const [isRestoringFocus, setIsRestoringFocus] = React.useState(false);\n  const dialogId = ChannelListItemActionButtons.getDialogId({\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    channelId: channel.id!,\n  });\n  const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId });\n  const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager?.id);\n\n  const closeContextMenu = React.useCallback(() => {\n    setIsRestoringFocus(true);\n    dialog?.close();\n\n    requestAnimationFrame(() => {\n      if (!referenceElement?.isConnected) {\n        setIsRestoringFocus(false);\n        return;\n      }\n\n      referenceElement.focus();\n\n      requestAnimationFrame(() => {\n        if (document.activeElement !== referenceElement) {\n          setIsRestoringFocus(false);\n        }\n      });\n    });\n  }, [dialog, referenceElement]);\n\n  const filteredActionSet = useBaseChannelActionSetFilter(defaultChannelActionSet);\n  const { dropdownActionSet, quickActionSet, quickDropdownToggleAction } =\n    useSplitActionSet(filteredActionSet);\n\n  if (quickActionSet.length + dropdownActionSet.length === 0) {\n    // no buttons to render, omit rendering wrapper\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx('str-chat__channel-list-item__action-buttons', {\n        'str-chat__channel-list-item__action-buttons--active':\n          dialogIsOpen || isRestoringFocus,\n      })}\n      data-testid='channel-list-item-action-buttons'\n      onFocusCapture={() => {\n        setIsRestoringFocus(false);\n      }}\n    >\n      {quickDropdownToggleAction && dropdownActionSet.length > 0 && (\n        <quickDropdownToggleAction.Component ref={setReferenceElement} />\n      )}\n      {quickActionSet.map(({ Component, type }) => (\n        <Component key={type} />\n      ))}\n      <ContextMenuComponent\n        aria-label={t('channelListItem.channelActions.ariaLabel', 'Channel Actions')}\n        className='str-chat__channel-list-item__action-buttons-context-menu'\n        data-testid='channel-list-item-context-menu'\n        dialogManagerId={dialogManager?.id}\n        id={dialog.id}\n        onClose={closeContextMenu}\n        placement='bottom-start'\n        referenceElement={referenceElement}\n        tabIndex={-1}\n        trapFocus\n      >\n        {dropdownActionSet.map(({ Component, type }) => (\n          <Component key={type} />\n        ))}\n      </ContextMenuComponent>\n    </div>\n  );\n};\n\nChannelListItemActionButtons.getDialogId = ({ channelId }) =>\n  `channel-action-buttons-${channelId}`;\n\nChannelListItemActionButtons.displayName = 'ChannelListItemActionButtons';\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,qCAA4E;CACvF,MAAM,EAAE,aAAa,uBAAuB,gBAAgB,oBAAoB;CAChF,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,YAAY,0BAA0B;CAC9C,MAAM,CAAC,kBAAkB,uBACvB,MAAM,SAAmC,IAAI;CAC/C,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAS,KAAK;CACpE,MAAM,WAAW,6BAA6B,YAAY,EAExD,WAAW,QAAQ,GACrB,CAAC;CACD,MAAM,EAAE,QAAQ,kBAAkB,0BAA0B,EAAE,IAAI,SAAS,CAAC;CAC5E,MAAM,eAAe,gBAAgB,UAAU,eAAe,EAAE;CAEhE,MAAM,mBAAmB,MAAM,kBAAkB;EAC/C,oBAAoB,IAAI;EACxB,QAAQ,MAAM;EAEd,4BAA4B;GAC1B,IAAI,CAAC,kBAAkB,aAAa;IAClC,oBAAoB,KAAK;IACzB;GACF;GAEA,iBAAiB,MAAM;GAEvB,4BAA4B;IAC1B,IAAI,SAAS,kBAAkB,kBAC7B,oBAAoB,KAAK;GAE7B,CAAC;EACH,CAAC;CACH,GAAG,CAAC,QAAQ,gBAAgB,CAAC;CAG7B,MAAM,EAAE,mBAAmB,gBAAgB,8BACzC,kBAFwB,8BAA8B,uBAEpC,CAAiB;CAErC,IAAI,eAAe,SAAS,kBAAkB,WAAW,GAEvD,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,+CAA+C,EAC7D,uDACE,gBAAgB,iBACpB,CAAC;EACD,eAAY;EACZ,sBAAsB;GACpB,oBAAoB,KAAK;EAC3B;YARF;GAUG,6BAA6B,kBAAkB,SAAS,KACvD,oBAAC,0BAA0B,WAA3B,EAAqC,KAAK,oBAAsB,CAAA;GAEjE,eAAe,KAAK,EAAE,WAAW,WAChC,oBAAC,WAAD,CAAuB,GAAP,IAAO,CACxB;GACD,oBAAC,sBAAD;IACE,cAAY,EAAE,4CAA4C,iBAAiB;IAC3E,WAAU;IACV,eAAY;IACZ,iBAAiB,eAAe;IAChC,IAAI,OAAO;IACX,SAAS;IACT,WAAU;IACQ;IAClB,UAAU;IACV,WAAA;cAEC,kBAAkB,KAAK,EAAE,WAAW,WACnC,oBAAC,WAAD,CAAuB,GAAP,IAAO,CACxB;GACmB,CAAA;EACnB;;AAET;AAEA,6BAA6B,eAAe,EAAE,gBAC5C,0BAA0B;AAE5B,6BAA6B,cAAc"}

package/dist/es/components/ChannelListItem/ChannelListItemTimestamp.mjs

@@ -1,17 +1,18 @@
-import { getDateString, isDate } from "../../i18n/utils.mjs";
+import { getDateString } from "../../i18n/utils.mjs";
 import { useTranslationContext } from "../../context/TranslationContext.mjs";
 import { useMemo } from "react";
+import { convertTimestampToDate } from "stream-chat";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ChannelListItem/ChannelListItemTimestamp.tsx
-function ChannelListItemTimestamp({ lastMessage }) {
-	const { t, tDateTimeParser } = useTranslationContext("ChannelListItemTimestamp");
-	const timestamp = lastMessage?.created_at;
-	const normalizedTimestamp = timestamp && isDate(timestamp) ? timestamp.toISOString() : void 0;
+function ChannelListItemTimestamp({ previewedMessage }) {
+	const { t, tDateTimeParser } = useTranslationContext();
+	const timestamp = previewedMessage?.created_at;
+	const normalizedTimestamp = timestamp != null ? convertTimestampToDate(timestamp)?.toISOString() : void 0;
 	const when = useMemo(() => getDateString({
 		messageCreatedAt: normalizedTimestamp,
 		t,
 		tDateTimeParser,
-		timestampTranslationKey: "timestamp/ChannelPreviewTimestamp"
+		timestampTranslationKey: "timestamp.ChannelPreviewTimestamp"
 	}), [
 		normalizedTimestamp,
 		t,

package/dist/es/components/ChannelListItem/ChannelListItemTimestamp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListItemTimestamp.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItemTimestamp.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { LocalMessage } from 'stream-chat';\n\nimport { useTranslationContext } from '../../context/TranslationContext';\nimport { getDateString, isDate } from '../../i18n/utils';\n\nexport type ChannelListItemTimestampProps = {\n  /** The last message in the channel, used to extract the timestamp */\n  lastMessage?: LocalMessage;\n};\n\nexport function ChannelListItemTimestamp({ lastMessage }: ChannelListItemTimestampProps) {\n  const { t, tDateTimeParser } = useTranslationContext('ChannelListItemTimestamp');\n\n  const timestamp = lastMessage?.created_at;\n  const normalizedTimestamp =\n    timestamp && isDate(timestamp) ? timestamp.toISOString() : undefined;\n\n  const when = useMemo(\n    () =>\n      getDateString({\n        messageCreatedAt: normalizedTimestamp,\n        t,\n        tDateTimeParser,\n        timestampTranslationKey: 'timestamp/ChannelPreviewTimestamp',\n      }),\n    [normalizedTimestamp, t, tDateTimeParser],\n  );\n\n  if (!when) return null;\n\n  return (\n    <time\n      className='str-chat__channel-list-item-timestamp'\n      dateTime={normalizedTimestamp}\n    >\n      {when}\n    </time>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgB,yBAAyB,EAAE,eAA8C;CACvF,MAAM,EAAE,GAAG,oBAAoB,sBAAsB,0BAA0B;CAE/E,MAAM,YAAY,aAAa;CAC/B,MAAM,sBACJ,aAAa,OAAO,SAAS,IAAI,UAAU,YAAY,IAAI,KAAA;CAE7D,MAAM,OAAO,cAET,cAAc;EACZ,kBAAkB;EAClB;EACA;EACA,yBAAyB;CAC3B,CAAC,GACH;EAAC;EAAqB;EAAG;CAAe,CAC1C;CAEA,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,oBAAC,QAAD;EACE,WAAU;EACV,UAAU;YAET;CACG,CAAA;AAEV"}
+{"version":3,"file":"ChannelListItemTimestamp.mjs","names":[],"sources":["../../../../src/components/ChannelListItem/ChannelListItemTimestamp.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { LocalMessage } from 'stream-chat';\n\nimport { useTranslationContext } from '../../context/TranslationContext';\nimport { getDateString } from '../../i18n/utils';\nimport { convertTimestampToDate } from 'stream-chat';\n\nexport type ChannelListItemTimestampProps = {\n  /** The message previewed by the item, used to extract the timestamp */\n  previewedMessage?: LocalMessage;\n};\n\nexport function ChannelListItemTimestamp({\n  previewedMessage,\n}: ChannelListItemTimestampProps) {\n  const { t, tDateTimeParser } = useTranslationContext();\n\n  const timestamp = previewedMessage?.created_at;\n  // `isDate` correctly reports that a wire number is not a `Date`, so the old idiom here returned\n  // `undefined` for every message and the timestamp vanished from the list. Convert instead.\n  const normalizedTimestamp =\n    timestamp != null ? convertTimestampToDate(timestamp)?.toISOString() : undefined;\n\n  const when = useMemo(\n    () =>\n      getDateString({\n        messageCreatedAt: normalizedTimestamp,\n        t,\n        tDateTimeParser,\n        timestampTranslationKey: 'timestamp.ChannelPreviewTimestamp',\n      }),\n    [normalizedTimestamp, t, tDateTimeParser],\n  );\n\n  if (!when) return null;\n\n  return (\n    <time\n      className='str-chat__channel-list-item-timestamp'\n      dateTime={normalizedTimestamp}\n    >\n      {when}\n    </time>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,yBAAyB,EACvC,oBACgC;CAChC,MAAM,EAAE,GAAG,oBAAoB,sBAAsB;CAErD,MAAM,YAAY,kBAAkB;CAGpC,MAAM,sBACJ,aAAa,OAAO,uBAAuB,SAAS,CAAC,EAAE,YAAY,IAAI,KAAA;CAEzE,MAAM,OAAO,cAET,cAAc;EACZ,kBAAkB;EAClB;EACA;EACA,yBAAyB;CAC3B,CAAC,GACH;EAAC;EAAqB;EAAG;CAAe,CAC1C;CAEA,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,oBAAC,QAAD;EACE,WAAU;EACV,UAAU;YAET;CACG,CAAA;AAEV"}