// Copyright 2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import React, { memo } from 'react';
import { useSelector } from 'react-redux';
import { noop } from 'lodash';

import { ConversationDetailsMembershipList } from '../../components/conversation/conversation-details/ConversationDetailsMembershipList.dom.js';
import { assertDev } from '../../util/assert.std.js';
import { getGroupMemberships } from '../../util/getGroupMemberships.dom.js';
import {
  getCachedConversationMemberColorsSelector,
  getConversationByIdSelector,
  getConversationByServiceIdSelector,
} from '../selectors/conversations.dom.js';
import { getIntl, getTheme } from '../selectors/user.std.js';
import { getPreferredBadgeSelector } from '../selectors/badges.preload.js';
import { useGlobalModalActions } from '../ducks/globalModals.preload.js';

export type PropsType = {
  conversationId: string;
};

export const SmartGV1Members = memo(function SmartGV1Members({
  conversationId,
}: PropsType): React.JSX.Element {
  const getPreferredBadge = useSelector(getPreferredBadgeSelector);
  const i18n = useSelector(getIntl);
  const theme = useSelector(getTheme);
  const { showContactModal } = useGlobalModalActions();

  const conversationSelector = useSelector(getConversationByIdSelector);
  const conversationByServiceIdSelector = useSelector(
    getConversationByServiceIdSelector
  );
  const getMemberColors = useSelector(
    getCachedConversationMemberColorsSelector
  );
  const memberColors = getMemberColors(conversationId);

  const conversation = conversationSelector(conversationId);
  assertDev(
    conversation,
    '<SmartPendingInvites> expected a conversation to be found'
  );

  const { memberships } = getGroupMemberships(
    conversation,
    conversationByServiceIdSelector
  );

  return (
    <ConversationDetailsMembershipList
      canAddLabel={false}
      canAddNewMembers={false}
      conversationId={conversationId}
      i18n={i18n}
      isEditMemberLabelEnabled={false}
      getPreferredBadge={getPreferredBadge}
      maxShownMemberCount={32}
      memberColors={memberColors}
      memberships={memberships}
      showContactModal={showContactModal}
      showLabelEditor={noop}
      theme={theme}
    />
  );
});
