stream-chat-react 14.11.1 → 14.12.0

package/dist/es/plugins/ChannelDetail/Views/ChannelMediaView/ChannelMediaView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMediaView.mjs","names":[],"sources":["../../../../../../src/plugins/ChannelDetail/Views/ChannelMediaView/ChannelMediaView.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n  useComponentContext,\n  useComponentContextIcons,\n  useModalContext,\n  useTranslationContext,\n} from '../../../../context';\nimport { formatTime } from '../../../../components/AudioPlayback';\nimport { Avatar as DefaultAvatar } from '../../../../components/Avatar';\nimport { extractDisplayInfo as defaultExtractDisplayInfo } from '../../../../components/Avatar/utils';\nimport { Badge } from '../../../../components/Badge';\nimport {\n  type BaseImageProps,\n  BaseImage as DefaultBaseImage,\n} from '../../../../components/BaseImage';\nimport { Prompt } from '../../../../components/Dialog';\nimport { Gallery as DefaultGallery, GalleryUI } from '../../../../components/Gallery';\nimport { GlobalModal } from '../../../../components/Modal';\nimport {\n  SectionNavigatorHeader,\n  type SectionNavigatorSectionContentProps,\n} from '../../SectionNavigator';\nimport { ChannelDetailListLoadingIndicator } from '../../ChannelDetailListLoadingIndicator';\nimport { getUserDisplayName } from '../ChannelMembersView/ChannelMembersView.utils';\nimport { ChannelMediaEmptyList } from './ChannelMediaEmptyList';\nimport type { ChannelMediaItem } from './ChannelMediaView.utils';\nimport { useChannelMediaSearch } from './useChannelMediaSearch';\nimport { Button } from '../../../../components';\n\n// Default items rendered per grid page (5 columns x 6 rows). Overridable via the\n// `itemsPerPage` prop. Intentionally decoupled from the search source's message\n// page size: a message carries a variable number of attachments, so message\n// pages and attachment pages don't align.\nconst DEFAULT_CHANNEL_MEDIA_ITEMS_PER_PAGE = 30;\n\ntype ChannelMediaGridItemProps = {\n  BaseImage: React.ComponentType<BaseImageProps>;\n  item: ChannelMediaItem;\n  onClick: () => void;\n};\n\nconst ChannelMediaGridItem = ({\n  BaseImage,\n  item,\n  onClick,\n}: ChannelMediaGridItemProps) => {\n  const { t } = useTranslationContext('ChannelMediaView');\n  const { Avatar = DefaultAvatar, extractDisplayInfo = defaultExtractDisplayInfo } =\n    useComponentContext();\n  const { IconImage, IconVideoFill } = useComponentContextIcons();\n  const displayName = getUserDisplayName(item.user);\n  const mediaSrc =\n    item.type === 'video'\n      ? item.galleryItem.videoThumbnailUrl\n      : item.galleryItem.imageUrl;\n  const durationLabel = formatTime(item.durationSeconds, 'floor');\n  const label =\n    item.type === 'video'\n      ? t('aria/Open video shared by {{ name }}', { name: displayName })\n      : t('aria/Open image shared by {{ name }}', { name: displayName });\n\n  return (\n    <button\n      aria-label={label}\n      className='str-chat__channel-detail__media-view__item'\n      onClick={onClick}\n      type='button'\n    >\n      {mediaSrc ? (\n        <BaseImage\n          alt={item.galleryItem.alt ?? item.galleryItem.title ?? ''}\n          className='str-chat__channel-detail__media-view__item__media'\n          src={mediaSrc}\n        />\n      ) : (\n        <div\n          aria-hidden='true'\n          className='str-chat__channel-detail__media-view__item__placeholder'\n        >\n          <IconImage />\n        </div>\n      )}\n      <Avatar\n        {...extractDisplayInfo({ user: item.user })}\n        aria-hidden='true'\n        className='str-chat__channel-detail__media-view__item__avatar'\n        size='sm'\n      />\n      {item.type === 'video' && (\n        <Badge\n          className='str-chat__channel-detail__media-view__item__duration'\n          size='sm'\n          variant='inverse'\n        >\n          <IconVideoFill className='str-chat__channel-detail__media-view__item__duration-icon' />\n          {durationLabel ? <span>{durationLabel}</span> : null}\n        </Badge>\n      )}\n    </button>\n  );\n};\n\ntype ChannelMediaPaginationProps = {\n  nextDisabled: boolean;\n  onNext: () => void;\n  onPrevious: () => void;\n  previousDisabled: boolean;\n};\n\nconst ChannelMediaPagination = ({\n  nextDisabled,\n  onNext,\n  onPrevious,\n  previousDisabled,\n}: ChannelMediaPaginationProps) => {\n  const { t } = useTranslationContext('ChannelMediaView');\n  const { IconChevronLeft, IconChevronRight } = useComponentContextIcons();\n\n  return (\n    <div className='str-chat__channel-detail__media-view__pagination'>\n      <Button\n        appearance='outline'\n        aria-label={t('aria/Previous page')}\n        className='str-chat__channel-detail__media-view__pagination__button str-chat__channel-detail__media-view__pagination__button--previous'\n        disabled={previousDisabled}\n        onClick={onPrevious}\n        size='md'\n        variant='secondary'\n      >\n        <IconChevronLeft />\n        {t('Previous')}\n      </Button>\n      <Button\n        appearance='outline'\n        aria-label={t('aria/Next page')}\n        className='str-chat__channel-detail__media-view__pagination__button str-chat__channel-detail__media-view__pagination__button--next'\n        disabled={nextDisabled}\n        onClick={onNext}\n        size='md'\n        variant='secondary'\n      >\n        {t('Next')}\n        <IconChevronRight />\n      </Button>\n    </div>\n  );\n};\n\nexport type ChannelMediaViewProps = SectionNavigatorSectionContentProps & {\n  /** Number of media items rendered per grid page. Defaults to 30. */\n  itemsPerPage?: number;\n};\n\nexport const ChannelMediaView: React.ComponentType<ChannelMediaViewProps> = ({\n  itemsPerPage = DEFAULT_CHANNEL_MEDIA_ITEMS_PER_PAGE,\n}) => {\n  const { t } = useTranslationContext();\n  const { close } = useModalContext();\n  const {\n    BaseImage = DefaultBaseImage,\n    Gallery = DefaultGallery,\n    Modal = GlobalModal,\n  } = useComponentContext();\n  const { channelMediaSearchSource, hasNext, hasResultsLoaded, isLoading, mediaItems } =\n    useChannelMediaSearch();\n\n  const [viewerOpen, setViewerOpen] = useState(false);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [page, setPage] = useState(0);\n  const gridRef = useRef<HTMLDivElement>(null);\n  // Set when \"Next\" reached a page that isn't loaded yet; the fill effect below\n  // advances to it once the fetched attachments land, keeping fetches triggered\n  // only by the button (or the initial mount load).\n  const pendingNextRef = useRef(false);\n\n  const galleryItems = useMemo(\n    () => mediaItems.map((item) => item.galleryItem),\n    [mediaItems],\n  );\n\n  const pageStart = page * itemsPerPage;\n  const pageItems = useMemo(\n    () => mediaItems.slice(pageStart, pageStart + itemsPerPage),\n    [mediaItems, itemsPerPage, pageStart],\n  );\n\n  // More items already loaded beyond this page, or the source can fetch more.\n  const canGoNext = mediaItems.length > pageStart + itemsPerPage || hasNext;\n  const showPagination =\n    mediaItems.length > itemsPerPage || (mediaItems.length > 0 && hasNext);\n\n  const openViewer = useCallback((index: number) => {\n    setSelectedIndex(index);\n    setViewerOpen(true);\n  }, []);\n\n  const closeViewer = useCallback(() => {\n    setViewerOpen(false);\n  }, []);\n\n  const goToPreviousPage = useCallback(() => {\n    pendingNextRef.current = false;\n    setPage((current) => Math.max(0, current - 1));\n  }, []);\n\n  const goToNextPage = useCallback(() => {\n    const nextPageStart = (page + 1) * itemsPerPage;\n    if (mediaItems.length > nextPageStart) {\n      // The next page is already backed by loaded attachments — advance now.\n      setPage(page + 1);\n    } else if (hasNext) {\n      // The next page isn't loaded yet. Request more and let the fill effect\n      // advance once enough attachments arrive. Only a ref changes here (no\n      // re-render), so the fetch fires exactly once per click.\n      pendingNextRef.current = true;\n      void channelMediaSearchSource.search();\n    }\n  }, [channelMediaSearchSource, hasNext, itemsPerPage, mediaItems.length, page]);\n\n  // Forward-fill loop. Because a message yields a variable number of\n  // attachments, one fetch may not fill a grid page (and the very first page\n  // can arrive short). Keep pulling message pages until the visible page is\n  // full or the channel is exhausted; nothing is ever discarded, so paging to\n  // the end always reveals every attachment. Also resolves a pending \"Next\" by\n  // advancing once its target page has data.\n  useEffect(() => {\n    if (isLoading) return;\n\n    if (pendingNextRef.current) {\n      const nextPageStart = (page + 1) * itemsPerPage;\n      if (mediaItems.length > nextPageStart) {\n        pendingNextRef.current = false;\n        setPage((current) => current + 1);\n        return;\n      }\n      if (!hasNext) {\n        pendingNextRef.current = false;\n        return;\n      }\n      void channelMediaSearchSource.search();\n      return;\n    }\n\n    // Top up the visible page (covers the first page on mount).\n    const need = pageStart + itemsPerPage;\n    if (mediaItems.length < need && hasNext) {\n      void channelMediaSearchSource.search();\n    }\n  }, [\n    channelMediaSearchSource,\n    hasNext,\n    isLoading,\n    itemsPerPage,\n    mediaItems.length,\n    page,\n    pageStart,\n  ]);\n\n  // Each page replaces the previous one, so reset the grid scroll on change.\n  useEffect(() => {\n    const grid = gridRef.current;\n    if (typeof grid?.scrollTo === 'function') {\n      grid.scrollTo({ top: 0 });\n    } else if (grid) {\n      grid.scrollTop = 0;\n    }\n  }, [page]);\n\n  return (\n    <div className='str-chat__channel-detail__media-view'>\n      <SectionNavigatorHeader close={close} title={t('Photos & videos')} />\n      <Prompt.Body className='str-chat__channel-detail__media-view__body'>\n        <div className='str-chat__channel-detail__media-view__grid' ref={gridRef}>\n          <div className='str-chat__channel-detail__media-view__grid__content'>\n            {pageItems.length > 0 ? (\n              <div className='str-chat__channel-detail__media-view__grid__items'>\n                {pageItems.map((item, index) => (\n                  <ChannelMediaGridItem\n                    BaseImage={BaseImage}\n                    item={item}\n                    key={item.id}\n                    onClick={() => openViewer(pageStart + index)}\n                  />\n                ))}\n              </div>\n            ) : hasResultsLoaded ? (\n              <ChannelMediaEmptyList />\n            ) : null}\n            <ChannelDetailListLoadingIndicator searchSource={channelMediaSearchSource} />\n            {showPagination && (\n              <ChannelMediaPagination\n                nextDisabled={!canGoNext || isLoading}\n                onNext={goToNextPage}\n                onPrevious={goToPreviousPage}\n                previousDisabled={page === 0}\n              />\n            )}\n          </div>\n        </div>\n      </Prompt.Body>\n      <Modal\n        className={clsx(\n          'str-chat__gallery-modal',\n          'str-chat__channel-detail__media-view__viewer',\n        )}\n        onClose={closeViewer}\n        open={viewerOpen}\n      >\n        <Gallery\n          GalleryUI={GalleryUI}\n          initialIndex={selectedIndex}\n          items={galleryItems}\n          onRequestClose={closeViewer}\n        />\n      </Modal>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/es/plugins/ChannelDetail/Views/ChannelMediaView/ChannelMediaView.utils.mjs

