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

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

@@ -0,0 +1,568 @@
+import { useStateStore } from "../../../../store/hooks/useStateStore.mjs";
+import { useChatContext } from "../../../../context/ChatContext.mjs";
+import { useComponentContext } from "../../../../context/ComponentContext.mjs";
+import { useTranslationContext } from "../../../../context/TranslationContext.mjs";
+import { useNotificationApi } from "../../../../components/Notifications/hooks/useNotificationApi.mjs";
+import { Button } from "../../../../components/Button/Button.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 { useChannelDetailContext } from "../../ChannelDetailContext.mjs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import debounce from "lodash.debounce";
+//#region src/plugins/ChannelDetail/Views/ChannelManagementView/ChannelManagementActions.defaults.tsx
+var toError = (error) => error instanceof Error ? error : /* @__PURE__ */ new Error("An unknown error occurred");
+var getDisplayName = (name, fallback) => name || fallback || "";
+var BlockUserActionIcon = () => {
+	const { IconNoSign } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconNoSign, { className: "str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--block-user" });
+};
+var DeleteChatActionIcon = () => {
+	const { IconDelete } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconDelete, { className: "str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--delete-chat" });
+};
+var MuteActionIcon = () => {
+	const { IconMute } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconMute, { className: "str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--mute" });
+};
+var MutedActionIcon = () => {
+	const { IconAudio } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconAudio, { className: "str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--unmute" });
+};
+var LeaveChannelActionIcon = () => {
+	const { IconLeave } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconLeave, { className: "str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--leave-channel" });
+};
+var channelManagementViewActionClassName = "str-chat__channel-management-view-action";
+var blockedUsersSelector = ({ userIds }) => ({ userIds });
+var ChannelManagementConfirmationAlert = ({ action, cancelLabel, confirmLabel, description, isSubmitting, onCancel, onConfirm, testId, title }) => /* @__PURE__ */ jsxs(Alert.Root, {
+	className: clsx("str-chat__channel-management-confirmation-alert", { [`str-chat__channel-management-confirmation-alert--${action}`]: action }),
+	"data-testid": testId,
+	children: [/* @__PURE__ */ jsx(Alert.Header, {
+		description,
+		title
+	}), /* @__PURE__ */ jsxs(Alert.Actions, { children: [/* @__PURE__ */ jsx(Button, {
+		appearance: "solid",
+		"data-testid": `${testId}-confirm-button`,
+		disabled: isSubmitting,
+		onClick: onConfirm,
+		size: "md",
+		variant: "danger",
+		children: confirmLabel
+	}), /* @__PURE__ */ jsx(Button, {
+		appearance: "outline",
+		autoFocus: true,
+		"data-testid": `${testId}-cancel-button`,
+		disabled: isSubmitting,
+		onClick: onCancel,
+		size: "md",
+		variant: "secondary",
+		children: cancelLabel
+	})] })]
+});
+var useOtherMember = () => {
+	const { client } = useChatContext();
+	const { channel } = useChannelDetailContext();
+	return useMemo(() => {
+		const stateMembers = Object.values(channel.state?.members ?? {});
+		return (stateMembers.length ? stateMembers : channel.data?.members ?? []).find((member) => member.user?.id && member.user.id !== client.user?.id);
+	}, [channel, client.user?.id]);
+};
+var useChannelManagementActionFilterState = () => {
+	const { client } = useChatContext();
+	const { channel } = useChannelDetailContext();
+	const otherMember = useOtherMember();
+	const resolvedIsDmChannel = isDmChannel({
+		channel,
+		ownUserId: client.user?.id
+	});
+	const isGroupChannel = !resolvedIsDmChannel;
+	const ownCapabilities = channel.data?.own_capabilities;
+	const isDmChannelWithOtherUser = resolvedIsDmChannel && !!otherMember;
+	return {
+		canBlockUser: isDmChannelWithOtherUser && ownCapabilities?.includes("ban-channel-members"),
+		canDeleteChat: ownCapabilities?.includes("delete-channel"),
+		canLeaveChannel: isGroupChannel && ownCapabilities?.includes("leave-channel"),
+		canMuteChannel: ownCapabilities?.includes("mute-channel"),
+		canMuteUser: isDmChannelWithOtherUser
+	};
+};
+var useBaseChannelManagementActionSetFilter = (channelManagementActionSet) => {
+	const { canBlockUser, canDeleteChat, canLeaveChannel, canMuteChannel, canMuteUser } = useChannelManagementActionFilterState();
+	return useMemo(() => channelManagementActionSet.filter((action) => {
+		switch (action.type) {
+			case "blockUser": return canBlockUser;
+			case "deleteChat": return canDeleteChat;
+			case "muteChannel": return canMuteChannel;
+			case "muteUser": return canMuteUser;
+			case "leaveChannel": return canLeaveChannel;
+			default: return true;
+		}
+	}), [
+		canBlockUser,
+		canDeleteChat,
+		canLeaveChannel,
+		canMuteChannel,
+		canMuteUser,
+		channelManagementActionSet
+	]);
+};
+var ChannelMuteAction = () => {
+	const { channel } = useChannelDetailContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const { muted: channelMuted } = useIsChannelMuted(channel);
+	const [optimisticChannelMuted, setOptimisticChannelMuted] = useState(channelMuted);
+	useEffect(() => {
+		setOptimisticChannelMuted(channelMuted);
+	}, [channelMuted]);
+	const toggleChannelMuteRequest = useStableCallback((nextMuted, targetChannel) => {
+		if (!nextMuted) return targetChannel.unmute().then(() => addNotification({
+			context: { channel: targetChannel },
+			emitter: "ChannelManagementView",
+			message: t("common.channelUnmuted.text", "Channel unmuted"),
+			severity: "success",
+			type: "api:channel:unmute:success"
+		})).catch((error) => {
+			setOptimisticChannelMuted(channelMuted);
+			return addNotification({
+				context: { channel: targetChannel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("channelDetail.channelManagementActions.errorUnmutingChannel.text", "Error unmuting channel"),
+				severity: "error",
+				type: "api:channel:unmute:failed"
+			});
+		});
+		return targetChannel.mute().then(() => addNotification({
+			context: { channel: targetChannel },
+			emitter: "ChannelManagementView",
+			message: t("common.channelMuted.text", "Channel muted"),
+			severity: "success",
+			type: "api:channel:mute:success"
+		})).catch((error) => {
+			setOptimisticChannelMuted(channelMuted);
+			return addNotification({
+				context: { channel: targetChannel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("channelDetail.channelManagementActions.errorMutingChannel.text", "Error muting channel"),
+				severity: "error",
+				type: "api:channel:mute:failed"
+			});
+		});
+	});
+	const toggleChannelMute = useMemo(() => debounce(toggleChannelMuteRequest, 1e3), [toggleChannelMuteRequest]);
+	useEffect(() => () => {
+		toggleChannelMute.cancel();
+	}, [toggleChannelMute]);
+	const toggleOptimisticChannelMute = useCallback(() => {
+		const nextMuted = !optimisticChannelMuted;
+		setOptimisticChannelMuted(nextMuted);
+		toggleChannelMute(nextMuted, channel);
+	}, [
+		channel,
+		optimisticChannelMuted,
+		toggleChannelMute
+	]);
+	const rootProps = useMemo(() => ({
+		"aria-pressed": optimisticChannelMuted,
+		className: clsx("str-chat__form__switch-field", channelManagementViewActionClassName),
+		onClick: toggleOptimisticChannelMute
+	}), [optimisticChannelMuted, toggleOptimisticChannelMute]);
+	const TrailingSlot = useMemo(() => {
+		function ChannelMuteSwitch() {
+			return /* @__PURE__ */ jsx(Switch, {
+				on: optimisticChannelMuted,
+				presentation: true
+			});
+		}
+		return ChannelMuteSwitch;
+	}, [optimisticChannelMuted]);
+	return /* @__PURE__ */ jsx(ListItemLayout, {
+		LeadingIcon: optimisticChannelMuted ? MutedActionIcon : MuteActionIcon,
+		RootElement: "button",
+		rootProps,
+		title: optimisticChannelMuted ? t("channelDetail.channelManagementActions.unmuteChat.title", "Unmute chat") : t("channelDetail.channelManagementActions.muteChat.title", "Mute chat"),
+		TrailingSlot
+	});
+};
+var UserMuteAction = () => {
+	const { client, mutes } = useChatContext();
+	const { channel } = useChannelDetailContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const otherMember = useOtherMember();
+	const userMuted = !!mutes.find((mute) => mute.target?.id === otherMember?.user?.id);
+	const [optimisticUserMuted, setOptimisticUserMuted] = useState(userMuted);
+	useEffect(() => {
+		setOptimisticUserMuted(userMuted);
+	}, [userMuted]);
+	const otherMemberUserId = otherMember?.user?.id;
+	const toggleUserMuteRequest = useStableCallback((nextMuted, targetUserId) => {
+		if (!targetUserId) return;
+		if (!nextMuted) return client.moderation.unmute({ target_ids: [targetUserId] }).then(() => addNotification({
+			context: { channel },
+			emitter: "ChannelManagementView",
+			message: t("channelDetail.channelManagementActions.userUnmuted.text", "User unmuted"),
+			severity: "success",
+			type: "api:user:unmute:success"
+		})).catch((error) => {
+			setOptimisticUserMuted(userMuted);
+			return addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("channelDetail.channelManagementActions.errorUnmutingUser.text", "Error unmuting user"),
+				severity: "error",
+				type: "api:user:unmute:failed"
+			});
+		});
+		return client.moderation.mute({ target_ids: [targetUserId] }).then(() => addNotification({
+			context: { channel },
+			emitter: "ChannelManagementView",
+			message: t("channelDetail.channelManagementActions.userMuted.text", "User muted"),
+			severity: "success",
+			type: "api:user:mute:success"
+		})).catch((error) => {
+			setOptimisticUserMuted(userMuted);
+			return addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("channelDetail.channelManagementActions.errorMutingUser.text", "Error muting user"),
+				severity: "error",
+				type: "api:user:mute:failed"
+			});
+		});
+	});
+	const toggleUserMute = useMemo(() => debounce(toggleUserMuteRequest, 1e3), [toggleUserMuteRequest]);
+	useEffect(() => () => {
+		toggleUserMute.cancel();
+	}, [toggleUserMute]);
+	const toggleOptimisticUserMute = useCallback(() => {
+		const nextMuted = !optimisticUserMuted;
+		setOptimisticUserMuted(nextMuted);
+		toggleUserMute(nextMuted, otherMemberUserId);
+	}, [
+		optimisticUserMuted,
+		otherMemberUserId,
+		toggleUserMute
+	]);
+	const rootProps = useMemo(() => ({
+		"aria-pressed": optimisticUserMuted,
+		className: clsx("str-chat__form__switch-field", channelManagementViewActionClassName),
+		onClick: toggleOptimisticUserMute
+	}), [optimisticUserMuted, toggleOptimisticUserMute]);
+	const TrailingSlot = useMemo(() => {
+		function UserMuteSwitch() {
+			return /* @__PURE__ */ jsx(Switch, {
+				on: optimisticUserMuted,
+				presentation: true
+			});
+		}
+		return UserMuteSwitch;
+	}, [optimisticUserMuted]);
+	return /* @__PURE__ */ jsx(ListItemLayout, {
+		LeadingIcon: optimisticUserMuted ? MutedActionIcon : MuteActionIcon,
+		RootElement: "button",
+		rootProps,
+		title: optimisticUserMuted ? t("channelDetail.channelManagementActions.unmuteUser.title", "Unmute user") : t("channelDetail.channelManagementActions.muteUser.title", "Mute user"),
+		TrailingSlot
+	});
+};
+var BlockUserAction = () => {
+	const { client } = useChatContext();
+	const { Modal = GlobalModal } = useComponentContext();
+	const { channel } = useChannelDetailContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const targetUserId = useOtherMember()?.user?.id;
+	const { userIds: blockedUserIds } = useStateStore(client.blockedUsers, blockedUsersSelector);
+	const isBlocked = useMemo(() => !!targetUserId && new Set(blockedUserIds).has(targetUserId), [blockedUserIds, targetUserId]);
+	const [alertOpen, setAlertOpen] = useState(false);
+	const [userBlockInProgress, setUserBlockInProgress] = useState(false);
+	const closeBlockUserAlert = useCallback(() => {
+		setAlertOpen(false);
+	}, []);
+	const openBlockUserAlert = useCallback(() => {
+		setAlertOpen(true);
+	}, []);
+	const unblockUser = useCallback(async () => {
+		if (!targetUserId) return;
+		try {
+			setUserBlockInProgress(true);
+			await client.unblockUser(targetUserId);
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				message: t("common.userUnblocked.text", "User unblocked"),
+				severity: "success",
+				type: "api:user:unblock:success"
+			});
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("channelDetail.channelManagementActions.errorUnblockingUser.text", "Error unblocking user"),
+				severity: "error",
+				type: "api:user:unblock:failed"
+			});
+		} finally {
+			setAlertOpen(false);
+			setUserBlockInProgress(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		client,
+		targetUserId,
+		t
+	]);
+	const blockUser = useCallback(async () => {
+		if (!targetUserId) return;
+		try {
+			setUserBlockInProgress(true);
+			await client.blockUser(targetUserId);
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				message: t("common.userBlocked.text", "User blocked"),
+				severity: "success",
+				type: "api:user:block:success"
+			});
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("channelDetail.channelManagementActions.errorBlockingUser.text", "Error blocking user"),
+				severity: "error",
+				type: "api:user:block:failed"
+			});
+		} finally {
+			setAlertOpen(false);
+			setUserBlockInProgress(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		client,
+		targetUserId,
+		t
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ListItemLayout, {
+		destructive: true,
+		LeadingIcon: BlockUserActionIcon,
+		RootElement: "button",
+		rootProps: useMemo(() => ({
+			className: channelManagementViewActionClassName,
+			disabled: userBlockInProgress,
+			onClick: openBlockUserAlert
+		}), [openBlockUserAlert, userBlockInProgress]),
+		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("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("common.unblock.ariaLabel", "Unblock") : t("common.blockUser.title", "Block User")
+		})
+	})] });
+};
+var LeaveChannelAction = () => {
+	const { client } = useChatContext();
+	const { channel } = useChannelDetailContext();
+	const { Modal = GlobalModal } = useComponentContext();
+	const { close } = useModalContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const [alertOpen, setAlertOpen] = useState(false);
+	const [leaveChannelInProgress, setLeaveChannelInProgress] = useState(false);
+	const closeLeaveChannelAlert = useCallback(() => {
+		setAlertOpen(false);
+	}, []);
+	const openLeaveChannelAlert = useCallback(() => {
+		setAlertOpen(true);
+	}, []);
+	const leaveChannel = useCallback(async () => {
+		if (!client.userID) return;
+		try {
+			setLeaveChannelInProgress(true);
+			await channel.removeMembers([client.userID]);
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				message: t("common.leftChannel.text", "Left channel"),
+				severity: "success",
+				type: "api:channel:leave:success"
+			});
+			setAlertOpen(false);
+			close();
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("common.failedLeaveChannel.text", "Failed to leave channel"),
+				severity: "error",
+				type: "api:channel:leave:failed"
+			});
+		} finally {
+			setLeaveChannelInProgress(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		client.userID,
+		close,
+		t
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ListItemLayout, {
+		destructive: true,
+		LeadingIcon: LeaveChannelActionIcon,
+		RootElement: "button",
+		rootProps: useMemo(() => ({
+			className: channelManagementViewActionClassName,
+			disabled: leaveChannelInProgress,
+			onClick: openLeaveChannelAlert
+		}), [leaveChannelInProgress, openLeaveChannelAlert]),
+		title: t("channelDetail.channelManagementActions.leaveChat.title", "Leave chat")
+	}), /* @__PURE__ */ jsx(Modal, {
+		open: alertOpen,
+		role: "alertdialog",
+		children: /* @__PURE__ */ jsx(ChannelManagementConfirmationAlert, {
+			action: "leaveChannel",
+			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("channelDetail.channelManagementActions.leaveChat.title", "Leave chat")
+		})
+	})] });
+};
+var DeleteChatAction = () => {
+	const { channel } = useChannelDetailContext();
+	const { Modal = GlobalModal } = useComponentContext();
+	const { close: closeChannelDetail } = useModalContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const otherMember = useOtherMember();
+	const [alertOpen, setAlertOpen] = useState(false);
+	const [deleteChatInProgress, setDeleteChatInProgress] = useState(false);
+	const userName = getDisplayName(otherMember?.user?.name, otherMember?.user?.id);
+	const closeDeleteChatAlert = useCallback(() => {
+		setAlertOpen(false);
+	}, []);
+	const openDeleteChatAlert = useCallback(() => {
+		setAlertOpen(true);
+	}, []);
+	const deleteChat = useCallback(async () => {
+		try {
+			setDeleteChatInProgress(true);
+			await channel.delete();
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				message: t("channelDetail.channelManagementActions.chatDeleted.text", "Chat deleted"),
+				severity: "success",
+				type: "api:channel:delete:success"
+			});
+			setAlertOpen(false);
+			closeChannelDetail();
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelManagementView",
+				error: toError(error),
+				message: t("channelDetail.channelManagementActions.errorDeletingChat.text", "Error deleting chat"),
+				severity: "error",
+				type: "api:channel:delete:failed"
+			});
+		} finally {
+			setDeleteChatInProgress(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		closeChannelDetail,
+		t
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ListItemLayout, {
+		destructive: true,
+		LeadingIcon: DeleteChatActionIcon,
+		RootElement: "button",
+		rootProps: useMemo(() => ({
+			className: channelManagementViewActionClassName,
+			disabled: deleteChatInProgress,
+			onClick: openDeleteChatAlert
+		}), [deleteChatInProgress, openDeleteChatAlert]),
+		title: t("channelDetail.channelManagementActions.deleteChat.title", "Delete chat")
+	}), /* @__PURE__ */ jsx(Modal, {
+		open: alertOpen,
+		role: "alertdialog",
+		children: /* @__PURE__ */ jsx(ChannelManagementConfirmationAlert, {
+			action: "deleteChat",
+			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("channelDetail.channelManagementActions.deleteChat.title", "Delete chat")
+		})
+	})] });
+};
+var DefaultChannelManagementActions = {
+	BlockUser: BlockUserAction,
+	DeleteChat: DeleteChatAction,
+	LeaveChannel: LeaveChannelAction,
+	MuteChannel: ChannelMuteAction,
+	MuteUser: UserMuteAction
+};
+var defaultChannelManagementActionSet = [
+	{
+		Component: DefaultChannelManagementActions.MuteChannel,
+		type: "muteChannel"
+	},
+	{
+		Component: DefaultChannelManagementActions.MuteUser,
+		type: "muteUser"
+	},
+	{
+		Component: DefaultChannelManagementActions.BlockUser,
+		type: "blockUser"
+	},
+	{
+		Component: DefaultChannelManagementActions.LeaveChannel,
+		type: "leaveChannel"
+	},
+	{
+		Component: DefaultChannelManagementActions.DeleteChat,
+		type: "deleteChat"
+	}
+];
+//#endregion
+export { DefaultChannelManagementActions, defaultChannelManagementActionSet, useBaseChannelManagementActionSetFilter };
+
+//# sourceMappingURL=ChannelManagementActions.defaults.mjs.map

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

@@ -0,0 +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\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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"}