Fix missing pending use case unsetting

frontend/src/domain/shared_slices/SideWindow.ts

@@ -25,18 +25,20 @@ const sideWindowSlice = createSlice({
   name: 'sideWindow',
   reducers: {
     /**
-     * Cancel the draft cancellation confirmation dialog.
+     * Close side window
      */
-    cancelDraftCancellationConfirmationDialog(state) {
-      state.isDraftCancellationConfirmationDialogOpen = false
-      state.nextPath = undefined
+    close(state) {
+      state.status = SideWindowStatus.CLOSED
     },
 
     /**
-     * Close side window
+     * Close the draft cancellation confirmation dialog.
+     *
+     * @description
+     * ⚠️ NEVER use this action directly, use `cancelSideWindowDraftCancellation()` use case instead.
      */
-    close(state) {
-      state.status = SideWindowStatus.CLOSED
+    closeDraftCancellationConfirmationDialog(state) {
+      state.isDraftCancellationConfirmationDialogOpen = false
     },
 
     /**
@@ -92,6 +94,13 @@ const sideWindowSlice = createSlice({
      */
     setStatus(state, action: PayloadAction<SideWindowStatus>) {
       state.status = action.payload
+    },
+
+    /**
+     * Unset next path.
+     */
+    unsetNextPath(state) {
+      state.nextPath = undefined
     }
   }
 })

frontend/src/features/SideWindow/MissionForm/shared/DraftCancellationConfirmationDialog.tsx

@@ -1,8 +1,8 @@
 import { Accent, Button, Dialog } from '@mtes-mct/monitor-ui'
 import styled from 'styled-components'
 
-import { sideWindowActions } from '../../../../domain/shared_slices/SideWindow'
 import { useMainAppDispatch } from '../../../../hooks/useMainAppDispatch'
+import { cancelSideWindowDraftCancellation } from '../../useCases/cancelSideWindowDraftCancellation'
 import { confirmSideWindowDraftCancellationAndProceed } from '../../useCases/confirmSideWindowDraftCancellationAndProceed'
 
 type DraftCancellationConfirmationDialogProps = {
@@ -12,7 +12,7 @@ export function DraftCancellationConfirmationDialog({ isAutoSaveEnabled }: Draft
   const dispatch = useMainAppDispatch()
 
   const cancel = () => {
-    dispatch(sideWindowActions.cancelDraftCancellationConfirmationDialog())
+    dispatch(cancelSideWindowDraftCancellation())
   }
 
   const confirm = () => {

frontend/src/features/SideWindow/useCases/cancelSideWindowDraftCancellation.ts

@@ -0,0 +1,11 @@
+import { sideWindowActions } from '../../../domain/shared_slices/SideWindow'
+import { PendingUseCaseKey, unsetPendingUseCase } from '../../../libs/PendingUseCase'
+
+import type { MainAppThunk } from '../../../store'
+
+export const cancelSideWindowDraftCancellation = (): MainAppThunk => dispatch => {
+  unsetPendingUseCase(PendingUseCaseKey.DRAFT_CANCELLATION_CONFIRMATION)
+
+  dispatch(sideWindowActions.closeDraftCancellationConfirmationDialog())
+  dispatch(sideWindowActions.unsetNextPath())
+}

frontend/src/features/SideWindow/useCases/confirmSideWindowDraftCancellationAndProceed.ts

@@ -12,6 +12,6 @@ export const confirmSideWindowDraftCancellationAndProceed = (): MainAppThunk =>
   if (pendingUseCase) {
     dispatch(pendingUseCase())
   }
-  dispatch(sideWindowActions.cancelDraftCancellationConfirmationDialog())
+  dispatch(sideWindowActions.closeDraftCancellationConfirmationDialog())
   dispatch(sideWindowActions.openOrFocusAndGoTo(sideWindow.nextPath))
 }