import { computed, ref, watch, onUnmounted, onMounted } from 'vue';
import { useI18n } from 'vue-i18n';
import VoiceAPI from 'dashboard/api/channel/voice/voiceAPIClient';
import TwilioVoiceClient from 'dashboard/api/channel/voice/twilioVoiceClient';
import { useAlert } from 'dashboard/composables';
import { useCallsStore } from 'dashboard/stores/calls';
import Timer from 'dashboard/helper/Timer';
import { formatDuration } from 'shared/helpers/timeHelper';

export function useCallSession({ manageSessionState = true } = {}) {
  const callsStore = useCallsStore();
  const { t } = useI18n();
  const isJoining = ref(false);
  const callDuration = ref(0);
  const durationTimer = new Timer(elapsed => {
    callDuration.value = elapsed;
  });
  const handleCallDisconnected = () => callsStore.clearActiveCall();

  const activeCall = computed(() => callsStore.activeCall);
  const incomingCalls = computed(() => callsStore.incomingCalls);
  const hasActiveCall = computed(() => callsStore.hasActiveCall);

  if (manageSessionState) {
    watch(
      hasActiveCall,
      active => {
        if (active) {
          durationTimer.start();
        } else {
          durationTimer.stop();
          callDuration.value = 0;
        }
      },
      { immediate: true }
    );

    onMounted(() => {
      TwilioVoiceClient.addEventListener(
        'call:disconnected',
        handleCallDisconnected
      );
    });

    onUnmounted(() => {
      durationTimer.stop();
      TwilioVoiceClient.removeEventListener(
        'call:disconnected',
        handleCallDisconnected
      );
    });
  }

  const endCall = async ({ conversationId, inboxId }) => {
    await VoiceAPI.leaveConference(inboxId, conversationId);
    TwilioVoiceClient.endClientCall();
    if (manageSessionState) {
      durationTimer.stop();
    }
    callsStore.clearActiveCall();
  };

  const joinCall = async ({ conversationId, inboxId, callSid }) => {
    if (isJoining.value) return null;

    isJoining.value = true;
    try {
      const device = await TwilioVoiceClient.initializeDevice(inboxId);
      if (!device) return null;

      const joinResponse = await VoiceAPI.joinConference({
        conversationId,
        inboxId,
        callSid,
      });

      await TwilioVoiceClient.joinClientCall({
        to: joinResponse?.conference_sid,
        conversationId,
      });

      callsStore.setCallActive(callSid);
      if (manageSessionState) {
        durationTimer.start();
      }

      return { conferenceSid: joinResponse?.conference_sid };
    } catch (error) {
      useAlert(error.response?.data?.error || t('CONTACT_PANEL.CALL_FAILED'));
      // eslint-disable-next-line no-console
      console.error('Failed to join call:', error);
      return null;
    } finally {
      isJoining.value = false;
    }
  };

  const rejectIncomingCall = callSid => {
    TwilioVoiceClient.endClientCall();
    callsStore.dismissCall(callSid);
  };

  const dismissCall = callSid => {
    callsStore.dismissCall(callSid);
  };

  const formattedCallDuration = computed(() => {
    return formatDuration(callDuration.value);
  });

  return {
    activeCall,
    incomingCalls,
    hasActiveCall,
    isJoining,
    formattedCallDuration,
    joinCall,
    endCall,
    rejectIncomingCall,
    dismissCall,
  };
}