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

import { connect } from 'react-redux';
import { mapDispatchToProps } from '../actions';

import type { PropsDataType } from '../../components/EditUsernameModalBody';
import { EditUsernameModalBody } from '../../components/EditUsernameModalBody';
import { getMinNickname, getMaxNickname } from '../../util/Username';

import type { StateType } from '../reducer';
import { getIntl } from '../selectors/user';
import {
  getUsernameReservationState,
  getUsernameReservationObject,
  getUsernameReservationError,
  getRecoveredUsername,
} from '../selectors/username';
import { getUsernameCorrupted } from '../selectors/items';
import { getMe } from '../selectors/conversations';

function mapStateToProps(state: StateType): PropsDataType {
  const i18n = getIntl(state);
  const { username } = getMe(state);
  const usernameCorrupted = getUsernameCorrupted(state);

  return {
    i18n,
    usernameCorrupted,
    currentUsername: usernameCorrupted ? undefined : username,
    minNickname: getMinNickname(),
    maxNickname: getMaxNickname(),
    state: getUsernameReservationState(state),
    recoveredUsername: getRecoveredUsername(state),
    reservation: getUsernameReservationObject(state),
    error: getUsernameReservationError(state),
  };
}

const smart = connect(mapStateToProps, mapDispatchToProps);

export const SmartEditUsernameModalBody = smart(EditUsernameModalBody);