// resources\assets\ts\DataPage\DeleteConfirmationDialog.tsx
import { RootState } from './rootReducer';
import { Trans } from '@lingui/macro';
import { requestDeleteTask } from './actionSlice';
import { setClose } from './deleteConfirmationSlice';
import { useDispatch, useSelector } from 'react-redux';
import MainDialog from '~t/share/ConfirmationDialog';
import React from 'react';

export default function ConfirmationDialog() {
  const d = useDispatch();
  const open = useSelector((s: RootState) => s.deleteConfirmation.open);
  const ergID = useSelector((s: RootState) => s.deleteConfirmation.ergID);

  const handleClose = () => {
    d(setClose());
  };

const handleConfirmed = () => {
  d(requestDeleteTask(ergID));
  d(setClose());
  
  // ✅ ADD: Emit event for ContactsPage //CMS-prototype
  window.dispatchEvent(new CustomEvent('contactDeleteTask', { 
    detail: { ergId: ergID } 
  }));
};

  return (
    <MainDialog
      text={<Trans>Are you sure?</Trans>}
      title={<Trans>Confirm delete</Trans>}
      handleClose={handleClose}
      handleNotConfirmed={handleClose}
      handleConfirmed={handleConfirmed}
      open={open}
    />
  );
}