stream-chat-react-native-core 9.5.0-beta.6 → 9.5.0-beta.8

package/src/components/ChannelDetails/components/members/ChannelAddMembersModal.tsx

@@ -1,126 +0,0 @@
-import React, { useCallback, useState } from 'react';
-
-import { ActivityIndicator } from 'react-native';
-
-import {
-  ChannelAddMembersProvider,
-  useChannelAddMembersContext,
-} from '../../../../contexts/channelAddMembersContext/ChannelAddMembersContext';
-import { useChannelDetailsContext } from '../../../../contexts/channelDetailsContext/channelDetailsContext';
-import { useComponentsContext } from '../../../../contexts/componentsContext/ComponentsContext';
-import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
-import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
-import { useChannelActions } from '../../../../hooks/actions/useChannelActions';
-import { useStableCallback } from '../../../../hooks/useStableCallback';
-import { Checkmark } from '../../../../icons/checkmark-1';
-import { useIsSelectionEmpty } from '../../../../state-store/selection-store';
-import { NotificationList } from '../../../Notifications/NotificationList';
-import { NotificationTargetProvider } from '../../../Notifications/NotificationTargetContext';
-import { Button } from '../../../ui/Button/Button';
-import { ChannelDetailsModal } from '../modal/Modal';
-import { ModalHeader } from '../modal/ModalHeader';
-
-const loadingIconStyle = { margin: 0 };
-const LoadingButtonIcon = ({ height, width }: { height?: number; width?: number }) => (
-  <ActivityIndicator style={{ ...loadingIconStyle, ...{ height, width } }} />
-);
-
-export type ChannelAddMembersModalProps = {
-  onClose: () => void;
-  visible: boolean;
-};
-
-type ChannelAddMembersModalContentProps = {
-  onClose: () => void;
-};
-
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export const ChannelAddMembersModalContent = ({ onClose }: ChannelAddMembersModalContentProps) => {
-  const { channel } = useChannelDetailsContext();
-  const notificationHostId = channel?.cid ? `channel-add-members:${channel.cid}` : undefined;
-
-  if (!notificationHostId) {
-    return null;
-  }
-
-  return (
-    <ChannelAddMembersProvider>
-      <NotificationTargetProvider hostId={notificationHostId} panel='channel-details'>
-        <ChannelAddMembersModalBody onClose={onClose} />
-      </NotificationTargetProvider>
-    </ChannelAddMembersProvider>
-  );
-};
-
-const ChannelAddMembersModalBody = ({ onClose }: ChannelAddMembersModalContentProps) => {
-  const { channel } = useChannelDetailsContext();
-  const { addMembers } = useChannelActions(channel);
-  const { ChannelAddMembers } = useComponentsContext();
-  const { selectionStore } = useChannelAddMembersContext();
-  const { t } = useTranslationContext();
-  const {
-    theme: {
-      channelDetails: {
-        memberSection: { confirmButton: confirmButtonOverride },
-      },
-    },
-  } = useTheme();
-  const isSelectionEmpty = useIsSelectionEmpty(selectionStore);
-  const [addingMembers, setAddingMembers] = useState(false);
-  const confirmEnabled = !isSelectionEmpty && !addingMembers;
-
-  const handleClose = useCallback(() => {
-    onClose();
-  }, [onClose]);
-
-  const handleConfirm = useStableCallback(async () => {
-    setAddingMembers(true);
-    try {
-      const ids = Array.from(selectionStore.state.getLatestValue().selectedIds);
-      await addMembers(ids, {
-        onSuccess: () => {
-          onClose();
-        },
-      });
-    } finally {
-      setAddingMembers(false);
-    }
-  });
-
-  return (
-    <>
-      <ModalHeader
-        onClose={handleClose}
-        rightAction={
-          <Button
-            accessibilityLabel={t('a11y/Confirm add members')}
-            accessibilityRole='button'
-            accessibilityState={{ busy: addingMembers, disabled: !confirmEnabled }}
-            disabled={!confirmEnabled}
-            variant='primary'
-            onPress={handleConfirm}
-            type='solid'
-            LeadingIcon={addingMembers ? LoadingButtonIcon : Checkmark}
-            iconOnly
-            testID='channel-details-add-members-confirm-button'
-            style={confirmButtonOverride}
-          />
-        }
-        title={t('Add Members')}
-      />
-      <ChannelAddMembers />
-      <NotificationList />
-    </>
-  );
-};
-
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export const ChannelAddMembersModal = ({ onClose, visible }: ChannelAddMembersModalProps) => (
-  <ChannelDetailsModal onClose={onClose} visible={visible}>
-    <ChannelAddMembersModalContent onClose={onClose} />
-  </ChannelDetailsModal>
-);

