text: import {initCompReactionSelector} from './comp/ReactionSelector.js';
  import {initRepoIssueContentHistory} from './repo-issue-content.js';
  import {validateTextareaNonEmpty} from './comp/CommentEasyMDE.js';
  const {csrfToken} = window.config;
  
  export function initRepoDiffReviewButton() {
    $(document).on('click', 'button[name="is_review"]', (e) => {
      $(e.target).closest('form').append('<input type="hidden" name="is_review" value="true">');
    });
  }
  
  export function initRepoDiffFileViewToggle() {
    $('.file-view-toggle').on('click', function () {
      const $this = $(this);
      $this.parent().children().removeClass('active');
      $this.addClass('active');
  
      const $target = $($this.data('toggle-selector'));
      $target.parent().children().addClass('hide');
      $target.removeClass('hide');
    });
  }
  
  export function initRepoDiffConversationForm() {
    $(document).on('submit', '.conversation-holder form', async (e) => {
      e.preventDefault();
  
      const form = $(e.target);
      const $textArea = form.find('textarea');
      if (!validateTextareaNonEmpty($textArea)) {
        return;
      }
  
      const newConversationHolder = $(await $.post(form.attr('action'), form.serialize()));
      const {path, side, idx} = newConversationHolder.data();
  
      form.closest('.conversation-holder').replaceWith(newConversationHolder);
      if (form.closest('tr').data('line-type') === 'same') {
        $(`[data-path="${path}"] a.add-code-comment[data-idx="${idx}"]`).addClass('invisible');
      } else {
        $(`[data-path="${path}"] a.add-code-comment[data-side="${side}"][data-idx="${idx}"]`).addClass('invisible');
      }
      newConversationHolder.find('.dropdown').dropdown();
      initCompReactionSelector(newConversationHolder);
    });
  
  
    $('.resolve-conversation').on('click', async function (e) {
      e.preventDefault();
      const comment_id = $(this).data('comment-id');
      const origin = $(this).data('origin');
      const action = $(this).data('action');
      const url = $(this).data('update-url');
  
      const data = await $.post(url, {_csrf: csrfToken, origin, action, comment_id});
  
      if ($(this).closest('.conversation-holder').length) {
        const conversation = $(data);
        $(this).closest('.conversation-holder').replaceWith(conversation);
        conversation.find('.dropdown').dropdown();
        initCompReactionSelector(conversation);
      } else {
        window.location.reload();
      }
    });
  }
  
  export function initRepoDiffConversationNav() {
    // Previous/Next code review conversation
    $(document).on('click', '.previous-conversation', (e) => {
      const $conversation = $(e.currentTarget).closest('.comment-code-cloud');
      const $conversations = $('.comment-code-cloud:not(.hide)');
      const index = $conversations.index($conversation);
      const previousIndex = index > 0 ? index - 1 : $conversations.length - 1;
      const $previousConversation = $conversations.eq(previousIndex);
      const anchor = $previousConversation.find('.comment').first().attr('id');
      window.location.href = `#${anchor}`;
    });
    $(document).on('click', '.next-conversation', (e) => {
      const $conversation = $(e.currentTarget).closest('.comment-code-cloud');
      const $conversations = $('.comment-code-cloud:not(.hide)');
      const index = $conversations.index($conversation);
      const nextIndex = index < $conversations.length - 1 ? index + 1 : 0;
      const $nextConversation = $conversations.eq(nextIndex);
      const anchor = $nextConversation.find('.comment').first().attr('id');
      window.location.href = `#${anchor}`;
    });
  }
  
  export function initRepoDiffShowMore() {
    $('#diff-files, #diff-file-boxes').on('click', '#diff-show-more-files, #diff-show-more-files-stats', (e) => {
      e.preventDefault();
  
      if ($(e.target).hasClass('disabled')) {
        return;
      }
      $('#diff-show-more-files, #diff-show-more-files-stats').addClass('disabled');
  
      const url = $('#diff-show-more-files, #diff-show-more-files-stats').data('href');
      $.ajax({
        type: 'GET',
        url,
      }).done((resp) => {
        if (!resp) {
          $('#diff-show-more-files, #diff-show-more-files-stats').removeClass('disabled');
          return;
        }
        $('#diff-too-many-files-stats').remove();
        $('#diff-files').append($(resp).find('#diff-files li'));
        $('#diff-incomplete').replaceWith($(resp).find('#diff-file-boxes').children());
        initRepoIssueContentHistory();
      }).fail(() => {
        $('#diff-show-more-files, #diff-show-more-files-stats').removeClass('disabled');
      });
    });
    $(document).on('click', 'a.diff-show-more-button', (e) => {
      e.preventDefault();
      const $target = $(e.target);
  
      if ($target.hasClass('disabled')) {
        return;
      }
  
      $target.addClass('disabled');
  
      const url = $target.data('href');
      $.ajax({
        type: 'GET',
        url,
      }).done((resp) => {
        if (!resp) {
          $target.removeClass('disabled');
          return;
        }
  
        $target.parent().replaceWith($(resp).find('#diff-file-boxes .diff-file-body .file-body').children());
        initRepoIssueContentHistory();
      }).fail(() => {
        $target.removeClass('disabled');
      });
    });
  }
  