Registration Add Junior Option

/* eslint-disable compat/compat */
import { hideClass } from '../../registration-error/registration-error';
import {
  currentPage,
  nevigateToNext,
  onComponentVisible,
  showStep,
} from '../../registrationUtility';

export default (currentElement, newRegisreation) => {
  const yesBtnClickHandler = (e, addingJuniorMembers) => {
    e.preventDefault();

    if (
      addingJuniorMembers.parentElement
        .getAttribute('data-junior')
        .toLowerCase() === 'false'
    ) {
      currentElement.classList.add(hideClass);
      newRegisreation.classList.remove(hideClass);
    } else {
      currentElement.nextElementSibling.classList.remove('registration_skip');
      nevigateToNext(currentElement);
    }
  };

  const noBtnClickHandler = e => {
    e.preventDefault();
    nevigateToNext(currentElement);
  };

  let controller = new AbortController();

  onComponentVisible(currentElement, () => {
    const [
      addingJuniorMembers,
      onlySignMyself,
    ] = currentElement.querySelectorAll(
      '.registration-add-junior-option__yes .cta--r-primary, .registration-add-junior-option__no .cta--r-secondary'
    );

    controller.abort('Removing previous event listeners');
    controller = new AbortController();
    showStep('05');
    currentPage.page = currentElement;
    // clear selected junior for terms and comndition
    currentPage.selectJuniors = [];

    addingJuniorMembers.addEventListener(
      'click',
      e => yesBtnClickHandler(e, addingJuniorMembers),
      {
        signal: controller.signal,
      }
    );

    onlySignMyself.addEventListener('click', e => noBtnClickHandler(e), {
      signal: controller.signal,
    });
  });
};