Registration Junior Last Step

/* eslint-disable compat/compat */
import { hideClass } from '../../registration-error/registration-error';
import {
  currentPage,
  newJunior,
  onComponentVisible,
  showBackBtn,
  showStep,
} from '../../registrationUtility';
import { juniorMembershipPath, POST } from '../../service';
import Validator from '../../validation';

export default (currentElement, addingJunior) => {
  const nextBtnClickHandler = async event => {
    event.preventDefault();
    // if (event.target.classList.contains('cta--r-primary')) {
    const response = await POST(juniorMembershipPath, { ...newJunior });

    if (response.success) {
      console.log(response.response);
    } else {
      console.log(response.error);
    }
    // }
    currentElement.classList.add(hideClass);
    addingJunior.classList.remove(hideClass);

    // dom adding
    // clear data
  };

  const checkboxChangeHandler = (event, btn) => {
    const { checked } = event.target;

    Validator.swaapBtn(btn, checked);
  };

  let controller = new AbortController();

  onComponentVisible(currentElement, () => {
    controller.abort('Removing previous event listeners');
    controller = new AbortController();
    showStep('03');
    showBackBtn();
    currentPage.page = currentElement;

    const [checkbox, btn] = currentElement.querySelectorAll(
      '.registration-junior-last-step__checkbox input, .registration-junior-last-step__next a'
    );

    btn.addEventListener('click', nextBtnClickHandler, {
      signal: controller.signal,
    });
    checkbox.addEventListener(
      'change',
      event => checkboxChangeHandler(event, btn),
      { signal: controller.signal }
    );
  });
};