import { BaseSelfControl } from './BaseSelfControl';
import { ValidationEventArgs, ValidationChain } from '../chainOfResponsibility';
import { EnumValidateState } from '../enums';

export class SelfPhoneNumberArray extends BaseSelfControl<
  Array<string>,
  Array<string>,
  string,
  HTMLInputElement
> {
  minLength: number | undefined;
  maxLength: number | undefined;

  private validateNormal = (eventArgs: ValidationEventArgs) => {

  };
  private validateRequired = (eventArgs: ValidationEventArgs) => {
    if (this.required) {
      if (!this.value) {
        eventArgs.error = 'اطلاعاتی وارد نشده است';
        eventArgs.state = EnumValidateState.empty;
        eventArgs.cancel = true;
      }
    }
  };

  isValueEmpty = () => {
    return typeof this.#value === 'string' && this.#value !== '';
  }
  isValueNotEmpty = () => {
    return !this.isValueEmpty();
  }

  validate = () => {
    var validationChain = new ValidationChain();

    validationChain.validators.add(this.validateNormal);
    validationChain.validators.add(this.validateRequired);

    this.validation = validationChain.validate();
  };

  public cleaningClassInitializer = () => {
    this.hasChange = false;
    this.defaultValue = undefined;
    this.initializeProperties = false;
    this.initializeListener = false;
    this.validation = true;
  };

  public refreshHasChange = () => {
    if (this.showHasChangeFlag) {
      this.hasChange = this.defaultValue !== this.#value.join('');
    }
  };
  public restartDefaultValue = () => {
    this.defaultValue = this.#value.join('');
    this.refreshHasChange();
  };

  #value: Array<string>;
  public get value() {
    return this.#value;
  }
  public set value(value: Array<string>) { }

  public setValue = (value: Array<string>) => {
    this.#value = value;
    this.refreshHasChange();
  };

  public deserialize = (value: Array<string>) => {
    this.#value = value;
    this.restartDefaultValue();
  };

  public useAsFilter: boolean = false;
  public timer?: NodeJS.Timeout | null;
  public triggerChangeFilters?: () => void;

  constructor(value: Array<string>) {
    super();
    this.#value = value;
    this.restartDefaultValue();
  }

  static empty(): SelfPhoneNumberArray {
    return new SelfPhoneNumberArray([]);
  }
  static deserialize(value?: Array<string>): SelfPhoneNumberArray {
    return new SelfPhoneNumberArray(value || []);
  }
}