@@ -0,0 +1,37 @@
+import { toBaseImageDescriptors } from "../../../../components/BaseImage/toBaseImageDescriptors.mjs";
+import { isImageAttachment, isVideoAttachment } from "stream-chat";
+//#region src/plugins/ChannelDetail/Views/ChannelMediaView/ChannelMediaView.utils.ts
+/** Attachment types rendered by the media gallery. */
+var MEDIA_ATTACHMENT_TYPES = ["image", "video"];
+var getMediaAttachmentType = (attachment) => {
+	if (isVideoAttachment(attachment)) return "video";
+	if (isImageAttachment(attachment)) return "image";
+};
+/**
+* Flattens messages into one renderable media item per image/video attachment,
+* carrying over the gallery descriptor, posting user, and video duration.
+*/
+var toChannelMediaItems = (messages) => {
+	const items = [];
+	messages.forEach((message) => {
+		message.attachments?.forEach((attachment, index) => {
+			const type = getMediaAttachmentType(attachment);
+			if (!type) return;
+			const descriptor = toBaseImageDescriptors(attachment);
+			if (!descriptor) return;
+			if (!(type === "video" ? Boolean(descriptor.videoThumbnailUrl || descriptor.videoUrl) : Boolean(descriptor.imageUrl))) return;
+			items.push({
+				durationSeconds: typeof attachment.duration === "number" ? attachment.duration : void 0,
+				galleryItem: descriptor,
+				id: `${message.id}-${index}`,
+				type,
+				user: message.user ?? void 0
+			});
+		});
+	});
+	return items;
+};
+//#endregion
+export { MEDIA_ATTACHMENT_TYPES, toChannelMediaItems };
+
+//# sourceMappingURL=ChannelMediaView.utils.mjs.map

