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

package/dist/es/plugins/ChannelDetail/Views/ChannelManagementView/ChannelManagementActions.defaults.mjs

@@ -1,18 +1,18 @@
+import { useStateStore } from "../../../../store/hooks/useStateStore.mjs";
 import { useChatContext } from "../../../../context/ChatContext.mjs";
 import { useComponentContext } from "../../../../context/ComponentContext.mjs";
-import { useComponentContextIcons } from "../../../../context/useComponentContextIcons.mjs";
-import { useStateStore } from "../../../../store/hooks/useStateStore.mjs";
-import { useModalContext } from "../../../../context/ModalContext.mjs";
 import { useTranslationContext } from "../../../../context/TranslationContext.mjs";
+import { useNotificationApi } from "../../../../components/Notifications/hooks/useNotificationApi.mjs";
 import { Button } from "../../../../components/Button/Button.mjs";
-import { useStableCallback } from "../../../../utils/useStableCallback.mjs";
 import { Alert } from "../../../../components/Dialog/components/Alert.mjs";
+import { useStableCallback } from "../../../../utils/useStableCallback.mjs";
+import { useIsChannelMuted } from "../../../../components/ChannelListItem/hooks/useIsChannelMuted.mjs";
+import { isDmChannel } from "../../../../utils/isDmChannel.mjs";
 import { GlobalModal } from "../../../../components/Modal/GlobalModal.mjs";
 import { Switch } from "../../../../components/Form/SwitchField.mjs";
+import { useModalContext } from "../../../../context/ModalContext.mjs";
+import { useComponentContextIcons } from "../../../../context/useComponentContextIcons.mjs";
 import { ListItemLayout } from "../../../../components/ListItemLayout/ListItemLayout.mjs";
-import { isDmChannel } from "../../../../utils/isDmChannel.mjs";
-import { useIsChannelMuted } from "../../../../components/ChannelListItem/hooks/useIsChannelMuted.mjs";
-import { useNotificationApi } from "../../../../components/Notifications/hooks/useNotificationApi.mjs";
 import { useChannelDetailContext } from "../../ChannelDetailContext.mjs";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -128,7 +128,7 @@ var ChannelMuteAction = () => {
 		if (!nextMuted) return targetChannel.unmute().then(() => addNotification({
 			context: { channel: targetChannel },
 			emitter: "ChannelManagementView",
-			message: t("Channel unmuted"),
+			message: t("common.channelUnmuted.text", "Channel unmuted"),
 			severity: "success",
 			type: "api:channel:unmute:success"
 		})).catch((error) => {
@@ -137,7 +137,7 @@ var ChannelMuteAction = () => {
 				context: { channel: targetChannel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Error unmuting channel"),
+				message: t("channelDetail.channelManagementActions.errorUnmutingChannel.text", "Error unmuting channel"),
 				severity: "error",
 				type: "api:channel:unmute:failed"
 			});
@@ -145,7 +145,7 @@ var ChannelMuteAction = () => {
 		return targetChannel.mute().then(() => addNotification({
 			context: { channel: targetChannel },
 			emitter: "ChannelManagementView",
-			message: t("Channel muted"),
+			message: t("common.channelMuted.text", "Channel muted"),
 			severity: "success",
 			type: "api:channel:mute:success"
 		})).catch((error) => {
@@ -154,7 +154,7 @@ var ChannelMuteAction = () => {
 				context: { channel: targetChannel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Error muting channel"),
+				message: t("channelDetail.channelManagementActions.errorMutingChannel.text", "Error muting channel"),
 				severity: "error",
 				type: "api:channel:mute:failed"
 			});
@@ -191,7 +191,7 @@ var ChannelMuteAction = () => {
 		LeadingIcon: optimisticChannelMuted ? MutedActionIcon : MuteActionIcon,
 		RootElement: "button",
 		rootProps,
-		title: optimisticChannelMuted ? t("Unmute chat") : t("Mute chat"),
+		title: optimisticChannelMuted ? t("channelDetail.channelManagementActions.unmuteChat.title", "Unmute chat") : t("channelDetail.channelManagementActions.muteChat.title", "Mute chat"),
 		TrailingSlot
 	});
 };
@@ -201,7 +201,7 @@ var UserMuteAction = () => {
 	const { addNotification } = useNotificationApi();
 	const { t } = useTranslationContext();
 	const otherMember = useOtherMember();
-	const userMuted = !!mutes.find((mute) => mute.target.id === otherMember?.user?.id);
+	const userMuted = !!mutes.find((mute) => mute.target?.id === otherMember?.user?.id);
 	const [optimisticUserMuted, setOptimisticUserMuted] = useState(userMuted);
 	useEffect(() => {
 		setOptimisticUserMuted(userMuted);
@@ -209,10 +209,10 @@ var UserMuteAction = () => {
 	const otherMemberUserId = otherMember?.user?.id;
 	const toggleUserMuteRequest = useStableCallback((nextMuted, targetUserId) => {
 		if (!targetUserId) return;
-		if (!nextMuted) return client.unmuteUser(targetUserId).then(() => addNotification({
+		if (!nextMuted) return client.moderation.unmute({ target_ids: [targetUserId] }).then(() => addNotification({
 			context: { channel },
 			emitter: "ChannelManagementView",
-			message: t("User unmuted"),
+			message: t("channelDetail.channelManagementActions.userUnmuted.text", "User unmuted"),
 			severity: "success",
 			type: "api:user:unmute:success"
 		})).catch((error) => {
@@ -221,15 +221,15 @@ var UserMuteAction = () => {
 				context: { channel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Error unmuting user"),
+				message: t("channelDetail.channelManagementActions.errorUnmutingUser.text", "Error unmuting user"),
 				severity: "error",
 				type: "api:user:unmute:failed"
 			});
 		});
-		return client.muteUser(targetUserId).then(() => addNotification({
+		return client.moderation.mute({ target_ids: [targetUserId] }).then(() => addNotification({
 			context: { channel },
 			emitter: "ChannelManagementView",
-			message: t("User muted"),
+			message: t("channelDetail.channelManagementActions.userMuted.text", "User muted"),
 			severity: "success",
 			type: "api:user:mute:success"
 		})).catch((error) => {
@@ -238,7 +238,7 @@ var UserMuteAction = () => {
 				context: { channel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Error muting user"),
+				message: t("channelDetail.channelManagementActions.errorMutingUser.text", "Error muting user"),
 				severity: "error",
 				type: "api:user:mute:failed"
 			});
@@ -275,7 +275,7 @@ var UserMuteAction = () => {
 		LeadingIcon: optimisticUserMuted ? MutedActionIcon : MuteActionIcon,
 		RootElement: "button",
 		rootProps,
-		title: optimisticUserMuted ? t("Unmute user") : t("Mute user"),
+		title: optimisticUserMuted ? t("channelDetail.channelManagementActions.unmuteUser.title", "Unmute user") : t("channelDetail.channelManagementActions.muteUser.title", "Mute user"),
 		TrailingSlot
 	});
 };
@@ -300,11 +300,11 @@ var BlockUserAction = () => {
 		if (!targetUserId) return;
 		try {
 			setUserBlockInProgress(true);
-			await client.unBlockUser(targetUserId);
+			await client.unblockUser(targetUserId);
 			addNotification({
 				context: { channel },
 				emitter: "ChannelManagementView",
-				message: t("User unblocked"),
+				message: t("common.userUnblocked.text", "User unblocked"),
 				severity: "success",
 				type: "api:user:unblock:success"
 			});
@@ -313,7 +313,7 @@ var BlockUserAction = () => {
 				context: { channel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Error unblocking user"),
+				message: t("channelDetail.channelManagementActions.errorUnblockingUser.text", "Error unblocking user"),
 				severity: "error",
 				type: "api:user:unblock:failed"
 			});
@@ -336,7 +336,7 @@ var BlockUserAction = () => {
 			addNotification({
 				context: { channel },
 				emitter: "ChannelManagementView",
-				message: t("User blocked"),
+				message: t("common.userBlocked.text", "User blocked"),
 				severity: "success",
 				type: "api:user:block:success"
 			});
@@ -345,7 +345,7 @@ var BlockUserAction = () => {
 				context: { channel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Error blocking user"),
+				message: t("channelDetail.channelManagementActions.errorBlockingUser.text", "Error blocking user"),
 				severity: "error",
 				type: "api:user:block:failed"
 			});
@@ -369,20 +369,20 @@ var BlockUserAction = () => {
 			disabled: userBlockInProgress,
 			onClick: openBlockUserAlert
 		}), [openBlockUserAlert, userBlockInProgress]),
-		title: isBlocked ? t("Unblock") : t("Block user")
+		title: isBlocked ? t("common.unblock.ariaLabel", "Unblock") : t("channelDetail.channelManagementActions.blockUser.title", "Block user")
 	}), /* @__PURE__ */ jsx(Modal, {
 		open: alertOpen,
 		role: "alertdialog",
 		children: /* @__PURE__ */ jsx(ChannelManagementConfirmationAlert, {
 			action: "blockUser",
-			cancelLabel: t("Cancel"),
-			confirmLabel: isBlocked ? t("Unblock") : t("Block User"),
-			description: isBlocked ? t("This user will be able to message you again.") : t("This user won't be able to message you anymore. You can unblock them anytime."),
+			cancelLabel: t("common.cancel.label", "Cancel"),
+			confirmLabel: isBlocked ? t("common.unblock.ariaLabel", "Unblock") : t("common.blockUser.title", "Block User"),
+			description: isBlocked ? t("channelDetail.channelManagementActions.userAbleMessageAgain.description", "This user will be able to message you again.") : t("channelDetail.channelManagementActions.userWonTAble.description", "This user won't be able to message you anymore. You can unblock them anytime."),
 			isSubmitting: userBlockInProgress,
 			onCancel: closeBlockUserAlert,
 			onConfirm: isBlocked ? unblockUser : blockUser,
 			testId: "channel-detail-block-user-alert",
-			title: isBlocked ? t("Unblock") : t("Block User")
+			title: isBlocked ? t("common.unblock.ariaLabel", "Unblock") : t("common.blockUser.title", "Block User")
 		})
 	})] });
 };
@@ -409,7 +409,7 @@ var LeaveChannelAction = () => {
 			addNotification({
 				context: { channel },
 				emitter: "ChannelManagementView",
-				message: t("Left channel"),
+				message: t("common.leftChannel.text", "Left channel"),
 				severity: "success",
 				type: "api:channel:leave:success"
 			});
@@ -420,7 +420,7 @@ var LeaveChannelAction = () => {
 				context: { channel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Failed to leave channel"),
+				message: t("common.failedLeaveChannel.text", "Failed to leave channel"),
 				severity: "error",
 				type: "api:channel:leave:failed"
 			});
@@ -443,20 +443,20 @@ var LeaveChannelAction = () => {
 			disabled: leaveChannelInProgress,
 			onClick: openLeaveChannelAlert
 		}), [leaveChannelInProgress, openLeaveChannelAlert]),
-		title: t("Leave chat")
+		title: t("channelDetail.channelManagementActions.leaveChat.title", "Leave chat")
 	}), /* @__PURE__ */ jsx(Modal, {
 		open: alertOpen,
 		role: "alertdialog",
 		children: /* @__PURE__ */ jsx(ChannelManagementConfirmationAlert, {
 			action: "leaveChannel",
-			cancelLabel: t("Cancel"),
-			confirmLabel: t("Leave chat"),
-			description: t("Are you sure you want to leave this channel?"),
+			cancelLabel: t("common.cancel.label", "Cancel"),
+			confirmLabel: t("channelDetail.channelManagementActions.leaveChat.title", "Leave chat"),
+			description: t("channelDetail.channelManagementActions.sureWantLeaveChannel.description", "Are you sure you want to leave this channel?"),
 			isSubmitting: leaveChannelInProgress,
 			onCancel: closeLeaveChannelAlert,
 			onConfirm: leaveChannel,
 			testId: "channel-detail-leave-channel-alert",
-			title: t("Leave chat")
+			title: t("channelDetail.channelManagementActions.leaveChat.title", "Leave chat")
 		})
 	})] });
 };
@@ -483,7 +483,7 @@ var DeleteChatAction = () => {
 			addNotification({
 				context: { channel },
 				emitter: "ChannelManagementView",
-				message: t("Chat deleted"),
+				message: t("channelDetail.channelManagementActions.chatDeleted.text", "Chat deleted"),
 				severity: "success",
 				type: "api:channel:delete:success"
 			});
@@ -494,7 +494,7 @@ var DeleteChatAction = () => {
 				context: { channel },
 				emitter: "ChannelManagementView",
 				error: toError(error),
-				message: t("Error deleting chat"),
+				message: t("channelDetail.channelManagementActions.errorDeletingChat.text", "Error deleting chat"),
 				severity: "error",
 				type: "api:channel:delete:failed"
 			});
@@ -516,20 +516,20 @@ var DeleteChatAction = () => {
 			disabled: deleteChatInProgress,
 			onClick: openDeleteChatAlert
 		}), [deleteChatInProgress, openDeleteChatAlert]),
-		title: t("Delete chat")
+		title: t("channelDetail.channelManagementActions.deleteChat.title", "Delete chat")
 	}), /* @__PURE__ */ jsx(Modal, {
 		open: alertOpen,
 		role: "alertdialog",
 		children: /* @__PURE__ */ jsx(ChannelManagementConfirmationAlert, {
 			action: "deleteChat",
-			cancelLabel: t("Cancel"),
-			confirmLabel: t("Delete chat"),
-			description: t("This permanently deletes your message history with {{ user }}. This can't be undone.", { user: userName }),
+			cancelLabel: t("common.cancel.label", "Cancel"),
+			confirmLabel: t("channelDetail.channelManagementActions.deleteChat.title", "Delete chat"),
+			description: t("channelDetail.channelManagementActions.permanentlyDeletesMessageHistory.description", "This permanently deletes your message history with {{ user }}. This can't be undone.", { user: userName }),
 			isSubmitting: deleteChatInProgress,
 			onCancel: closeDeleteChatAlert,
 			onConfirm: deleteChat,
 			testId: "channel-detail-delete-chat-alert",
-			title: t("Delete chat")
+			title: t("channelDetail.channelManagementActions.deleteChat.title", "Delete chat")
 		})
 	})] });
 };