package/src/components/ChannelDetails/components/members/ChannelAllMembersModal.tsx

@@ -1,71 +0,0 @@
-import React from 'react';
-
-import { useChannelDetailsContext } from '../../../../contexts/channelDetailsContext/channelDetailsContext';
-import { useComponentsContext } from '../../../../contexts/componentsContext/ComponentsContext';
-import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
-import { useChannelMemberCount } from '../../../../hooks';
-import { useChannelOwnCapabilities } from '../../../../hooks/useChannelOwnCapabilities';
-import { UserAdd } from '../../../../icons/user-add';
-import { Button } from '../../../ui/Button/Button';
-import { ChannelDetailsModal } from '../modal/Modal';
-import { ModalHeader } from '../modal/ModalHeader';
-
-export type ChannelAllMembersModalProps = {
-  onAddMembersPress: () => void;
-  onClose: () => void;
-  visible: boolean;
-};
-
-type ChannelAllMembersModalContentProps = Omit<ChannelAllMembersModalProps, 'visible'>;
-
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export const ChannelAllMembersModalContent = ({
-  onAddMembersPress,
-  onClose,
-}: ChannelAllMembersModalContentProps) => {
-  const { channel } = useChannelDetailsContext();
-  const { ChannelMemberList } = useComponentsContext();
-  const { t } = useTranslationContext();
-  const ownCapabilities = useChannelOwnCapabilities(channel);
-  const updateChannelMembers = ownCapabilities?.includes('update-channel-members') ?? false;
-  const total = useChannelMemberCount(channel);
-
-  return (
-    <>
-      <ModalHeader
-        onClose={onClose}
-        rightAction={
-          updateChannelMembers ? (
-            <Button
-              accessibilityLabelKey='a11y/Add members'
-              iconOnly
-              LeadingIcon={UserAdd}
-              onPress={onAddMembersPress}
-              size='md'
-              testID='channel-details-member-list-add-button'
-              type='outline'
-              variant='secondary'
-            />
-          ) : null
-        }
-        title={t('{{count}} members', { count: total })}
-      />
-      <ChannelMemberList />
-    </>
-  );
-};
-
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export const ChannelAllMembersModal = ({
-  onAddMembersPress,
-  onClose,
-  visible,
-}: ChannelAllMembersModalProps) => (
-  <ChannelDetailsModal onClose={onClose} visible={visible}>
-    <ChannelAllMembersModalContent onAddMembersPress={onAddMembersPress} onClose={onClose} />
-  </ChannelDetailsModal>
-);

package/src/components/ChannelDetails/hooks/members/useMemberRoleLabel.ts

@@ -1,32 +0,0 @@
-import type { ChannelMemberResponse } from 'stream-chat';
-
-import { useChannelDetailsContext } from '../../../../contexts/channelDetailsContext/channelDetailsContext';
-import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
-
-/**
- * Resolves the trailing role label for a channel member row in the channel details screen.
- *
- * Priority — Owner > Admin > Moderator. When a member matches none of the rules
- * (and no custom `getMemberRoleLabel` is provided on the screen), returns `null`.
- * @experimental This hook is experimental and is subject to change.
- */
-export const useMemberRoleLabel = (member: ChannelMemberResponse): string | null => {
-  const { channel, getMemberRoleLabel } = useChannelDetailsContext();
-  const { t } = useTranslationContext();
-
-  if (getMemberRoleLabel) {
-    return getMemberRoleLabel({ channel, member, t }) ?? null;
-  }
-
-  const userId = member.user?.id;
-  if (userId && userId === channel?.data?.created_by?.id) {
-    return t('Owner');
-  }
-  if (member.user?.role === 'admin') {
-    return t('Admin');
-  }
-  if (member.channel_role === 'channel_moderator') {
-    return t('Moderator');
-  }
-  return null;
-};