package/dist/es/plugins/ChannelDetail/Views/ChannelMediaView/ChannelMediaView.utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMediaView.utils.mjs","names":[],"sources":["../../../../../../src/plugins/ChannelDetail/Views/ChannelMediaView/ChannelMediaView.utils.ts"],"sourcesContent":["import {\n  type Attachment,\n  isImageAttachment,\n  isVideoAttachment,\n  type LocalMessage,\n  type MessageResponse,\n  type UserResponse,\n} from 'stream-chat';\n\nimport { toBaseImageDescriptors } from '../../../../components/BaseImage';\nimport type { GalleryItem } from '../../../../components/Gallery';\n\n/** Attachment types rendered by the media gallery. */\nexport const MEDIA_ATTACHMENT_TYPES = ['image', 'video'] as const;\n\nexport type ChannelMediaItemType = (typeof MEDIA_ATTACHMENT_TYPES)[number];\n\nexport type ChannelMediaItem = {\n  /** Item to hand over to the full-screen `Gallery` viewer. */\n  galleryItem: GalleryItem;\n  /** Stable identity (messageId + attachment index). */\n  id: string;\n  type: ChannelMediaItemType;\n  /** Video duration in seconds, when known. */\n  durationSeconds?: number;\n  /** User who shared the media. */\n  user?: UserResponse;\n};\n\nconst getMediaAttachmentType = (\n  attachment: Attachment,\n): ChannelMediaItemType | undefined => {\n  if (isVideoAttachment(attachment)) return 'video';\n  if (isImageAttachment(attachment)) return 'image';\n  return undefined;\n};\n\n/**\n * Flattens messages into one renderable media item per image/video attachment,\n * carrying over the gallery descriptor, posting user, and video duration.\n */\nexport const toChannelMediaItems = (\n  messages: Array<MessageResponse | LocalMessage>,\n): ChannelMediaItem[] => {\n  const items: ChannelMediaItem[] = [];\n\n  messages.forEach((message) => {\n    message.attachments?.forEach((attachment, index) => {\n      const type = getMediaAttachmentType(attachment);\n      if (!type) return;\n\n      const descriptor = toBaseImageDescriptors(attachment);\n      if (!descriptor) return;\n\n      const hasRenderableSource =\n        type === 'video'\n          ? Boolean(descriptor.videoThumbnailUrl || descriptor.videoUrl)\n          : Boolean(descriptor.imageUrl);\n      if (!hasRenderableSource) return;\n\n      items.push({\n        durationSeconds:\n          typeof attachment.duration === 'number' ? attachment.duration : undefined,\n        galleryItem: descriptor,\n        id: `${message.id}-${index}`,\n        type,\n        user: message.user ?? undefined,\n      });\n    });\n  });\n\n  return items;\n};\n"],"mappings":";;;;AAaA,IAAa,yBAAyB,CAAC,SAAS,OAAO;AAgBvD,IAAM,0BACJ,eACqC;CACrC,IAAI,kBAAkB,UAAU,GAAG,OAAO;CAC1C,IAAI,kBAAkB,UAAU,GAAG,OAAO;AAE5C;;;;;AAMA,IAAa,uBACX,aACuB;CACvB,MAAM,QAA4B,CAAC;CAEnC,SAAS,SAAS,YAAY;EAC5B,QAAQ,aAAa,SAAS,YAAY,UAAU;GAClD,MAAM,OAAO,uBAAuB,UAAU;GAC9C,IAAI,CAAC,MAAM;GAEX,MAAM,aAAa,uBAAuB,UAAU;GACpD,IAAI,CAAC,YAAY;GAMjB,IAAI,EAHF,SAAS,UACL,QAAQ,WAAW,qBAAqB,WAAW,QAAQ,IAC3D,QAAQ,WAAW,QAAQ,IACP;GAE1B,MAAM,KAAK;IACT,iBACE,OAAO,WAAW,aAAa,WAAW,WAAW,WAAW,KAAA;IAClE,aAAa;IACb,IAAI,GAAG,QAAQ,GAAG,GAAG;IACrB;IACA,MAAM,QAAQ,QAAQ,KAAA;GACxB,CAAC;EACH,CAAC;CACH,CAAC;CAED,OAAO;AACT"}

package/dist/es/plugins/ChannelDetail/Views/ChannelMediaView/useChannelMediaSearch.mjs

@@ -0,0 +1,47 @@
+import { useChatContext } from "../../../../context/ChatContext.mjs";
+import { useStateStore } from "../../../../store/hooks/useStateStore.mjs";
+import { useChannelDetailContext } from "../../ChannelDetailContext.mjs";
+import { MEDIA_ATTACHMENT_TYPES, toChannelMediaItems } from "./ChannelMediaView.utils.mjs";
+import { useEffect, useMemo } from "react";
+import { MessageSearchSource } from "stream-chat";
+//#region src/plugins/ChannelDetail/Views/ChannelMediaView/useChannelMediaSearch.ts
+var CHANNEL_MEDIA_SEARCH_PAGE_SIZE = 30;
+var channelMediaSearchSourceItemsStateSelector = (state) => ({
+	hasNext: state.hasNext,
+	isLoading: state.isLoading,
+	messages: state.items
+});
+var useChannelMediaSearch = () => {
+	const { client } = useChatContext();
+	const { channel } = useChannelDetailContext();
+	const channelMediaSearchSource = useMemo(() => {
+		const source = new MessageSearchSource(client, {
+			allowEmptySearchString: true,
+			pageSize: CHANNEL_MEDIA_SEARCH_PAGE_SIZE,
+			resetOnNewSearchQuery: false
+		});
+		source.messageSearchChannelFilters = { cid: channel.cid };
+		source.messageSearchFilters = { "attachments.type": { $in: [...MEDIA_ATTACHMENT_TYPES] } };
+		return source;
+	}, [channel.cid, client]);
+	const { hasNext, isLoading, messages } = useStateStore(channelMediaSearchSource.state, channelMediaSearchSourceItemsStateSelector);
+	const mediaItems = useMemo(() => toChannelMediaItems(messages ?? []), [messages]);
+	useEffect(() => {
+		channelMediaSearchSource.activate();
+		channelMediaSearchSource.search("");
+		return () => {
+			channelMediaSearchSource.cancelScheduledQuery();
+		};
+	}, [channelMediaSearchSource]);
+	return {
+		channelMediaSearchSource,
+		hasNext: Boolean(hasNext),
+		hasResultsLoaded: Array.isArray(messages),
+		isLoading,
+		mediaItems
+	};
+};
+//#endregion
+export { useChannelMediaSearch };
+
+//# sourceMappingURL=useChannelMediaSearch.mjs.map

