import { IGenericSelect } from '../../../../generic/types/select';
import { ISlackMultiUsersSelect } from '../../../types';
import { transformConfirm } from '../confirm';
import { transformTextObject } from '../helpers/transform-text-object';

export const transformMultiUsersSelect = ({ 
  type,
  placeholder,
  action_id,
  initial_users,
  confirm,
  max_selected_items
}: ISlackMultiUsersSelect): IGenericSelect => {
  const res: IGenericSelect = {
    type: 'select',
    props: {
      value: initial_users,
      placeholder: transformTextObject(placeholder).value,
      variableName: action_id,
      slack: {
        type
      }
    }
  };

  if (placeholder) {
    res.props.slack.placeholder_type = placeholder.type;
    res.props.slack.placeholder_emoji = placeholder.emoji;
    res.props.slack.placeholder_verbatim = placeholder.verbatim;
  }

  if (confirm) {
    res.props.slack.confirm = transformConfirm(confirm);
  }

  if (max_selected_items) {
    res.props.slack.max_selected_items = max_selected_items;
  }

  return res;
};