package/dist/es/plugins/ChannelDetail/Views/ChannelManagementView/ChannelManagementActions.defaults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelManagementActions.defaults.mjs","names":[],"sources":["../../../../../../src/plugins/ChannelDetail/Views/ChannelManagementView/ChannelManagementActions.defaults.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Channel } from 'stream-chat';\n\nimport {\n  useChatContext,\n  useComponentContext,\n  useComponentContextIcons,\n  useModalContext,\n  useTranslationContext,\n} from '../../../../context';\nimport { isDmChannel, useStableCallback } from '../../../../utils';\nimport { useIsChannelMuted } from '../../../../components/ChannelListItem/hooks/useIsChannelMuted';\nimport { useStateStore } from '../../../../store';\nimport { Alert } from '../../../../components/Dialog';\nimport { Button } from '../../../../components/Button';\nimport { Switch } from '../../../../components/Form';\nimport { ListItemLayout } from '../../../../components/ListItemLayout';\nimport { GlobalModal } from '../../../../components/Modal';\nimport { useNotificationApi } from '../../../../components/Notifications';\nimport { useChannelDetailContext } from '../../ChannelDetailContext';\nimport clsx from 'clsx';\n\nexport type ChannelManagementActionType =\n  | 'blockUser'\n  | 'deleteChat'\n  | 'leaveChannel'\n  | 'muteChannel'\n  | 'muteUser'\n  | (string & {});\n\nexport type ChannelManagementActionItem = {\n  Component: React.ComponentType;\n  type: ChannelManagementActionType;\n};\n\nconst toError = (error: unknown) =>\n  error instanceof Error ? error : new Error('An unknown error occurred');\n\nconst getDisplayName = (name?: string, fallback?: string) => name || fallback || '';\n\nconst BlockUserActionIcon = () => {\n  const { IconNoSign } = useComponentContextIcons();\n  return (\n    <IconNoSign className='str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--block-user' />\n  );\n};\nconst DeleteChatActionIcon = () => {\n  const { IconDelete } = useComponentContextIcons();\n  return (\n    <IconDelete className='str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--delete-chat' />\n  );\n};\nconst MuteActionIcon = () => {\n  const { IconMute } = useComponentContextIcons();\n  return (\n    <IconMute className='str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--mute' />\n  );\n};\nconst MutedActionIcon = () => {\n  const { IconAudio } = useComponentContextIcons();\n  return (\n    <IconAudio className='str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--unmute' />\n  );\n};\nconst LeaveChannelActionIcon = () => {\n  const { IconLeave } = useComponentContextIcons();\n  return (\n    <IconLeave className='str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--leave-channel' />\n  );\n};\n\nconst channelManagementViewActionClassName = 'str-chat__channel-management-view-action';\n\nconst blockedUsersSelector = ({ userIds }: { userIds: string[] }) => ({ userIds });\n\ntype ChannelManagementConfirmationAlertProps = {\n  action: 'blockUser' | 'deleteChat' | 'leaveChannel';\n  cancelLabel: string;\n  confirmLabel: string;\n  description: string;\n  isSubmitting?: boolean;\n  onCancel: () => void;\n  onConfirm: () => void;\n  testId: string;\n  title: string;\n};\n\nconst ChannelManagementConfirmationAlert = ({\n  action,\n  cancelLabel,\n  confirmLabel,\n  description,\n  isSubmitting,\n  onCancel,\n  onConfirm,\n  testId,\n  title,\n}: ChannelManagementConfirmationAlertProps) => (\n  <Alert.Root\n    className={clsx('str-chat__channel-management-confirmation-alert', {\n      [`str-chat__channel-management-confirmation-alert--${action}`]: action,\n    })}\n    data-testid={testId}\n  >\n    <Alert.Header description={description} title={title} />\n    <Alert.Actions>\n      <Button\n        appearance='solid'\n        data-testid={`${testId}-confirm-button`}\n        disabled={isSubmitting}\n        onClick={onConfirm}\n        size='md'\n        variant='danger'\n      >\n        {confirmLabel}\n      </Button>\n      <Button\n        appearance='outline'\n        autoFocus\n        data-testid={`${testId}-cancel-button`}\n        disabled={isSubmitting}\n        onClick={onCancel}\n        size='md'\n        variant='secondary'\n      >\n        {cancelLabel}\n      </Button>\n    </Alert.Actions>\n  </Alert.Root>\n);\n\nconst useOtherMember = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n\n  return useMemo(() => {\n    const stateMembers = Object.values(channel.state?.members ?? {});\n    const members = stateMembers.length ? stateMembers : (channel.data?.members ?? []);\n\n    return members.find(\n      (member) => member.user?.id && member.user.id !== client.user?.id,\n    );\n  }, [channel, client.user?.id]);\n};\n\nconst useChannelManagementActionFilterState = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n  const otherMember = useOtherMember();\n  const resolvedIsDmChannel = isDmChannel({\n    channel,\n    ownUserId: client.user?.id,\n  });\n  const isGroupChannel = !resolvedIsDmChannel;\n  const ownCapabilities = channel.data?.own_capabilities;\n  const isDmChannelWithOtherUser = resolvedIsDmChannel && !!otherMember;\n\n  return {\n    canBlockUser:\n      isDmChannelWithOtherUser && ownCapabilities?.includes('ban-channel-members'),\n    canDeleteChat: ownCapabilities?.includes('delete-channel'),\n    canLeaveChannel: isGroupChannel && ownCapabilities?.includes('leave-channel'),\n    canMuteChannel: ownCapabilities?.includes('mute-channel'),\n    canMuteUser: isDmChannelWithOtherUser,\n  };\n};\n\nexport const useBaseChannelManagementActionSetFilter = (\n  channelManagementActionSet: ChannelManagementActionItem[],\n) => {\n  const { canBlockUser, canDeleteChat, canLeaveChannel, canMuteChannel, canMuteUser } =\n    useChannelManagementActionFilterState();\n\n  return useMemo(\n    () =>\n      channelManagementActionSet.filter((action) => {\n        switch (action.type) {\n          case 'blockUser':\n            return canBlockUser;\n          case 'deleteChat':\n            return canDeleteChat;\n          case 'muteChannel':\n            return canMuteChannel;\n          case 'muteUser':\n            return canMuteUser;\n          case 'leaveChannel':\n            return canLeaveChannel;\n          default:\n            return true;\n        }\n      }),\n    [\n      canBlockUser,\n      canDeleteChat,\n      canLeaveChannel,\n      canMuteChannel,\n      canMuteUser,\n      channelManagementActionSet,\n    ],\n  );\n};\n\nconst ChannelMuteAction = () => {\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { muted: channelMuted } = useIsChannelMuted(channel);\n  const [optimisticChannelMuted, setOptimisticChannelMuted] = useState(channelMuted);\n\n  useEffect(() => {\n    setOptimisticChannelMuted(channelMuted);\n  }, [channelMuted]);\n\n  const toggleChannelMuteRequest = useStableCallback(\n    (nextMuted: boolean, targetChannel: Channel) => {\n      if (!nextMuted) {\n        return targetChannel\n          .unmute()\n          .then(() =>\n            addNotification({\n              context: { channel: targetChannel },\n              emitter: 'ChannelManagementView',\n              message: t('Channel unmuted'),\n              severity: 'success',\n              type: 'api:channel:unmute:success',\n            }),\n          )\n          .catch((error) => {\n            // Reconcile to the truth source rather than a hard-coded value: with\n            // the debounced request, optimistic state may have flipped multiple\n            // times, so a fixed boolean can land on the wrong state.\n            setOptimisticChannelMuted(channelMuted);\n\n            return addNotification({\n              context: { channel: targetChannel },\n              emitter: 'ChannelManagementView',\n              error: toError(error),\n              message: t('Error unmuting channel'),\n              severity: 'error',\n              type: 'api:channel:unmute:failed',\n            });\n          });\n      }\n\n      return targetChannel\n        .mute()\n        .then(() =>\n          addNotification({\n            context: { channel: targetChannel },\n            emitter: 'ChannelManagementView',\n            message: t('Channel muted'),\n            severity: 'success',\n            type: 'api:channel:mute:success',\n          }),\n        )\n        .catch((error) => {\n          setOptimisticChannelMuted(channelMuted);\n\n          return addNotification({\n            context: { channel: targetChannel },\n            emitter: 'ChannelManagementView',\n            error: toError(error),\n            message: t('Error muting channel'),\n            severity: 'error',\n            type: 'api:channel:mute:failed',\n          });\n        });\n    },\n  );\n\n  const toggleChannelMute = useMemo(\n    () => debounce(toggleChannelMuteRequest, 1000),\n    [toggleChannelMuteRequest],\n  );\n\n  useEffect(\n    () => () => {\n      toggleChannelMute.cancel();\n    },\n    [toggleChannelMute],\n  );\n\n  const toggleOptimisticChannelMute = useCallback(() => {\n    const nextMuted = !optimisticChannelMuted;\n\n    setOptimisticChannelMuted(nextMuted);\n    toggleChannelMute(nextMuted, channel);\n  }, [channel, optimisticChannelMuted, toggleChannelMute]);\n\n  const rootProps = useMemo(\n    () => ({\n      'aria-pressed': optimisticChannelMuted,\n      className: clsx(\n        'str-chat__form__switch-field',\n        channelManagementViewActionClassName,\n      ),\n      onClick: toggleOptimisticChannelMute,\n    }),\n    [optimisticChannelMuted, toggleOptimisticChannelMute],\n  );\n\n  const TrailingSlot = useMemo(() => {\n    function ChannelMuteSwitch() {\n      return <Switch on={optimisticChannelMuted} presentation />;\n    }\n\n    return ChannelMuteSwitch;\n  }, [optimisticChannelMuted]);\n\n  return (\n    <ListItemLayout\n      LeadingIcon={optimisticChannelMuted ? MutedActionIcon : MuteActionIcon}\n      RootElement='button'\n      rootProps={rootProps}\n      title={optimisticChannelMuted ? t('Unmute chat') : t('Mute chat')}\n      TrailingSlot={TrailingSlot}\n    />\n  );\n};\n\nconst UserMuteAction = () => {\n  const { client, mutes } = useChatContext();\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const otherMember = useOtherMember();\n  const userMuted = !!mutes.find((mute) => mute.target.id === otherMember?.user?.id);\n  const [optimisticUserMuted, setOptimisticUserMuted] = useState(userMuted);\n\n  useEffect(() => {\n    setOptimisticUserMuted(userMuted);\n  }, [userMuted]);\n\n  const otherMemberUserId = otherMember?.user?.id;\n  const toggleUserMuteRequest = useStableCallback(\n    (nextMuted: boolean, targetUserId?: string) => {\n      if (!targetUserId) return;\n\n      if (!nextMuted) {\n        return client\n          .unmuteUser(targetUserId)\n          .then(() =>\n            addNotification({\n              context: { channel },\n              emitter: 'ChannelManagementView',\n              message: t('User unmuted'),\n              severity: 'success',\n              type: 'api:user:unmute:success',\n            }),\n          )\n          .catch((error) => {\n            // Reconcile to the truth source rather than a hard-coded value: with\n            // the debounced request, optimistic state may have flipped multiple\n            // times, so a fixed boolean can land on the wrong state.\n            setOptimisticUserMuted(userMuted);\n\n            return addNotification({\n              context: { channel },\n              emitter: 'ChannelManagementView',\n              error: toError(error),\n              message: t('Error unmuting user'),\n              severity: 'error',\n              type: 'api:user:unmute:failed',\n            });\n          });\n      }\n\n      return client\n        .muteUser(targetUserId)\n        .then(() =>\n          addNotification({\n            context: { channel },\n            emitter: 'ChannelManagementView',\n            message: t('User muted'),\n            severity: 'success',\n            type: 'api:user:mute:success',\n          }),\n        )\n        .catch((error) => {\n          setOptimisticUserMuted(userMuted);\n\n          return addNotification({\n            context: { channel },\n            emitter: 'ChannelManagementView',\n            error: toError(error),\n            message: t('Error muting user'),\n            severity: 'error',\n            type: 'api:user:mute:failed',\n          });\n        });\n    },\n  );\n\n  const toggleUserMute = useMemo(\n    () => debounce(toggleUserMuteRequest, 1000),\n    [toggleUserMuteRequest],\n  );\n\n  useEffect(\n    () => () => {\n      toggleUserMute.cancel();\n    },\n    [toggleUserMute],\n  );\n\n  const toggleOptimisticUserMute = useCallback(() => {\n    const nextMuted = !optimisticUserMuted;\n\n    setOptimisticUserMuted(nextMuted);\n    toggleUserMute(nextMuted, otherMemberUserId);\n  }, [optimisticUserMuted, otherMemberUserId, toggleUserMute]);\n\n  const rootProps = useMemo(\n    () => ({\n      'aria-pressed': optimisticUserMuted,\n      className: clsx(\n        'str-chat__form__switch-field',\n        channelManagementViewActionClassName,\n      ),\n      onClick: toggleOptimisticUserMute,\n    }),\n    [optimisticUserMuted, toggleOptimisticUserMute],\n  );\n  const TrailingSlot = useMemo(() => {\n    function UserMuteSwitch() {\n      return <Switch on={optimisticUserMuted} presentation />;\n    }\n\n    return UserMuteSwitch;\n  }, [optimisticUserMuted]);\n\n  return (\n    <ListItemLayout\n      LeadingIcon={optimisticUserMuted ? MutedActionIcon : MuteActionIcon}\n      RootElement='button'\n      rootProps={rootProps}\n      title={optimisticUserMuted ? t('Unmute user') : t('Mute user')}\n      TrailingSlot={TrailingSlot}\n    />\n  );\n};\n\nconst BlockUserAction = () => {\n  const { client } = useChatContext();\n  const { Modal = GlobalModal } = useComponentContext();\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const otherMember = useOtherMember();\n  const targetUserId = otherMember?.user?.id;\n  const { userIds: blockedUserIds } = useStateStore(\n    client.blockedUsers,\n    blockedUsersSelector,\n  );\n  const isBlocked = useMemo(\n    () => !!targetUserId && new Set(blockedUserIds).has(targetUserId),\n    [blockedUserIds, targetUserId],\n  );\n  const [alertOpen, setAlertOpen] = useState(false);\n  const [userBlockInProgress, setUserBlockInProgress] = useState(false);\n\n  const closeBlockUserAlert = useCallback(() => {\n    setAlertOpen(false);\n  }, []);\n\n  const openBlockUserAlert = useCallback(() => {\n    setAlertOpen(true);\n  }, []);\n\n  const unblockUser = useCallback(async () => {\n    if (!targetUserId) return;\n\n    try {\n      setUserBlockInProgress(true);\n      await client.unBlockUser(targetUserId);\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t('User unblocked'),\n        severity: 'success',\n        type: 'api:user:unblock:success',\n      });\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t('Error unblocking user'),\n        severity: 'error',\n        type: 'api:user:unblock:failed',\n      });\n    } finally {\n      setAlertOpen(false);\n      setUserBlockInProgress(false);\n    }\n  }, [addNotification, channel, client, targetUserId, t]);\n\n  const blockUser = useCallback(async () => {\n    if (!targetUserId) return;\n\n    try {\n      setUserBlockInProgress(true);\n      await client.blockUser(targetUserId);\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t('User blocked'),\n        severity: 'success',\n        type: 'api:user:block:success',\n      });\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t('Error blocking user'),\n        severity: 'error',\n        type: 'api:user:block:failed',\n      });\n    } finally {\n      setAlertOpen(false);\n      setUserBlockInProgress(false);\n    }\n  }, [addNotification, channel, client, targetUserId, t]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelManagementViewActionClassName,\n      disabled: userBlockInProgress,\n      onClick: openBlockUserAlert,\n    }),\n    [openBlockUserAlert, userBlockInProgress],\n  );\n\n  return (\n    <>\n      <ListItemLayout\n        destructive\n        LeadingIcon={BlockUserActionIcon}\n        RootElement='button'\n        rootProps={rootProps}\n        title={isBlocked ? t('Unblock') : t('Block user')}\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelManagementConfirmationAlert\n          action='blockUser'\n          cancelLabel={t('Cancel')}\n          confirmLabel={isBlocked ? t('Unblock') : t('Block User')}\n          description={\n            isBlocked\n              ? t('This user will be able to message you again.')\n              : t(\n                  \"This user won't be able to message you anymore. You can unblock them anytime.\",\n                )\n          }\n          isSubmitting={userBlockInProgress}\n          onCancel={closeBlockUserAlert}\n          onConfirm={isBlocked ? unblockUser : blockUser}\n          testId='channel-detail-block-user-alert'\n          title={isBlocked ? t('Unblock') : t('Block User')}\n        />\n      </Modal>\n    </>\n  );\n};\n\nconst LeaveChannelAction = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n  const { Modal = GlobalModal } = useComponentContext();\n  const { close } = useModalContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const [alertOpen, setAlertOpen] = useState(false);\n  const [leaveChannelInProgress, setLeaveChannelInProgress] = useState(false);\n\n  const closeLeaveChannelAlert = useCallback(() => {\n    setAlertOpen(false);\n  }, []);\n\n  const openLeaveChannelAlert = useCallback(() => {\n    setAlertOpen(true);\n  }, []);\n\n  const leaveChannel = useCallback(async () => {\n    if (!client.userID) return;\n\n    try {\n      setLeaveChannelInProgress(true);\n      await channel.removeMembers([client.userID]);\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t('Left channel'),\n        severity: 'success',\n        type: 'api:channel:leave:success',\n      });\n      setAlertOpen(false);\n      close();\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t('Failed to leave channel'),\n        severity: 'error',\n        type: 'api:channel:leave:failed',\n      });\n    } finally {\n      setLeaveChannelInProgress(false);\n    }\n  }, [addNotification, channel, client.userID, close, t]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelManagementViewActionClassName,\n      disabled: leaveChannelInProgress,\n      onClick: openLeaveChannelAlert,\n    }),\n    [leaveChannelInProgress, openLeaveChannelAlert],\n  );\n\n  return (\n    <>\n      <ListItemLayout\n        destructive\n        LeadingIcon={LeaveChannelActionIcon}\n        RootElement='button'\n        rootProps={rootProps}\n        title={t('Leave chat')}\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelManagementConfirmationAlert\n          action='leaveChannel'\n          cancelLabel={t('Cancel')}\n          confirmLabel={t('Leave chat')}\n          description={t('Are you sure you want to leave this channel?')}\n          isSubmitting={leaveChannelInProgress}\n          onCancel={closeLeaveChannelAlert}\n          onConfirm={leaveChannel}\n          testId='channel-detail-leave-channel-alert'\n          title={t('Leave chat')}\n        />\n      </Modal>\n    </>\n  );\n};\n\nconst DeleteChatAction = () => {\n  const { channel } = useChannelDetailContext();\n  const { Modal = GlobalModal } = useComponentContext();\n  const { close: closeChannelDetail } = useModalContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const otherMember = useOtherMember();\n  const [alertOpen, setAlertOpen] = useState(false);\n  const [deleteChatInProgress, setDeleteChatInProgress] = useState(false);\n  const userName = getDisplayName(otherMember?.user?.name, otherMember?.user?.id);\n\n  const closeDeleteChatAlert = useCallback(() => {\n    setAlertOpen(false);\n  }, []);\n\n  const openDeleteChatAlert = useCallback(() => {\n    setAlertOpen(true);\n  }, []);\n\n  const deleteChat = useCallback(async () => {\n    try {\n      setDeleteChatInProgress(true);\n      await channel.delete();\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t('Chat deleted'),\n        severity: 'success',\n        type: 'api:channel:delete:success',\n      });\n      setAlertOpen(false);\n      closeChannelDetail();\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t('Error deleting chat'),\n        severity: 'error',\n        type: 'api:channel:delete:failed',\n      });\n    } finally {\n      setDeleteChatInProgress(false);\n    }\n  }, [addNotification, channel, closeChannelDetail, t]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelManagementViewActionClassName,\n      disabled: deleteChatInProgress,\n      onClick: openDeleteChatAlert,\n    }),\n    [deleteChatInProgress, openDeleteChatAlert],\n  );\n\n  return (\n    <>\n      <ListItemLayout\n        destructive\n        LeadingIcon={DeleteChatActionIcon}\n        RootElement='button'\n        rootProps={rootProps}\n        title={t('Delete chat')}\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelManagementConfirmationAlert\n          action='deleteChat'\n          cancelLabel={t('Cancel')}\n          confirmLabel={t('Delete chat')}\n          description={t(\n            \"This permanently deletes your message history with {{ user }}. This can't be undone.\",\n            { user: userName },\n          )}\n          isSubmitting={deleteChatInProgress}\n          onCancel={closeDeleteChatAlert}\n          onConfirm={deleteChat}\n          testId='channel-detail-delete-chat-alert'\n          title={t('Delete chat')}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport const DefaultChannelManagementActions = {\n  BlockUser: BlockUserAction,\n  DeleteChat: DeleteChatAction,\n  LeaveChannel: LeaveChannelAction,\n  MuteChannel: ChannelMuteAction,\n  MuteUser: UserMuteAction,\n};\n\nexport const defaultChannelManagementActionSet: ChannelManagementActionItem[] = [\n  {\n    Component: DefaultChannelManagementActions.MuteChannel,\n    type: 'muteChannel',\n  },\n  {\n    Component: DefaultChannelManagementActions.MuteUser,\n    type: 'muteUser',\n  },\n  {\n    Component: DefaultChannelManagementActions.BlockUser,\n    type: 'blockUser',\n  },\n  {\n    Component: DefaultChannelManagementActions.LeaveChannel,\n    type: 'leaveChannel',\n  },\n  {\n    Component: DefaultChannelManagementActions.DeleteChat,\n    type: 'deleteChat',\n  },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,IAAM,WAAW,UACf,iBAAiB,QAAQ,wBAAQ,IAAI,MAAM,2BAA2B;AAExE,IAAM,kBAAkB,MAAe,aAAsB,QAAQ,YAAY;AAEjF,IAAM,4BAA4B;CAChC,MAAM,EAAE,eAAe,yBAAyB;CAChD,OACE,oBAAC,YAAD,EAAY,WAAU,sHAAuH,CAAA;AAEjJ;AACA,IAAM,6BAA6B;CACjC,MAAM,EAAE,eAAe,yBAAyB;CAChD,OACE,oBAAC,YAAD,EAAY,WAAU,uHAAwH,CAAA;AAElJ;AACA,IAAM,uBAAuB;CAC3B,MAAM,EAAE,aAAa,yBAAyB;CAC9C,OACE,oBAAC,UAAD,EAAU,WAAU,oFAAqF,CAAA;AAE7G;AACA,IAAM,wBAAwB;CAC5B,MAAM,EAAE,cAAc,yBAAyB;CAC/C,OACE,oBAAC,WAAD,EAAW,WAAU,sFAAuF,CAAA;AAEhH;AACA,IAAM,+BAA+B;CACnC,MAAM,EAAE,cAAc,yBAAyB;CAC/C,OACE,oBAAC,WAAD,EAAW,WAAU,yHAA0H,CAAA;AAEnJ;AAEA,IAAM,uCAAuC;AAE7C,IAAM,wBAAwB,EAAE,eAAsC,EAAE,QAAQ;AAchF,IAAM,sCAAsC,EAC1C,QACA,aACA,cACA,aACA,cACA,UACA,WACA,QACA,YAEA,qBAAC,MAAM,MAAP;CACE,WAAW,KAAK,mDAAmD,GAChE,oDAAoD,WAAW,OAClE,CAAC;CACD,eAAa;WAJf,CAME,oBAAC,MAAM,QAAP;EAA2B;EAAoB;CAAQ,CAAA,GACvD,qBAAC,MAAM,SAAP,EAAA,UAAA,CACE,oBAAC,QAAD;EACE,YAAW;EACX,eAAa,GAAG,OAAO;EACvB,UAAU;EACV,SAAS;EACT,MAAK;EACL,SAAQ;YAEP;CACK,CAAA,GACR,oBAAC,QAAD;EACE,YAAW;EACX,WAAA;EACA,eAAa,GAAG,OAAO;EACvB,UAAU;EACV,SAAS;EACT,MAAK;EACL,SAAQ;YAEP;CACK,CAAA,CACK,EAAA,CAAA,CACL;;AAGd,IAAM,uBAAuB;CAC3B,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,YAAY,wBAAwB;CAE5C,OAAO,cAAc;EACnB,MAAM,eAAe,OAAO,OAAO,QAAQ,OAAO,WAAW,CAAC,CAAC;EAG/D,QAFgB,aAAa,SAAS,eAAgB,QAAQ,MAAM,WAAW,CAAC,EAAA,CAEjE,MACZ,WAAW,OAAO,MAAM,MAAM,OAAO,KAAK,OAAO,OAAO,MAAM,EACjE;CACF,GAAG,CAAC,SAAS,OAAO,MAAM,EAAE,CAAC;AAC/B;AAEA,IAAM,8CAA8C;CAClD,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,YAAY,wBAAwB;CAC5C,MAAM,cAAc,eAAe;CACnC,MAAM,sBAAsB,YAAY;EACtC;EACA,WAAW,OAAO,MAAM;CAC1B,CAAC;CACD,MAAM,iBAAiB,CAAC;CACxB,MAAM,kBAAkB,QAAQ,MAAM;CACtC,MAAM,2BAA2B,uBAAuB,CAAC,CAAC;CAE1D,OAAO;EACL,cACE,4BAA4B,iBAAiB,SAAS,qBAAqB;EAC7E,eAAe,iBAAiB,SAAS,gBAAgB;EACzD,iBAAiB,kBAAkB,iBAAiB,SAAS,eAAe;EAC5E,gBAAgB,iBAAiB,SAAS,cAAc;EACxD,aAAa;CACf;AACF;AAEA,IAAa,2CACX,+BACG;CACH,MAAM,EAAE,cAAc,eAAe,iBAAiB,gBAAgB,gBACpE,sCAAsC;CAExC,OAAO,cAEH,2BAA2B,QAAQ,WAAW;EAC5C,QAAQ,OAAO,MAAf;GACE,KAAK,aACH,OAAO;GACT,KAAK,cACH,OAAO;GACT,KAAK,eACH,OAAO;GACT,KAAK,YACH,OAAO;GACT,KAAK,gBACH,OAAO;GACT,SACE,OAAO;EACX;CACF,CAAC,GACH;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;AAEA,IAAM,0BAA0B;CAC9B,MAAM,EAAE,YAAY,wBAAwB;CAC5C,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,OAAO,iBAAiB,kBAAkB,OAAO;CACzD,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,YAAY;CAEjF,gBAAgB;EACd,0BAA0B,YAAY;CACxC,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,2BAA2B,mBAC9B,WAAoB,kBAA2B;EAC9C,IAAI,CAAC,WACH,OAAO,cACJ,OAAO,CAAC,CACR,WACC,gBAAgB;GACd,SAAS,EAAE,SAAS,cAAc;GAClC,SAAS;GACT,SAAS,EAAE,iBAAiB;GAC5B,UAAU;GACV,MAAM;EACR,CAAC,CACH,CAAC,CACA,OAAO,UAAU;GAIhB,0BAA0B,YAAY;GAEtC,OAAO,gBAAgB;IACrB,SAAS,EAAE,SAAS,cAAc;IAClC,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,wBAAwB;IACnC,UAAU;IACV,MAAM;GACR,CAAC;EACH,CAAC;EAGL,OAAO,cACJ,KAAK,CAAC,CACN,WACC,gBAAgB;GACd,SAAS,EAAE,SAAS,cAAc;GAClC,SAAS;GACT,SAAS,EAAE,eAAe;GAC1B,UAAU;GACV,MAAM;EACR,CAAC,CACH,CAAC,CACA,OAAO,UAAU;GAChB,0BAA0B,YAAY;GAEtC,OAAO,gBAAgB;IACrB,SAAS,EAAE,SAAS,cAAc;IAClC,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,sBAAsB;IACjC,UAAU;IACV,MAAM;GACR,CAAC;EACH,CAAC;CACL,CACF;CAEA,MAAM,oBAAoB,cAClB,SAAS,0BAA0B,GAAI,GAC7C,CAAC,wBAAwB,CAC3B;CAEA,sBACc;EACV,kBAAkB,OAAO;CAC3B,GACA,CAAC,iBAAiB,CACpB;CAEA,MAAM,8BAA8B,kBAAkB;EACpD,MAAM,YAAY,CAAC;EAEnB,0BAA0B,SAAS;EACnC,kBAAkB,WAAW,OAAO;CACtC,GAAG;EAAC;EAAS;EAAwB;CAAiB,CAAC;CAEvD,MAAM,YAAY,eACT;EACL,gBAAgB;EAChB,WAAW,KACT,gCACA,oCACF;EACA,SAAS;CACX,IACA,CAAC,wBAAwB,2BAA2B,CACtD;CAEA,MAAM,eAAe,cAAc;EACjC,SAAS,oBAAoB;GAC3B,OAAO,oBAAC,QAAD;IAAQ,IAAI;IAAwB,cAAA;GAAc,CAAA;EAC3D;EAEA,OAAO;CACT,GAAG,CAAC,sBAAsB,CAAC;CAE3B,OACE,oBAAC,gBAAD;EACE,aAAa,yBAAyB,kBAAkB;EACxD,aAAY;EACD;EACX,OAAO,yBAAyB,EAAE,aAAa,IAAI,EAAE,WAAW;EAClD;CACf,CAAA;AAEL;AAEA,IAAM,uBAAuB;CAC3B,MAAM,EAAE,QAAQ,UAAU,eAAe;CACzC,MAAM,EAAE,YAAY,wBAAwB;CAC5C,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,cAAc,eAAe;CACnC,MAAM,YAAY,CAAC,CAAC,MAAM,MAAM,SAAS,KAAK,OAAO,OAAO,aAAa,MAAM,EAAE;CACjF,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,SAAS;CAExE,gBAAgB;EACd,uBAAuB,SAAS;CAClC,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,oBAAoB,aAAa,MAAM;CAC7C,MAAM,wBAAwB,mBAC3B,WAAoB,iBAA0B;EAC7C,IAAI,CAAC,cAAc;EAEnB,IAAI,CAAC,WACH,OAAO,OACJ,WAAW,YAAY,CAAC,CACxB,WACC,gBAAgB;GACd,SAAS,EAAE,QAAQ;GACnB,SAAS;GACT,SAAS,EAAE,cAAc;GACzB,UAAU;GACV,MAAM;EACR,CAAC,CACH,CAAC,CACA,OAAO,UAAU;GAIhB,uBAAuB,SAAS;GAEhC,OAAO,gBAAgB;IACrB,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,qBAAqB;IAChC,UAAU;IACV,MAAM;GACR,CAAC;EACH,CAAC;EAGL,OAAO,OACJ,SAAS,YAAY,CAAC,CACtB,WACC,gBAAgB;GACd,SAAS,EAAE,QAAQ;GACnB,SAAS;GACT,SAAS,EAAE,YAAY;GACvB,UAAU;GACV,MAAM;EACR,CAAC,CACH,CAAC,CACA,OAAO,UAAU;GAChB,uBAAuB,SAAS;GAEhC,OAAO,gBAAgB;IACrB,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,mBAAmB;IAC9B,UAAU;IACV,MAAM;GACR,CAAC;EACH,CAAC;CACL,CACF;CAEA,MAAM,iBAAiB,cACf,SAAS,uBAAuB,GAAI,GAC1C,CAAC,qBAAqB,CACxB;CAEA,sBACc;EACV,eAAe,OAAO;CACxB,GACA,CAAC,cAAc,CACjB;CAEA,MAAM,2BAA2B,kBAAkB;EACjD,MAAM,YAAY,CAAC;EAEnB,uBAAuB,SAAS;EAChC,eAAe,WAAW,iBAAiB;CAC7C,GAAG;EAAC;EAAqB;EAAmB;CAAc,CAAC;CAE3D,MAAM,YAAY,eACT;EACL,gBAAgB;EAChB,WAAW,KACT,gCACA,oCACF;EACA,SAAS;CACX,IACA,CAAC,qBAAqB,wBAAwB,CAChD;CACA,MAAM,eAAe,cAAc;EACjC,SAAS,iBAAiB;GACxB,OAAO,oBAAC,QAAD;IAAQ,IAAI;IAAqB,cAAA;GAAc,CAAA;EACxD;EAEA,OAAO;CACT,GAAG,CAAC,mBAAmB,CAAC;CAExB,OACE,oBAAC,gBAAD;EACE,aAAa,sBAAsB,kBAAkB;EACrD,aAAY;EACD;EACX,OAAO,sBAAsB,EAAE,aAAa,IAAI,EAAE,WAAW;EAC/C;CACf,CAAA;AAEL;AAEA,IAAM,wBAAwB;CAC5B,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,QAAQ,gBAAgB,oBAAoB;CACpD,MAAM,EAAE,YAAY,wBAAwB;CAC5C,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,MAAM,sBAAsB;CAEpC,MAAM,eADc,eACC,CAAA,EAAa,MAAM;CACxC,MAAM,EAAE,SAAS,mBAAmB,cAClC,OAAO,cACP,oBACF;CACA,MAAM,YAAY,cACV,CAAC,CAAC,gBAAgB,IAAI,IAAI,cAAc,CAAC,CAAC,IAAI,YAAY,GAChE,CAAC,gBAAgB,YAAY,CAC/B;CACA,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,KAAK;CAEpE,MAAM,sBAAsB,kBAAkB;EAC5C,aAAa,KAAK;CACpB,GAAG,CAAC,CAAC;CAEL,MAAM,qBAAqB,kBAAkB;EAC3C,aAAa,IAAI;CACnB,GAAG,CAAC,CAAC;CAEL,MAAM,cAAc,YAAY,YAAY;EAC1C,IAAI,CAAC,cAAc;EAEnB,IAAI;GACF,uBAAuB,IAAI;GAC3B,MAAM,OAAO,YAAY,YAAY;GACrC,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,SAAS,EAAE,gBAAgB;IAC3B,UAAU;IACV,MAAM;GACR,CAAC;EACH,SAAS,OAAO;GACd,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,uBAAuB;IAClC,UAAU;IACV,MAAM;GACR,CAAC;EACH,UAAU;GACR,aAAa,KAAK;GAClB,uBAAuB,KAAK;EAC9B;CACF,GAAG;EAAC;EAAiB;EAAS;EAAQ;EAAc;CAAC,CAAC;CAEtD,MAAM,YAAY,YAAY,YAAY;EACxC,IAAI,CAAC,cAAc;EAEnB,IAAI;GACF,uBAAuB,IAAI;GAC3B,MAAM,OAAO,UAAU,YAAY;GACnC,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,SAAS,EAAE,cAAc;IACzB,UAAU;IACV,MAAM;GACR,CAAC;EACH,SAAS,OAAO;GACd,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,qBAAqB;IAChC,UAAU;IACV,MAAM;GACR,CAAC;EACH,UAAU;GACR,aAAa,KAAK;GAClB,uBAAuB,KAAK;EAC9B;CACF,GAAG;EAAC;EAAiB;EAAS;EAAQ;EAAc;CAAC,CAAC;CAWtD,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,aAAA;EACA,aAAa;EACb,aAAY;EACD,WAfC,eACT;GACL,WAAW;GACX,UAAU;GACV,SAAS;EACX,IACA,CAAC,oBAAoB,mBAAmB,CASzB;EACX,OAAO,YAAY,EAAE,SAAS,IAAI,EAAE,YAAY;CACjD,CAAA,GACD,oBAAC,OAAD;EAAO,MAAM;EAAW,MAAK;YAC3B,oBAAC,oCAAD;GACE,QAAO;GACP,aAAa,EAAE,QAAQ;GACvB,cAAc,YAAY,EAAE,SAAS,IAAI,EAAE,YAAY;GACvD,aACE,YACI,EAAE,8CAA8C,IAChD,EACE,+EACF;GAEN,cAAc;GACd,UAAU;GACV,WAAW,YAAY,cAAc;GACrC,QAAO;GACP,OAAO,YAAY,EAAE,SAAS,IAAI,EAAE,YAAY;EACjD,CAAA;CACI,CAAA,CACP,EAAA,CAAA;AAEN;AAEA,IAAM,2BAA2B;CAC/B,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,YAAY,wBAAwB;CAC5C,MAAM,EAAE,QAAQ,gBAAgB,oBAAoB;CACpD,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,KAAK;CAE1E,MAAM,yBAAyB,kBAAkB;EAC/C,aAAa,KAAK;CACpB,GAAG,CAAC,CAAC;CAEL,MAAM,wBAAwB,kBAAkB;EAC9C,aAAa,IAAI;CACnB,GAAG,CAAC,CAAC;CAEL,MAAM,eAAe,YAAY,YAAY;EAC3C,IAAI,CAAC,OAAO,QAAQ;EAEpB,IAAI;GACF,0BAA0B,IAAI;GAC9B,MAAM,QAAQ,cAAc,CAAC,OAAO,MAAM,CAAC;GAC3C,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,SAAS,EAAE,cAAc;IACzB,UAAU;IACV,MAAM;GACR,CAAC;GACD,aAAa,KAAK;GAClB,MAAM;EACR,SAAS,OAAO;GACd,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,yBAAyB;IACpC,UAAU;IACV,MAAM;GACR,CAAC;EACH,UAAU;GACR,0BAA0B,KAAK;EACjC;CACF,GAAG;EAAC;EAAiB;EAAS,OAAO;EAAQ;EAAO;CAAC,CAAC;CAWtD,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,aAAA;EACA,aAAa;EACb,aAAY;EACD,WAfC,eACT;GACL,WAAW;GACX,UAAU;GACV,SAAS;EACX,IACA,CAAC,wBAAwB,qBAAqB,CAS/B;EACX,OAAO,EAAE,YAAY;CACtB,CAAA,GACD,oBAAC,OAAD;EAAO,MAAM;EAAW,MAAK;YAC3B,oBAAC,oCAAD;GACE,QAAO;GACP,aAAa,EAAE,QAAQ;GACvB,cAAc,EAAE,YAAY;GAC5B,aAAa,EAAE,8CAA8C;GAC7D,cAAc;GACd,UAAU;GACV,WAAW;GACX,QAAO;GACP,OAAO,EAAE,YAAY;EACtB,CAAA;CACI,CAAA,CACP,EAAA,CAAA;AAEN;AAEA,IAAM,yBAAyB;CAC7B,MAAM,EAAE,YAAY,wBAAwB;CAC5C,MAAM,EAAE,QAAQ,gBAAgB,oBAAoB;CACpD,MAAM,EAAE,OAAO,uBAAuB,gBAAgB;CACtD,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,cAAc,eAAe;CACnC,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,KAAK;CACtE,MAAM,WAAW,eAAe,aAAa,MAAM,MAAM,aAAa,MAAM,EAAE;CAE9E,MAAM,uBAAuB,kBAAkB;EAC7C,aAAa,KAAK;CACpB,GAAG,CAAC,CAAC;CAEL,MAAM,sBAAsB,kBAAkB;EAC5C,aAAa,IAAI;CACnB,GAAG,CAAC,CAAC;CAEL,MAAM,aAAa,YAAY,YAAY;EACzC,IAAI;GACF,wBAAwB,IAAI;GAC5B,MAAM,QAAQ,OAAO;GACrB,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,SAAS,EAAE,cAAc;IACzB,UAAU;IACV,MAAM;GACR,CAAC;GACD,aAAa,KAAK;GAClB,mBAAmB;EACrB,SAAS,OAAO;GACd,gBAAgB;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS;IACT,OAAO,QAAQ,KAAK;IACpB,SAAS,EAAE,qBAAqB;IAChC,UAAU;IACV,MAAM;GACR,CAAC;EACH,UAAU;GACR,wBAAwB,KAAK;EAC/B;CACF,GAAG;EAAC;EAAiB;EAAS;EAAoB;CAAC,CAAC;CAWpD,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,aAAA;EACA,aAAa;EACb,aAAY;EACD,WAfC,eACT;GACL,WAAW;GACX,UAAU;GACV,SAAS;EACX,IACA,CAAC,sBAAsB,mBAAmB,CAS3B;EACX,OAAO,EAAE,aAAa;CACvB,CAAA,GACD,oBAAC,OAAD;EAAO,MAAM;EAAW,MAAK;YAC3B,oBAAC,oCAAD;GACE,QAAO;GACP,aAAa,EAAE,QAAQ;GACvB,cAAc,EAAE,aAAa;GAC7B,aAAa,EACX,wFACA,EAAE,MAAM,SAAS,CACnB;GACA,cAAc;GACd,UAAU;GACV,WAAW;GACX,QAAO;GACP,OAAO,EAAE,aAAa;EACvB,CAAA;CACI,CAAA,CACP,EAAA,CAAA;AAEN;AAEA,IAAa,kCAAkC;CAC7C,WAAW;CACX,YAAY;CACZ,cAAc;CACd,aAAa;CACb,UAAU;AACZ;AAEA,IAAa,oCAAmE;CAC9E;EACE,WAAW,gCAAgC;EAC3C,MAAM;CACR;CACA;EACE,WAAW,gCAAgC;EAC3C,MAAM;CACR;CACA;EACE,WAAW,gCAAgC;EAC3C,MAAM;CACR;CACA;EACE,WAAW,gCAAgC;EAC3C,MAAM;CACR;CACA;EACE,WAAW,gCAAgC;EAC3C,MAAM;CACR;AACF"}
+{"version":3,"file":"ChannelManagementActions.defaults.mjs","names":[],"sources":["../../../../../../src/plugins/ChannelDetail/Views/ChannelManagementView/ChannelManagementActions.defaults.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Channel } from 'stream-chat';\n\nimport {\n  useChatContext,\n  useComponentContext,\n  useComponentContextIcons,\n  useModalContext,\n  useTranslationContext,\n} from '../../../../context';\nimport { isDmChannel, useStableCallback } from '../../../../utils';\nimport { useIsChannelMuted } from '../../../../components/ChannelListItem/hooks/useIsChannelMuted';\nimport { useStateStore } from '../../../../store';\nimport { Alert } from '../../../../components/Dialog';\nimport { Button } from '../../../../components/Button';\nimport { Switch } from '../../../../components/Form';\nimport { ListItemLayout } from '../../../../components/ListItemLayout';\nimport { GlobalModal } from '../../../../components/Modal';\nimport { useNotificationApi } from '../../../../components/Notifications';\nimport { useChannelDetailContext } from '../../ChannelDetailContext';\nimport clsx from 'clsx';\n\nexport type ChannelManagementActionType =\n  | 'blockUser'\n  | 'deleteChat'\n  | 'leaveChannel'\n  | 'muteChannel'\n  | 'muteUser'\n  | (string & {});\n\nexport type ChannelManagementActionItem = {\n  Component: React.ComponentType;\n  type: ChannelManagementActionType;\n};\n\nconst toError = (error: unknown) =>\n  error instanceof Error ? error : new Error('An unknown error occurred');\n\nconst getDisplayName = (name?: string, fallback?: string) => name || fallback || '';\n\nconst BlockUserActionIcon = () => {\n  const { IconNoSign } = useComponentContextIcons();\n\n  return (\n    <IconNoSign className='str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--block-user' />\n  );\n};\nconst DeleteChatActionIcon = () => {\n  const { IconDelete } = useComponentContextIcons();\n\n  return (\n    <IconDelete className='str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--delete-chat' />\n  );\n};\nconst MuteActionIcon = () => {\n  const { IconMute } = useComponentContextIcons();\n\n  return (\n    <IconMute className='str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--mute' />\n  );\n};\nconst MutedActionIcon = () => {\n  const { IconAudio } = useComponentContextIcons();\n\n  return (\n    <IconAudio className='str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--unmute' />\n  );\n};\nconst LeaveChannelActionIcon = () => {\n  const { IconLeave } = useComponentContextIcons();\n\n  return (\n    <IconLeave className='str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--leave-channel' />\n  );\n};\n\nconst channelManagementViewActionClassName = 'str-chat__channel-management-view-action';\n\nconst blockedUsersSelector = ({ userIds }: { userIds: string[] }) => ({ userIds });\n\ntype ChannelManagementConfirmationAlertProps = {\n  action: 'blockUser' | 'deleteChat' | 'leaveChannel';\n  cancelLabel: string;\n  confirmLabel: string;\n  description: string;\n  isSubmitting?: boolean;\n  onCancel: () => void;\n  onConfirm: () => void;\n  testId: string;\n  title: string;\n};\n\nconst ChannelManagementConfirmationAlert = ({\n  action,\n  cancelLabel,\n  confirmLabel,\n  description,\n  isSubmitting,\n  onCancel,\n  onConfirm,\n  testId,\n  title,\n}: ChannelManagementConfirmationAlertProps) => (\n  <Alert.Root\n    className={clsx('str-chat__channel-management-confirmation-alert', {\n      [`str-chat__channel-management-confirmation-alert--${action}`]: action,\n    })}\n    data-testid={testId}\n  >\n    <Alert.Header description={description} title={title} />\n    <Alert.Actions>\n      <Button\n        appearance='solid'\n        data-testid={`${testId}-confirm-button`}\n        disabled={isSubmitting}\n        onClick={onConfirm}\n        size='md'\n        variant='danger'\n      >\n        {confirmLabel}\n      </Button>\n      <Button\n        appearance='outline'\n        autoFocus\n        data-testid={`${testId}-cancel-button`}\n        disabled={isSubmitting}\n        onClick={onCancel}\n        size='md'\n        variant='secondary'\n      >\n        {cancelLabel}\n      </Button>\n    </Alert.Actions>\n  </Alert.Root>\n);\n\nconst useOtherMember = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n\n  return useMemo(() => {\n    const stateMembers = Object.values(channel.state?.members ?? {});\n    const members = stateMembers.length ? stateMembers : (channel.data?.members ?? []);\n\n    return members.find(\n      (member) => member.user?.id && member.user.id !== client.user?.id,\n    );\n  }, [channel, client.user?.id]);\n};\n\nconst useChannelManagementActionFilterState = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n  const otherMember = useOtherMember();\n  const resolvedIsDmChannel = isDmChannel({\n    channel,\n    ownUserId: client.user?.id,\n  });\n  const isGroupChannel = !resolvedIsDmChannel;\n  const ownCapabilities = channel.data?.own_capabilities;\n  const isDmChannelWithOtherUser = resolvedIsDmChannel && !!otherMember;\n\n  return {\n    canBlockUser:\n      isDmChannelWithOtherUser && ownCapabilities?.includes('ban-channel-members'),\n    canDeleteChat: ownCapabilities?.includes('delete-channel'),\n    canLeaveChannel: isGroupChannel && ownCapabilities?.includes('leave-channel'),\n    canMuteChannel: ownCapabilities?.includes('mute-channel'),\n    canMuteUser: isDmChannelWithOtherUser,\n  };\n};\n\nexport const useBaseChannelManagementActionSetFilter = (\n  channelManagementActionSet: ChannelManagementActionItem[],\n) => {\n  const { canBlockUser, canDeleteChat, canLeaveChannel, canMuteChannel, canMuteUser } =\n    useChannelManagementActionFilterState();\n\n  return useMemo(\n    () =>\n      channelManagementActionSet.filter((action) => {\n        switch (action.type) {\n          case 'blockUser':\n            return canBlockUser;\n          case 'deleteChat':\n            return canDeleteChat;\n          case 'muteChannel':\n            return canMuteChannel;\n          case 'muteUser':\n            return canMuteUser;\n          case 'leaveChannel':\n            return canLeaveChannel;\n          default:\n            return true;\n        }\n      }),\n    [\n      canBlockUser,\n      canDeleteChat,\n      canLeaveChannel,\n      canMuteChannel,\n      canMuteUser,\n      channelManagementActionSet,\n    ],\n  );\n};\n\nconst ChannelMuteAction = () => {\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { muted: channelMuted } = useIsChannelMuted(channel);\n  const [optimisticChannelMuted, setOptimisticChannelMuted] = useState(channelMuted);\n\n  useEffect(() => {\n    setOptimisticChannelMuted(channelMuted);\n  }, [channelMuted]);\n\n  const toggleChannelMuteRequest = useStableCallback(\n    (nextMuted: boolean, targetChannel: Channel) => {\n      if (!nextMuted) {\n        return targetChannel\n          .unmute()\n          .then(() =>\n            addNotification({\n              context: { channel: targetChannel },\n              emitter: 'ChannelManagementView',\n              message: t('common.channelUnmuted.text', 'Channel unmuted'),\n              severity: 'success',\n              type: 'api:channel:unmute:success',\n            }),\n          )\n          .catch((error) => {\n            // Reconcile to the truth source rather than a hard-coded value: with\n            // the debounced request, optimistic state may have flipped multiple\n            // times, so a fixed boolean can land on the wrong state.\n            setOptimisticChannelMuted(channelMuted);\n\n            return addNotification({\n              context: { channel: targetChannel },\n              emitter: 'ChannelManagementView',\n              error: toError(error),\n              message: t(\n                'channelDetail.channelManagementActions.errorUnmutingChannel.text',\n                'Error unmuting channel',\n              ),\n              severity: 'error',\n              type: 'api:channel:unmute:failed',\n            });\n          });\n      }\n\n      return targetChannel\n        .mute()\n        .then(() =>\n          addNotification({\n            context: { channel: targetChannel },\n            emitter: 'ChannelManagementView',\n            message: t('common.channelMuted.text', 'Channel muted'),\n            severity: 'success',\n            type: 'api:channel:mute:success',\n          }),\n        )\n        .catch((error) => {\n          setOptimisticChannelMuted(channelMuted);\n\n          return addNotification({\n            context: { channel: targetChannel },\n            emitter: 'ChannelManagementView',\n            error: toError(error),\n            message: t(\n              'channelDetail.channelManagementActions.errorMutingChannel.text',\n              'Error muting channel',\n            ),\n            severity: 'error',\n            type: 'api:channel:mute:failed',\n          });\n        });\n    },\n  );\n\n  const toggleChannelMute = useMemo(\n    () => debounce(toggleChannelMuteRequest, 1000),\n    [toggleChannelMuteRequest],\n  );\n\n  useEffect(\n    () => () => {\n      toggleChannelMute.cancel();\n    },\n    [toggleChannelMute],\n  );\n\n  const toggleOptimisticChannelMute = useCallback(() => {\n    const nextMuted = !optimisticChannelMuted;\n\n    setOptimisticChannelMuted(nextMuted);\n    toggleChannelMute(nextMuted, channel);\n  }, [channel, optimisticChannelMuted, toggleChannelMute]);\n\n  const rootProps = useMemo(\n    () => ({\n      'aria-pressed': optimisticChannelMuted,\n      className: clsx(\n        'str-chat__form__switch-field',\n        channelManagementViewActionClassName,\n      ),\n      onClick: toggleOptimisticChannelMute,\n    }),\n    [optimisticChannelMuted, toggleOptimisticChannelMute],\n  );\n\n  const TrailingSlot = useMemo(() => {\n    function ChannelMuteSwitch() {\n      return <Switch on={optimisticChannelMuted} presentation />;\n    }\n\n    return ChannelMuteSwitch;\n  }, [optimisticChannelMuted]);\n\n  return (\n    <ListItemLayout\n      LeadingIcon={optimisticChannelMuted ? MutedActionIcon : MuteActionIcon}\n      RootElement='button'\n      rootProps={rootProps}\n      title={\n        optimisticChannelMuted\n          ? t('channelDetail.channelManagementActions.unmuteChat.title', 'Unmute chat')\n          : t('channelDetail.channelManagementActions.muteChat.title', 'Mute chat')\n      }\n      TrailingSlot={TrailingSlot}\n    />\n  );\n};\n\nconst UserMuteAction = () => {\n  const { client, mutes } = useChatContext();\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const otherMember = useOtherMember();\n  const userMuted = !!mutes.find((mute) => mute.target?.id === otherMember?.user?.id);\n  const [optimisticUserMuted, setOptimisticUserMuted] = useState(userMuted);\n\n  useEffect(() => {\n    setOptimisticUserMuted(userMuted);\n  }, [userMuted]);\n\n  const otherMemberUserId = otherMember?.user?.id;\n  const toggleUserMuteRequest = useStableCallback(\n    (nextMuted: boolean, targetUserId?: string) => {\n      if (!targetUserId) return;\n\n      if (!nextMuted) {\n        return client.moderation\n          .unmute({ target_ids: [targetUserId] })\n          .then(() =>\n            addNotification({\n              context: { channel },\n              emitter: 'ChannelManagementView',\n              message: t(\n                'channelDetail.channelManagementActions.userUnmuted.text',\n                'User unmuted',\n              ),\n              severity: 'success',\n              type: 'api:user:unmute:success',\n            }),\n          )\n          .catch((error) => {\n            // Reconcile to the truth source rather than a hard-coded value: with\n            // the debounced request, optimistic state may have flipped multiple\n            // times, so a fixed boolean can land on the wrong state.\n            setOptimisticUserMuted(userMuted);\n\n            return addNotification({\n              context: { channel },\n              emitter: 'ChannelManagementView',\n              error: toError(error),\n              message: t(\n                'channelDetail.channelManagementActions.errorUnmutingUser.text',\n                'Error unmuting user',\n              ),\n              severity: 'error',\n              type: 'api:user:unmute:failed',\n            });\n          });\n      }\n\n      return client.moderation\n        .mute({ target_ids: [targetUserId] })\n        .then(() =>\n          addNotification({\n            context: { channel },\n            emitter: 'ChannelManagementView',\n            message: t(\n              'channelDetail.channelManagementActions.userMuted.text',\n              'User muted',\n            ),\n            severity: 'success',\n            type: 'api:user:mute:success',\n          }),\n        )\n        .catch((error) => {\n          setOptimisticUserMuted(userMuted);\n\n          return addNotification({\n            context: { channel },\n            emitter: 'ChannelManagementView',\n            error: toError(error),\n            message: t(\n              'channelDetail.channelManagementActions.errorMutingUser.text',\n              'Error muting user',\n            ),\n            severity: 'error',\n            type: 'api:user:mute:failed',\n          });\n        });\n    },\n  );\n\n  const toggleUserMute = useMemo(\n    () => debounce(toggleUserMuteRequest, 1000),\n    [toggleUserMuteRequest],\n  );\n\n  useEffect(\n    () => () => {\n      toggleUserMute.cancel();\n    },\n    [toggleUserMute],\n  );\n\n  const toggleOptimisticUserMute = useCallback(() => {\n    const nextMuted = !optimisticUserMuted;\n\n    setOptimisticUserMuted(nextMuted);\n    toggleUserMute(nextMuted, otherMemberUserId);\n  }, [optimisticUserMuted, otherMemberUserId, toggleUserMute]);\n\n  const rootProps = useMemo(\n    () => ({\n      'aria-pressed': optimisticUserMuted,\n      className: clsx(\n        'str-chat__form__switch-field',\n        channelManagementViewActionClassName,\n      ),\n      onClick: toggleOptimisticUserMute,\n    }),\n    [optimisticUserMuted, toggleOptimisticUserMute],\n  );\n  const TrailingSlot = useMemo(() => {\n    function UserMuteSwitch() {\n      return <Switch on={optimisticUserMuted} presentation />;\n    }\n\n    return UserMuteSwitch;\n  }, [optimisticUserMuted]);\n\n  return (\n    <ListItemLayout\n      LeadingIcon={optimisticUserMuted ? MutedActionIcon : MuteActionIcon}\n      RootElement='button'\n      rootProps={rootProps}\n      title={\n        optimisticUserMuted\n          ? t('channelDetail.channelManagementActions.unmuteUser.title', 'Unmute user')\n          : t('channelDetail.channelManagementActions.muteUser.title', 'Mute user')\n      }\n      TrailingSlot={TrailingSlot}\n    />\n  );\n};\n\nconst BlockUserAction = () => {\n  const { client } = useChatContext();\n  const { Modal = GlobalModal } = useComponentContext();\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const otherMember = useOtherMember();\n  const targetUserId = otherMember?.user?.id;\n  const { userIds: blockedUserIds } = useStateStore(\n    client.blockedUsers,\n    blockedUsersSelector,\n  );\n  const isBlocked = useMemo(\n    () => !!targetUserId && new Set(blockedUserIds).has(targetUserId),\n    [blockedUserIds, targetUserId],\n  );\n  const [alertOpen, setAlertOpen] = useState(false);\n  const [userBlockInProgress, setUserBlockInProgress] = useState(false);\n\n  const closeBlockUserAlert = useCallback(() => {\n    setAlertOpen(false);\n  }, []);\n\n  const openBlockUserAlert = useCallback(() => {\n    setAlertOpen(true);\n  }, []);\n\n  const unblockUser = useCallback(async () => {\n    if (!targetUserId) return;\n\n    try {\n      setUserBlockInProgress(true);\n      await client.unblockUser(targetUserId);\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t('common.userUnblocked.text', 'User unblocked'),\n        severity: 'success',\n        type: 'api:user:unblock:success',\n      });\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t(\n          'channelDetail.channelManagementActions.errorUnblockingUser.text',\n          'Error unblocking user',\n        ),\n        severity: 'error',\n        type: 'api:user:unblock:failed',\n      });\n    } finally {\n      setAlertOpen(false);\n      setUserBlockInProgress(false);\n    }\n  }, [addNotification, channel, client, targetUserId, t]);\n\n  const blockUser = useCallback(async () => {\n    if (!targetUserId) return;\n\n    try {\n      setUserBlockInProgress(true);\n      await client.blockUser(targetUserId);\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t('common.userBlocked.text', 'User blocked'),\n        severity: 'success',\n        type: 'api:user:block:success',\n      });\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t(\n          'channelDetail.channelManagementActions.errorBlockingUser.text',\n          'Error blocking user',\n        ),\n        severity: 'error',\n        type: 'api:user:block:failed',\n      });\n    } finally {\n      setAlertOpen(false);\n      setUserBlockInProgress(false);\n    }\n  }, [addNotification, channel, client, targetUserId, t]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelManagementViewActionClassName,\n      disabled: userBlockInProgress,\n      onClick: openBlockUserAlert,\n    }),\n    [openBlockUserAlert, userBlockInProgress],\n  );\n\n  return (\n    <>\n      <ListItemLayout\n        destructive\n        LeadingIcon={BlockUserActionIcon}\n        RootElement='button'\n        rootProps={rootProps}\n        title={\n          isBlocked\n            ? t('common.unblock.ariaLabel', 'Unblock')\n            : t('channelDetail.channelManagementActions.blockUser.title', 'Block user')\n        }\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelManagementConfirmationAlert\n          action='blockUser'\n          cancelLabel={t('common.cancel.label', 'Cancel')}\n          confirmLabel={\n            isBlocked\n              ? t('common.unblock.ariaLabel', 'Unblock')\n              : t('common.blockUser.title', 'Block User')\n          }\n          description={\n            isBlocked\n              ? t(\n                  'channelDetail.channelManagementActions.userAbleMessageAgain.description',\n                  'This user will be able to message you again.',\n                )\n              : t(\n                  'channelDetail.channelManagementActions.userWonTAble.description',\n                  \"This user won't be able to message you anymore. You can unblock them anytime.\",\n                )\n          }\n          isSubmitting={userBlockInProgress}\n          onCancel={closeBlockUserAlert}\n          onConfirm={isBlocked ? unblockUser : blockUser}\n          testId='channel-detail-block-user-alert'\n          title={\n            isBlocked\n              ? t('common.unblock.ariaLabel', 'Unblock')\n              : t('common.blockUser.title', 'Block User')\n          }\n        />\n      </Modal>\n    </>\n  );\n};\n\nconst LeaveChannelAction = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n  const { Modal = GlobalModal } = useComponentContext();\n  const { close } = useModalContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const [alertOpen, setAlertOpen] = useState(false);\n  const [leaveChannelInProgress, setLeaveChannelInProgress] = useState(false);\n\n  const closeLeaveChannelAlert = useCallback(() => {\n    setAlertOpen(false);\n  }, []);\n\n  const openLeaveChannelAlert = useCallback(() => {\n    setAlertOpen(true);\n  }, []);\n\n  const leaveChannel = useCallback(async () => {\n    if (!client.userID) return;\n\n    try {\n      setLeaveChannelInProgress(true);\n      await channel.removeMembers([client.userID]);\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t('common.leftChannel.text', 'Left channel'),\n        severity: 'success',\n        type: 'api:channel:leave:success',\n      });\n      setAlertOpen(false);\n      close();\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t('common.failedLeaveChannel.text', 'Failed to leave channel'),\n        severity: 'error',\n        type: 'api:channel:leave:failed',\n      });\n    } finally {\n      setLeaveChannelInProgress(false);\n    }\n  }, [addNotification, channel, client.userID, close, t]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelManagementViewActionClassName,\n      disabled: leaveChannelInProgress,\n      onClick: openLeaveChannelAlert,\n    }),\n    [leaveChannelInProgress, openLeaveChannelAlert],\n  );\n\n  return (\n    <>\n      <ListItemLayout\n        destructive\n        LeadingIcon={LeaveChannelActionIcon}\n        RootElement='button'\n        rootProps={rootProps}\n        title={t('channelDetail.channelManagementActions.leaveChat.title', 'Leave chat')}\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelManagementConfirmationAlert\n          action='leaveChannel'\n          cancelLabel={t('common.cancel.label', 'Cancel')}\n          confirmLabel={t(\n            'channelDetail.channelManagementActions.leaveChat.title',\n            'Leave chat',\n          )}\n          description={t(\n            'channelDetail.channelManagementActions.sureWantLeaveChannel.description',\n            'Are you sure you want to leave this channel?',\n          )}\n          isSubmitting={leaveChannelInProgress}\n          onCancel={closeLeaveChannelAlert}\n          onConfirm={leaveChannel}\n          testId='channel-detail-leave-channel-alert'\n          title={t(\n            'channelDetail.channelManagementActions.leaveChat.title',\n            'Leave chat',\n          )}\n        />\n      </Modal>\n    </>\n  );\n};\n\nconst DeleteChatAction = () => {\n  const { channel } = useChannelDetailContext();\n  const { Modal = GlobalModal } = useComponentContext();\n  const { close: closeChannelDetail } = useModalContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const otherMember = useOtherMember();\n  const [alertOpen, setAlertOpen] = useState(false);\n  const [deleteChatInProgress, setDeleteChatInProgress] = useState(false);\n  const userName = getDisplayName(otherMember?.user?.name, otherMember?.user?.id);\n\n  const closeDeleteChatAlert = useCallback(() => {\n    setAlertOpen(false);\n  }, []);\n\n  const openDeleteChatAlert = useCallback(() => {\n    setAlertOpen(true);\n  }, []);\n\n  const deleteChat = useCallback(async () => {\n    try {\n      setDeleteChatInProgress(true);\n      await channel.delete();\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        message: t(\n          'channelDetail.channelManagementActions.chatDeleted.text',\n          'Chat deleted',\n        ),\n        severity: 'success',\n        type: 'api:channel:delete:success',\n      });\n      setAlertOpen(false);\n      closeChannelDetail();\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelManagementView',\n        error: toError(error),\n        message: t(\n          'channelDetail.channelManagementActions.errorDeletingChat.text',\n          'Error deleting chat',\n        ),\n        severity: 'error',\n        type: 'api:channel:delete:failed',\n      });\n    } finally {\n      setDeleteChatInProgress(false);\n    }\n  }, [addNotification, channel, closeChannelDetail, t]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelManagementViewActionClassName,\n      disabled: deleteChatInProgress,\n      onClick: openDeleteChatAlert,\n    }),\n    [deleteChatInProgress, openDeleteChatAlert],\n  );\n\n  return (\n    <>\n      <ListItemLayout\n        destructive\n        LeadingIcon={DeleteChatActionIcon}\n        RootElement='button'\n        rootProps={rootProps}\n        title={t(\n          'channelDetail.channelManagementActions.deleteChat.title',\n          'Delete chat',\n        )}\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelManagementConfirmationAlert\n          action='deleteChat'\n          cancelLabel={t('common.cancel.label', 'Cancel')}\n          confirmLabel={t(\n            'channelDetail.channelManagementActions.deleteChat.title',\n            'Delete chat',\n          )}\n          description={t(\n            'channelDetail.channelManagementActions.permanentlyDeletesMessageHistory.description',\n            \"This permanently deletes your message history with {{ user }}. This can't be undone.\",\n            { user: userName },\n          )}\n          isSubmitting={deleteChatInProgress}\n          onCancel={closeDeleteChatAlert}\n          onConfirm={deleteChat}\n          testId='channel-detail-delete-chat-alert'\n          title={t(\n            'channelDetail.channelManagementActions.deleteChat.title',\n            'Delete chat',\n          )}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport const DefaultChannelManagementActions = {\n  BlockUser: BlockUserAction,\n  DeleteChat: DeleteChatAction,\n  LeaveChannel: LeaveChannelAction,\n  MuteChannel: ChannelMuteAction,\n  MuteUser: UserMuteAction,\n};\n\nexport const defaultChannelManagementActionSet: ChannelManagementActionItem[] = [\n  {\n    Component: DefaultChannelManagementActions.MuteChannel,\n    type: 'muteChannel',\n  },\n  {\n    Component: DefaultChannelManagementActions.MuteUser,\n    type: 'muteUser',\n  },\n  {\n    Component: DefaultChannelManagementActions.BlockUser,\n    type: 'blockUser',\n  },\n  {\n    Component: DefaultChannelManagementActions.LeaveChannel,\n    type: 'leaveChannel',\n  },\n  {\n    Component: DefaultChannelManagementActions.DeleteChat,\n    type: 'deleteChat',\n  },\n];\n"],"mappings":"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"}

package/dist/es/plugins/ChannelDetail/Views/ChannelManagementView/ChannelManagementView.mjs

@@ -1,18 +1,18 @@
 import { useChatContext } from "../../../../context/ChatContext.mjs";
 import { useComponentContext } from "../../../../context/ComponentContext.mjs";
-import { useComponentContextIcons } from "../../../../context/useComponentContextIcons.mjs";
-import { useModalContext } from "../../../../context/ModalContext.mjs";
 import { useTranslationContext } from "../../../../context/TranslationContext.mjs";
-import { Button } from "../../../../components/Button/Button.mjs";
 import { ChannelAvatar } from "../../../../components/Avatar/ChannelAvatar.mjs";
+import { useNotificationApi } from "../../../../components/Notifications/hooks/useNotificationApi.mjs";
+import { Button } from "../../../../components/Button/Button.mjs";
 import { Prompt } from "../../../../components/Dialog/components/Prompt.mjs";
-import { TextInput } from "../../../../components/Form/TextInput.mjs";
-import { useChannelPreviewInfo } from "../../../../components/ChannelListItem/hooks/useChannelPreviewInfo.mjs";
-import { isDmChannel } from "../../../../utils/isDmChannel.mjs";
 import { useChannelMembershipState } from "../../../../components/ChannelList/hooks/useChannelMembershipState.mjs";
 import { useIsChannelMuted } from "../../../../components/ChannelListItem/hooks/useIsChannelMuted.mjs";
+import { isDmChannel } from "../../../../utils/isDmChannel.mjs";
+import { TextInput } from "../../../../components/Form/TextInput.mjs";
+import { useChannelPreviewInfo } from "../../../../components/ChannelListItem/hooks/useChannelPreviewInfo.mjs";
 import { useIsUserMuted } from "../../../../components/ChannelListItem/hooks/useIsUserMuted.mjs";
-import { useNotificationApi } from "../../../../components/Notifications/hooks/useNotificationApi.mjs";
+import { useModalContext } from "../../../../context/ModalContext.mjs";
+import { useComponentContextIcons } from "../../../../context/useComponentContextIcons.mjs";
 import { useChannelHasMembersOnline } from "../../../../components/ChannelHeader/hooks/useChannelHasMembersOnline.mjs";
 import { useChannelHeaderOnlineStatus } from "../../../../components/ChannelHeader/hooks/useChannelHeaderOnlineStatus.mjs";
 import { SectionNavigatorHeader } from "../../SectionNavigator/SectionNavigatorHeader.mjs";
@@ -43,8 +43,8 @@ var ChannelManagementInfoBody = ({ actions }) => {
 	const { muted: channelMuted } = useIsChannelMuted(channel);
 	const userMuted = useIsUserMuted(otherMemberUserId);
 	const membership = useChannelMembershipState(channel);
-	const onlineStatusText = useChannelHeaderOnlineStatus({ channel });
-	const pinned = !!membership.pinned_at;
+	const onlineStatusText = useChannelHeaderOnlineStatus();
+	const pinned = membership.pinned_at != null;
 	return /* @__PURE__ */ jsxs(Prompt.Body, {
 		className: "str-chat__channel-detail__channel-management-view__body",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -84,10 +84,10 @@ var EDIT_BODY_EMITTER = "ChannelManagementEditBody";
 var buildChannelUpdatePayload = ({ image, name }) => {
 	const payload = {};
 	const set = {};
-	if (name !== void 0) set.name = name;
-	if (typeof image === "string") set.image = image;
+	if (name !== void 0) set["custom.name"] = name;
+	if (typeof image === "string") set["custom.image"] = image;
 	if (Object.keys(set).length > 0) payload.set = set;
-	if (image === null) payload.unset = ["image"];
+	if (image === null) payload.unset = ["custom.image"];
 	return Object.keys(payload).length > 0 ? payload : null;
 };
 /**
@@ -107,8 +107,8 @@ var useChannelManagementEditForm = ({ uploadImage }) => {
 	});
 	const hasMembersOnline = useChannelHasMembersOnline({ channel });
 	const isOnline = resolvedIsDmChannel ? hasMembersOnline : void 0;
-	const nameLabel = resolvedIsDmChannel ? t("Contact name") : t("Group name");
-	const [baselineName, setBaselineName] = useState(channel.data?.name ?? "");
+	const nameLabel = resolvedIsDmChannel ? t("channelDetail.channelManagementView.contactName.label", "Contact name") : t("channelDetail.channelManagementView.groupName.label", "Group name");
+	const [baselineName, setBaselineName] = useState(channel.data?.custom?.name ?? "");
 	const [name, setName] = useState(baselineName);
 	const [imageEdit, setImageEdit] = useState(null);
 	const [isSaving, setIsSaving] = useState(false);
@@ -134,7 +134,7 @@ var useChannelManagementEditForm = ({ uploadImage }) => {
 	}, []);
 	const handleDeleteImage = useCallback(() => setImageEdit("removed"), []);
 	const resolveImageUrl = useCallback(async (file) => {
-		const url = uploadImage ? await uploadImage(file) : (await channel.sendImage(file)).file;
+		const url = uploadImage ? await uploadImage(file) : (await channel.uploadImage({ file })).file;
 		if (!url) throw new Error("Image upload did not return a URL");
 		return url;
 	}, [channel, uploadImage]);
@@ -171,7 +171,7 @@ var useChannelManagementEditForm = ({ uploadImage }) => {
 						operation: "update",
 						status: "success"
 					},
-					message: t("Changes saved"),
+					message: t("channelDetail.channelManagementView.changesSaved.text", "Changes saved"),
 					severity: "success"
 				});
 			} catch (error) {
@@ -184,7 +184,7 @@ var useChannelManagementEditForm = ({ uploadImage }) => {
 						operation: "update",
 						status: "failed"
 					},
-					message: t("Failed to save changes"),
+					message: t("channelDetail.channelManagementView.failedSaveChanges.text", "Failed to save changes"),
 					severity: "error"
 				});
 			} finally {
@@ -237,7 +237,7 @@ var ChannelManagementEditBody = (props) => {
 							size: "sm",
 							type: "button",
 							variant: "secondary",
-							children: t("Upload Picture")
+							children: t("channelDetail.channelManagementView.uploadPicture.text", "Upload Picture")
 						}),
 						hasAvatarImage && /* @__PURE__ */ jsx(Button, {
 							appearance: "outline",
@@ -245,7 +245,7 @@ var ChannelManagementEditBody = (props) => {
 							size: "sm",
 							type: "button",
 							variant: "secondary",
-							children: t("Delete")
+							children: t("common.delete.text", "Delete")
 						}),
 						/* @__PURE__ */ jsx("input", {
 							accept: "image/*",
@@ -272,7 +272,7 @@ var ChannelManagementEditBody = (props) => {
 			children: /* @__PURE__ */ jsx(Prompt.FooterControls, { children: canSubmit && /* @__PURE__ */ jsxs(Prompt.FooterControlsButtonPrimary, {
 				className: "str-chat__channel-detail__channel-management-view__footer__save-button",
 				type: "submit",
-				children: [/* @__PURE__ */ jsx(IconCheckmark, {}), t("Save")]
+				children: [/* @__PURE__ */ jsx(IconCheckmark, {}), t("channelDetail.channelManagementView.save.text", "Save")]
 			}) })
 		})]
 	});
@@ -292,26 +292,26 @@ var ChannelManagementView = ({ channelManagementActionSet = defaultChannelManage
 	const isEditMode = isEditing && canEditChannel;
 	useEffect(() => {
 		setIsEditing(false);
-	}, [channel.cid]);
+	}, [channel]);
 	const EditChannelButton = useMemo(() => function EditChannelButton() {
 		return /* @__PURE__ */ jsx(Button, {
 			appearance: "outline",
-			"aria-label": t("Edit chat data"),
+			"aria-label": t("channelDetail.channelManagementView.editChatData.ariaLabel", "Edit chat data"),
 			className: "str-chat__channel-detail__channel-management-view__edit-button",
 			onClick: () => {
 				setIsEditing(true);
 			},
 			size: "md",
 			variant: "secondary",
-			children: t("Edit")
+			children: t("channelDetail.channelManagementView.edit.text", "Edit")
 		});
 	}, [t]);
-	const headerTitle = isEditMode ? resolvedIsDmChannel ? t("Edit contact") : t("Edit group") : resolvedIsDmChannel ? t("Contact info") : t("Group info");
+	const headerTitle = isEditMode ? resolvedIsDmChannel ? t("channelDetail.channelManagementView.editContact.label", "Edit contact") : t("channelDetail.channelManagementView.editGroup.label", "Edit group") : resolvedIsDmChannel ? t("channelDetail.channelManagementView.contactInfo.label", "Contact info") : t("channelDetail.channelManagementView.groupInfo.label", "Group info");
 	return /* @__PURE__ */ jsxs("div", {
 		className: "str-chat__channel-detail__channel-management-view",
 		children: [/* @__PURE__ */ jsx(SectionNavigatorHeader, {
 			close,
-			description: isEditMode ? void 0 : t("Manage channel"),
+			description: isEditMode ? void 0 : t("channelDetail.channelManagementView.manageChannel.description", "Manage channel"),
 			goBack: isEditMode ? () => setIsEditing(false) : void 0,
 			title: headerTitle,
 			TrailingContent: !isEditMode && canEditChannel ? EditChannelButton : void 0