package/dist/es/plugins/ChannelDetail/Views/ChannelMediaView/useChannelMediaSearch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChannelMediaSearch.mjs","names":[],"sources":["../../../../../../src/plugins/ChannelDetail/Views/ChannelMediaView/useChannelMediaSearch.ts"],"sourcesContent":["import {\n  type LocalMessage,\n  type MessageResponse,\n  MessageSearchSource,\n  type SearchSourceState,\n} from 'stream-chat';\nimport { useEffect, useMemo } from 'react';\n\nimport { useChatContext } from '../../../../context';\nimport { useStateStore } from '../../../../store';\nimport { useChannelDetailContext } from '../../ChannelDetailContext';\nimport { MEDIA_ATTACHMENT_TYPES, toChannelMediaItems } from './ChannelMediaView.utils';\n\nconst CHANNEL_MEDIA_SEARCH_PAGE_SIZE = 30;\n\nconst channelMediaSearchSourceItemsStateSelector = (\n  state: SearchSourceState<MessageResponse>,\n) => ({\n  hasNext: state.hasNext,\n  isLoading: state.isLoading,\n  messages: state.items,\n});\n\nexport const useChannelMediaSearch = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n\n  const channelMediaSearchSource = useMemo(() => {\n    const source = new MessageSearchSource(client, {\n      allowEmptySearchString: true,\n      pageSize: CHANNEL_MEDIA_SEARCH_PAGE_SIZE,\n      resetOnNewSearchQuery: false,\n    });\n\n    source.messageSearchChannelFilters = { cid: channel.cid };\n    source.messageSearchFilters = {\n      'attachments.type': { $in: [...MEDIA_ATTACHMENT_TYPES] },\n    };\n\n    return source;\n  }, [channel.cid, client]);\n\n  const { hasNext, isLoading, messages } = useStateStore(\n    channelMediaSearchSource.state,\n    channelMediaSearchSourceItemsStateSelector,\n  );\n\n  const mediaItems = useMemo(\n    () => toChannelMediaItems((messages ?? []) as Array<MessageResponse | LocalMessage>),\n    [messages],\n  );\n\n  useEffect(() => {\n    channelMediaSearchSource.activate();\n    void channelMediaSearchSource.search('');\n\n    return () => {\n      channelMediaSearchSource.cancelScheduledQuery();\n    };\n  }, [channelMediaSearchSource]);\n\n  return {\n    channelMediaSearchSource,\n    hasNext: Boolean(hasNext),\n    hasResultsLoaded: Array.isArray(messages),\n    isLoading,\n    mediaItems,\n  };\n};\n"],"mappings":";;;;;;;AAaA,IAAM,iCAAiC;AAEvC,IAAM,8CACJ,WACI;CACJ,SAAS,MAAM;CACf,WAAW,MAAM;CACjB,UAAU,MAAM;AAClB;AAEA,IAAa,8BAA8B;CACzC,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,YAAY,wBAAwB;CAE5C,MAAM,2BAA2B,cAAc;EAC7C,MAAM,SAAS,IAAI,oBAAoB,QAAQ;GAC7C,wBAAwB;GACxB,UAAU;GACV,uBAAuB;EACzB,CAAC;EAED,OAAO,8BAA8B,EAAE,KAAK,QAAQ,IAAI;EACxD,OAAO,uBAAuB,EAC5B,oBAAoB,EAAE,KAAK,CAAC,GAAG,sBAAsB,EAAE,EACzD;EAEA,OAAO;CACT,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC;CAExB,MAAM,EAAE,SAAS,WAAW,aAAa,cACvC,yBAAyB,OACzB,0CACF;CAEA,MAAM,aAAa,cACX,oBAAqB,YAAY,CAAC,CAA2C,GACnF,CAAC,QAAQ,CACX;CAEA,gBAAgB;EACd,yBAAyB,SAAS;EAClC,yBAA8B,OAAO,EAAE;EAEvC,aAAa;GACX,yBAAyB,qBAAqB;EAChD;CACF,GAAG,CAAC,wBAAwB,CAAC;CAE7B,OAAO;EACL;EACA,SAAS,QAAQ,OAAO;EACxB,kBAAkB,MAAM,QAAQ,QAAQ;EACxC;EACA;CACF;AACF"}

package/dist/es/plugins/ChannelDetail/Views/ChannelMemberDetailView/ChannelMemberActions.defaults.mjs

@@ -0,0 +1,451 @@
+import { useChannelListContext } from "../../../../context/ChannelListContext.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 { Button } from "../../../../components/Button/Button.mjs";
+import { useStableCallback } from "../../../../utils/useStableCallback.mjs";
+import { Alert } from "../../../../components/Dialog/components/Alert.mjs";
+import { GlobalModal } from "../../../../components/Modal/GlobalModal.mjs";
+import { Switch } from "../../../../components/Form/SwitchField.mjs";
+import { ListItemLayout } from "../../../../components/ListItemLayout/ListItemLayout.mjs";
+import { useNotificationApi } from "../../../../components/Notifications/hooks/useNotificationApi.mjs";
+import { useChannelDetailContext } from "../../ChannelDetailContext.mjs";
+import { createContext, useCallback, useContext, 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";
+import uniqBy from "lodash.uniqby";
+//#region src/plugins/ChannelDetail/Views/ChannelMemberDetailView/ChannelMemberActions.defaults.tsx
+var ChannelMemberActionContext = createContext(void 0);
+var ChannelMemberActionProvider = ({ children, value }) => /* @__PURE__ */ jsx(ChannelMemberActionContext.Provider, {
+	value,
+	children
+});
+var useChannelMemberActionContext = () => {
+	const contextValue = useContext(ChannelMemberActionContext);
+	if (!contextValue) throw new Error("The useChannelMemberActionContext hook was called outside of ChannelMemberActionProvider.");
+	return contextValue;
+};
+var toError = (error) => error instanceof Error ? error : /* @__PURE__ */ new Error("An unknown error occurred");
+var MemberMuteActionIcon = () => {
+	const { IconMute } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconMute, { className: "str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--mute" });
+};
+var MemberUnmuteActionIcon = () => {
+	const { IconAudio } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconAudio, { className: "str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--unmute" });
+};
+var SendDirectMessageActionIcon = () => {
+	const { IconMessageBubble } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconMessageBubble, { className: "str-chat__channel-detail__action-icon" });
+};
+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 RemoveUserActionIcon = () => {
+	const { IconUserRemove } = useComponentContextIcons();
+	return /* @__PURE__ */ jsx(IconUserRemove, { className: "str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--remove-user" });
+};
+var channelMemberDetailActionClassName = "str-chat__channel-member-detail-action";
+var blockedUsersSelector = ({ userIds }) => ({ userIds });
+var ChannelMemberConfirmationAlert = ({ action, cancelLabel, confirmLabel, description, isSubmitting, onCancel, onConfirm, testId, title }) => /* @__PURE__ */ jsxs(Alert.Root, {
+	className: clsx("str-chat__channel-member-confirmation-alert", { [`str-chat__channel-member-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 useChannelMemberActionFilterState = () => {
+	const { client } = useChatContext();
+	const { channel } = useChannelDetailContext();
+	const { targetUserId } = useChannelMemberActionContext();
+	const ownCapabilities = channel.data?.own_capabilities;
+	const isCurrentUser = targetUserId === client.user?.id;
+	return {
+		canBlockUser: !isCurrentUser && !!targetUserId,
+		canMuteUser: !isCurrentUser && !!targetUserId,
+		canRemoveUser: !isCurrentUser && !!targetUserId && ownCapabilities?.includes("update-channel-members"),
+		canSendMessage: !isCurrentUser && !!targetUserId
+	};
+};
+var useBaseChannelMemberActionSetFilter = (channelMemberActionSet) => {
+	const { canBlockUser, canMuteUser, canRemoveUser, canSendMessage } = useChannelMemberActionFilterState();
+	return useMemo(() => channelMemberActionSet.filter((action) => {
+		switch (action.type) {
+			case "blockUser": return canBlockUser;
+			case "muteUser": return canMuteUser;
+			case "removeUser": return canRemoveUser;
+			case "sendMessage": return canSendMessage;
+			default: return true;
+		}
+	}), [
+		canBlockUser,
+		canMuteUser,
+		canRemoveUser,
+		canSendMessage,
+		channelMemberActionSet
+	]);
+};
+var SendDirectMessageAction = () => {
+	const { client, setActiveChannel } = useChatContext();
+	const { setChannels } = useChannelListContext();
+	const { close } = useModalContext();
+	const { channel } = useChannelDetailContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const { targetUserId } = useChannelMemberActionContext();
+	const [isSending, setIsSending] = useState(false);
+	const openDirectMessage = useCallback(async () => {
+		if (!client.userID || !targetUserId || isSending) return;
+		setIsSending(true);
+		try {
+			const directMessageChannel = client.channel(channel.type, { members: [client.userID, targetUserId] });
+			await directMessageChannel.watch();
+			setActiveChannel(directMessageChannel);
+			setChannels?.((channels) => uniqBy([directMessageChannel, ...channels], "cid"));
+			close();
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				error: toError(error),
+				message: t("Error opening direct message"),
+				severity: "error",
+				type: "api:channel:watch:failed"
+			});
+		} finally {
+			setIsSending(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		client,
+		close,
+		isSending,
+		setActiveChannel,
+		setChannels,
+		t,
+		targetUserId
+	]);
+	return /* @__PURE__ */ jsx(ListItemLayout, {
+		LeadingIcon: SendDirectMessageActionIcon,
+		RootElement: "button",
+		rootProps: useMemo(() => ({
+			className: channelMemberDetailActionClassName,
+			disabled: isSending,
+			onClick: openDirectMessage
+		}), [isSending, openDirectMessage]),
+		title: t("Send direct message")
+	});
+};
+var UserMuteAction = () => {
+	const { channel } = useChannelDetailContext();
+	const { client, mutes } = useChatContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const { targetUserId } = useChannelMemberActionContext();
+	const userMuted = !!targetUserId && mutes.some((mute) => mute.target.id === targetUserId);
+	const [optimisticUserMuted, setOptimisticUserMuted] = useState(userMuted);
+	useEffect(() => {
+		setOptimisticUserMuted(userMuted);
+	}, [userMuted]);
+	const toggleUserMuteRequest = useStableCallback((nextMuted, userId) => {
+		if (!userId) return;
+		if (!nextMuted) return client.unmuteUser(userId).then(() => addNotification({
+			context: { channel },
+			emitter: "ChannelMemberDetail",
+			message: t("User unmuted"),
+			severity: "success",
+			type: "api:user:unmute:success"
+		})).catch((error) => {
+			setOptimisticUserMuted(userMuted);
+			return addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				error: toError(error),
+				message: t("Error unmuting user"),
+				severity: "error",
+				type: "api:user:unmute:failed"
+			});
+		});
+		return client.muteUser(userId).then(() => addNotification({
+			context: { channel },
+			emitter: "ChannelMemberDetail",
+			message: t("User muted"),
+			severity: "success",
+			type: "api:user:mute:success"
+		})).catch((error) => {
+			setOptimisticUserMuted(userMuted);
+			return addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				error: toError(error),
+				message: t("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, targetUserId);
+	}, [
+		optimisticUserMuted,
+		targetUserId,
+		toggleUserMute
+	]);
+	const rootProps = useMemo(() => ({
+		"aria-pressed": optimisticUserMuted,
+		className: clsx("str-chat__form__switch-field", channelMemberDetailActionClassName),
+		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 ? MemberUnmuteActionIcon : MemberMuteActionIcon,
+		RootElement: "button",
+		rootProps,
+		title: optimisticUserMuted ? t("Unmute user") : t("Mute user"),
+		TrailingSlot
+	});
+};
+var BlockUserAction = () => {
+	const { client } = useChatContext();
+	const { Modal = GlobalModal } = useComponentContext();
+	const { channel } = useChannelDetailContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const { memberDisplayName, targetUserId } = useChannelMemberActionContext();
+	const { userIds: blockedUserIds } = useStateStore(client.blockedUsers, blockedUsersSelector);
+	const isBlocked = !!targetUserId && new Set(blockedUserIds).has(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: "ChannelMemberDetail",
+				message: t("User unblocked"),
+				severity: "success",
+				type: "api:user:unblock:success"
+			});
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				error: toError(error),
+				message: t("Error unblocking user"),
+				severity: "error",
+				type: "api:user:unblock:failed"
+			});
+		} finally {
+			setAlertOpen(false);
+			setUserBlockInProgress(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		client,
+		t,
+		targetUserId
+	]);
+	const blockUser = useCallback(async () => {
+		if (!targetUserId) return;
+		try {
+			setUserBlockInProgress(true);
+			await client.blockUser(targetUserId);
+			addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				message: t("User blocked"),
+				severity: "success",
+				type: "api:user:block:success"
+			});
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				error: toError(error),
+				message: t("Error blocking user"),
+				severity: "error",
+				type: "api:user:block:failed"
+			});
+		} finally {
+			setAlertOpen(false);
+			setUserBlockInProgress(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		client,
+		t,
+		targetUserId
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ListItemLayout, {
+		destructive: true,
+		LeadingIcon: BlockUserActionIcon,
+		RootElement: "button",
+		rootProps: useMemo(() => ({
+			className: channelMemberDetailActionClassName,
+			disabled: userBlockInProgress,
+			onClick: openBlockUserAlert
+		}), [openBlockUserAlert, userBlockInProgress]),
+		title: isBlocked ? t("Unblock user") : t("Block user")
+	}), /* @__PURE__ */ jsx(Modal, {
+		open: alertOpen,
+		role: "alertdialog",
+		children: /* @__PURE__ */ jsx(ChannelMemberConfirmationAlert, {
+			action: "blockUser",
+			cancelLabel: t("Cancel"),
+			confirmLabel: isBlocked ? t("Unblock user") : t("Block user"),
+			description: isBlocked ? t("{{ member }} will be able to message you again.", { member: memberDisplayName }) : t("{{ member }} won't be able to message you anymore.", { member: memberDisplayName }),
+			isSubmitting: userBlockInProgress,
+			onCancel: closeBlockUserAlert,
+			onConfirm: isBlocked ? unblockUser : blockUser,
+			testId: "channel-detail-block-member-alert",
+			title: isBlocked ? t("Unblock user") : t("Block user")
+		})
+	})] });
+};
+var RemoveUserAction = () => {
+	const { Modal = GlobalModal } = useComponentContext();
+	const { channel } = useChannelDetailContext();
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const { memberDisplayName, targetUserId } = useChannelMemberActionContext();
+	const [alertOpen, setAlertOpen] = useState(false);
+	const [removeMemberInProgress, setRemoveMemberInProgress] = useState(false);
+	const closeRemoveUserAlert = useCallback(() => {
+		setAlertOpen(false);
+	}, []);
+	const openRemoveUserAlert = useCallback(() => {
+		setAlertOpen(true);
+	}, []);
+	const removeUser = useCallback(async () => {
+		if (!targetUserId) return;
+		try {
+			setRemoveMemberInProgress(true);
+			await channel.removeMembers([targetUserId]);
+			addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				message: t("User removed"),
+				severity: "success",
+				type: "api:channel:remove-members:success"
+			});
+			setAlertOpen(false);
+		} catch (error) {
+			addNotification({
+				context: { channel },
+				emitter: "ChannelMemberDetail",
+				error: toError(error),
+				message: t("Error removing user"),
+				severity: "error",
+				type: "api:channel:remove-members:failed"
+			});
+		} finally {
+			setRemoveMemberInProgress(false);
+		}
+	}, [
+		addNotification,
+		channel,
+		t,
+		targetUserId
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ListItemLayout, {
+		destructive: true,
+		LeadingIcon: RemoveUserActionIcon,
+		RootElement: "button",
+		rootProps: useMemo(() => ({
+			className: channelMemberDetailActionClassName,
+			disabled: removeMemberInProgress,
+			onClick: openRemoveUserAlert
+		}), [openRemoveUserAlert, removeMemberInProgress]),
+		title: t("Remove user")
+	}), /* @__PURE__ */ jsx(Modal, {
+		open: alertOpen,
+		role: "alertdialog",
+		children: /* @__PURE__ */ jsx(ChannelMemberConfirmationAlert, {
+			action: "removeUser",
+			cancelLabel: t("Cancel"),
+			confirmLabel: t("Remove user"),
+			description: t("Remove {{ member }} from this channel?", { member: memberDisplayName }),
+			isSubmitting: removeMemberInProgress,
+			onCancel: closeRemoveUserAlert,
+			onConfirm: removeUser,
+			testId: "channel-detail-remove-member-alert",
+			title: t("Remove user")
+		})
+	})] });
+};
+var DefaultChannelMemberActions = {
+	BlockUser: BlockUserAction,
+	MuteUser: UserMuteAction,
+	RemoveUser: RemoveUserAction,
+	SendDirectMessage: SendDirectMessageAction
+};
+var defaultChannelMemberActionSet = [
+	{
+		Component: DefaultChannelMemberActions.SendDirectMessage,
+		type: "sendMessage"
+	},
+	{
+		Component: DefaultChannelMemberActions.MuteUser,
+		type: "muteUser"
+	},
+	{
+		Component: DefaultChannelMemberActions.BlockUser,
+		type: "blockUser"
+	},
+	{
+		Component: DefaultChannelMemberActions.RemoveUser,
+		type: "removeUser"
+	}
+];
+//#endregion
+export { ChannelMemberActionProvider, DefaultChannelMemberActions, defaultChannelMemberActionSet, useBaseChannelMemberActionSetFilter, useChannelMemberActionContext };
+
+//# sourceMappingURL=ChannelMemberActions.defaults.mjs.map

package/dist/es/plugins/ChannelDetail/Views/ChannelMemberDetailView/ChannelMemberActions.defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMemberActions.defaults.mjs","names":[],"sources":["../../../../../../src/plugins/ChannelDetail/Views/ChannelMemberDetailView/ChannelMemberActions.defaults.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport debounce from 'lodash.debounce';\nimport uniqBy from 'lodash.uniqby';\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type { ChannelMemberResponse } from 'stream-chat';\n\nimport {\n  useChannelListContext,\n  useChatContext,\n  useComponentContext,\n  useComponentContextIcons,\n  useModalContext,\n  useTranslationContext,\n} from '../../../../context';\nimport { useStableCallback } from '../../../../utils';\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';\n\nexport type ChannelMemberActionType =\n  | 'blockUser'\n  | 'muteUser'\n  | 'removeUser'\n  | 'sendMessage'\n  | (string & {});\n\nexport type ChannelMemberActionItem = {\n  Component: React.ComponentType;\n  type: ChannelMemberActionType;\n};\n\ntype ChannelMemberActionContextValue = {\n  member: ChannelMemberResponse;\n  memberDisplayName: string;\n  targetUserId?: string;\n};\n\nconst ChannelMemberActionContext = createContext<\n  ChannelMemberActionContextValue | undefined\n>(undefined);\n\nexport const ChannelMemberActionProvider = ({\n  children,\n  value,\n}: React.PropsWithChildren<{ value: ChannelMemberActionContextValue }>) => (\n  <ChannelMemberActionContext.Provider value={value}>\n    {children}\n  </ChannelMemberActionContext.Provider>\n);\n\nexport const useChannelMemberActionContext = () => {\n  const contextValue = useContext(ChannelMemberActionContext);\n  if (!contextValue) {\n    throw new Error(\n      'The useChannelMemberActionContext hook was called outside of ChannelMemberActionProvider.',\n    );\n  }\n\n  return contextValue;\n};\n\nconst toError = (error: unknown) =>\n  error instanceof Error ? error : new Error('An unknown error occurred');\n\nconst MemberMuteActionIcon = () => {\n  const { IconMute } = useComponentContextIcons();\n  return (\n    <IconMute className='str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--mute' />\n  );\n};\n\nconst MemberUnmuteActionIcon = () => {\n  const { IconAudio } = useComponentContextIcons();\n  return (\n    <IconAudio className='str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--unmute' />\n  );\n};\n\nconst SendDirectMessageActionIcon = () => {\n  const { IconMessageBubble } = useComponentContextIcons();\n  return <IconMessageBubble className='str-chat__channel-detail__action-icon' />;\n};\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};\n\nconst RemoveUserActionIcon = () => {\n  const { IconUserRemove } = useComponentContextIcons();\n  return (\n    <IconUserRemove className='str-chat__icon--destructive str-chat__channel-detail__action-icon str-chat__channel-detail__action-icon--remove-user' />\n  );\n};\n\nconst channelMemberDetailActionClassName = 'str-chat__channel-member-detail-action';\n\nconst blockedUsersSelector = ({ userIds }: { userIds: string[] }) => ({ userIds });\n\ntype ChannelMemberConfirmationAlertProps = {\n  action: 'blockUser' | 'removeUser';\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 ChannelMemberConfirmationAlert = ({\n  action,\n  cancelLabel,\n  confirmLabel,\n  description,\n  isSubmitting,\n  onCancel,\n  onConfirm,\n  testId,\n  title,\n}: ChannelMemberConfirmationAlertProps) => (\n  <Alert.Root\n    className={clsx('str-chat__channel-member-confirmation-alert', {\n      [`str-chat__channel-member-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 useChannelMemberActionFilterState = () => {\n  const { client } = useChatContext();\n  const { channel } = useChannelDetailContext();\n  const { targetUserId } = useChannelMemberActionContext();\n  const ownCapabilities = channel.data?.own_capabilities;\n  const isCurrentUser = targetUserId === client.user?.id;\n\n  return {\n    // Blocking is a personal, per-user action (client.blockUser/unBlockUser),\n    // independent of channel moderation capabilities like 'ban-channel-members'.\n    canBlockUser: !isCurrentUser && !!targetUserId,\n    canMuteUser: !isCurrentUser && !!targetUserId,\n    canRemoveUser:\n      !isCurrentUser &&\n      !!targetUserId &&\n      ownCapabilities?.includes('update-channel-members'),\n    canSendMessage: !isCurrentUser && !!targetUserId,\n  };\n};\n\nexport const useBaseChannelMemberActionSetFilter = (\n  channelMemberActionSet: ChannelMemberActionItem[],\n) => {\n  const { canBlockUser, canMuteUser, canRemoveUser, canSendMessage } =\n    useChannelMemberActionFilterState();\n\n  return useMemo(\n    () =>\n      channelMemberActionSet.filter((action) => {\n        switch (action.type) {\n          case 'blockUser':\n            return canBlockUser;\n          case 'muteUser':\n            return canMuteUser;\n          case 'removeUser':\n            return canRemoveUser;\n          case 'sendMessage':\n            return canSendMessage;\n          default:\n            return true;\n        }\n      }),\n    [canBlockUser, canMuteUser, canRemoveUser, canSendMessage, channelMemberActionSet],\n  );\n};\n\nconst SendDirectMessageAction = () => {\n  const { client, setActiveChannel } = useChatContext();\n  const { setChannels } = useChannelListContext();\n  const { close } = useModalContext();\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { targetUserId } = useChannelMemberActionContext();\n  const [isSending, setIsSending] = useState(false);\n\n  const openDirectMessage = useCallback(async () => {\n    if (!client.userID || !targetUserId || isSending) return;\n\n    setIsSending(true);\n    try {\n      const directMessageChannel = client.channel(channel.type, {\n        members: [client.userID, targetUserId],\n      });\n      await directMessageChannel.watch();\n      setActiveChannel(directMessageChannel);\n      setChannels?.((channels) => uniqBy([directMessageChannel, ...channels], 'cid'));\n      close();\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelMemberDetail',\n        error: toError(error),\n        message: t('Error opening direct message'),\n        severity: 'error',\n        type: 'api:channel:watch:failed',\n      });\n    } finally {\n      setIsSending(false);\n    }\n  }, [\n    addNotification,\n    channel,\n    client,\n    close,\n    isSending,\n    setActiveChannel,\n    setChannels,\n    t,\n    targetUserId,\n  ]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelMemberDetailActionClassName,\n      disabled: isSending,\n      onClick: openDirectMessage,\n    }),\n    [isSending, openDirectMessage],\n  );\n\n  return (\n    <ListItemLayout\n      LeadingIcon={SendDirectMessageActionIcon}\n      RootElement='button'\n      rootProps={rootProps}\n      title={t('Send direct message')}\n    />\n  );\n};\n\nconst UserMuteAction = () => {\n  const { channel } = useChannelDetailContext();\n  const { client, mutes } = useChatContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { targetUserId } = useChannelMemberActionContext();\n  const userMuted =\n    !!targetUserId && mutes.some((mute) => mute.target.id === targetUserId);\n  const [optimisticUserMuted, setOptimisticUserMuted] = useState(userMuted);\n\n  useEffect(() => {\n    setOptimisticUserMuted(userMuted);\n  }, [userMuted]);\n\n  const toggleUserMuteRequest = useStableCallback(\n    (nextMuted: boolean, userId?: string) => {\n      if (!userId) return;\n\n      if (!nextMuted) {\n        return client\n          .unmuteUser(userId)\n          .then(() =>\n            addNotification({\n              context: { channel },\n              emitter: 'ChannelMemberDetail',\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            return addNotification({\n              context: { channel },\n              emitter: 'ChannelMemberDetail',\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(userId)\n        .then(() =>\n          addNotification({\n            context: { channel },\n            emitter: 'ChannelMemberDetail',\n            message: t('User muted'),\n            severity: 'success',\n            type: 'api:user:mute:success',\n          }),\n        )\n        .catch((error) => {\n          setOptimisticUserMuted(userMuted);\n          return addNotification({\n            context: { channel },\n            emitter: 'ChannelMemberDetail',\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    setOptimisticUserMuted(nextMuted);\n    toggleUserMute(nextMuted, targetUserId);\n  }, [optimisticUserMuted, targetUserId, toggleUserMute]);\n\n  const rootProps = useMemo(\n    () => ({\n      'aria-pressed': optimisticUserMuted,\n      className: clsx('str-chat__form__switch-field', channelMemberDetailActionClassName),\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 ? MemberUnmuteActionIcon : MemberMuteActionIcon}\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 { memberDisplayName, targetUserId } = useChannelMemberActionContext();\n  const { userIds: blockedUserIds } = useStateStore(\n    client.blockedUsers,\n    blockedUsersSelector,\n  );\n  const isBlocked = !!targetUserId && new Set(blockedUserIds).has(targetUserId);\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: 'ChannelMemberDetail',\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: 'ChannelMemberDetail',\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, t, targetUserId]);\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: 'ChannelMemberDetail',\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: 'ChannelMemberDetail',\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, t, targetUserId]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelMemberDetailActionClassName,\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 user') : t('Block user')}\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelMemberConfirmationAlert\n          action='blockUser'\n          cancelLabel={t('Cancel')}\n          confirmLabel={isBlocked ? t('Unblock user') : t('Block user')}\n          description={\n            isBlocked\n              ? t('{{ member }} will be able to message you again.', {\n                  member: memberDisplayName,\n                })\n              : t(\"{{ member }} won't be able to message you anymore.\", {\n                  member: memberDisplayName,\n                })\n          }\n          isSubmitting={userBlockInProgress}\n          onCancel={closeBlockUserAlert}\n          onConfirm={isBlocked ? unblockUser : blockUser}\n          testId='channel-detail-block-member-alert'\n          title={isBlocked ? t('Unblock user') : t('Block user')}\n        />\n      </Modal>\n    </>\n  );\n};\n\nconst RemoveUserAction = () => {\n  const { Modal = GlobalModal } = useComponentContext();\n  const { channel } = useChannelDetailContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { memberDisplayName, targetUserId } = useChannelMemberActionContext();\n  const [alertOpen, setAlertOpen] = useState(false);\n  const [removeMemberInProgress, setRemoveMemberInProgress] = useState(false);\n\n  const closeRemoveUserAlert = useCallback(() => {\n    setAlertOpen(false);\n  }, []);\n\n  const openRemoveUserAlert = useCallback(() => {\n    setAlertOpen(true);\n  }, []);\n\n  const removeUser = useCallback(async () => {\n    if (!targetUserId) return;\n\n    try {\n      setRemoveMemberInProgress(true);\n      await channel.removeMembers([targetUserId]);\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelMemberDetail',\n        message: t('User removed'),\n        severity: 'success',\n        type: 'api:channel:remove-members:success',\n      });\n      setAlertOpen(false);\n    } catch (error) {\n      addNotification({\n        context: { channel },\n        emitter: 'ChannelMemberDetail',\n        error: toError(error),\n        message: t('Error removing user'),\n        severity: 'error',\n        type: 'api:channel:remove-members:failed',\n      });\n    } finally {\n      setRemoveMemberInProgress(false);\n    }\n  }, [addNotification, channel, t, targetUserId]);\n\n  const rootProps = useMemo(\n    () => ({\n      className: channelMemberDetailActionClassName,\n      disabled: removeMemberInProgress,\n      onClick: openRemoveUserAlert,\n    }),\n    [openRemoveUserAlert, removeMemberInProgress],\n  );\n\n  return (\n    <>\n      <ListItemLayout\n        destructive\n        LeadingIcon={RemoveUserActionIcon}\n        RootElement='button'\n        rootProps={rootProps}\n        title={t('Remove user')}\n      />\n      <Modal open={alertOpen} role='alertdialog'>\n        <ChannelMemberConfirmationAlert\n          action='removeUser'\n          cancelLabel={t('Cancel')}\n          confirmLabel={t('Remove user')}\n          description={t('Remove {{ member }} from this channel?', {\n            member: memberDisplayName,\n          })}\n          isSubmitting={removeMemberInProgress}\n          onCancel={closeRemoveUserAlert}\n          onConfirm={removeUser}\n          testId='channel-detail-remove-member-alert'\n          title={t('Remove user')}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport const DefaultChannelMemberActions = {\n  BlockUser: BlockUserAction,\n  MuteUser: UserMuteAction,\n  RemoveUser: RemoveUserAction,\n  SendDirectMessage: SendDirectMessageAction,\n};\n\nexport const defaultChannelMemberActionSet: ChannelMemberActionItem[] = [\n  {\n    Component: DefaultChannelMemberActions.SendDirectMessage,\n    type: 'sendMessage',\n  },\n  {\n    Component: DefaultChannelMemberActions.MuteUser,\n    type: 'muteUser',\n  },\n  {\n    Component: DefaultChannelMemberActions.BlockUser,\n    type: 'blockUser',\n  },\n  {\n    Component: DefaultChannelMemberActions.RemoveUser,\n    type: 'removeUser',\n  },\n];\n"],"mappings":"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"}