fix: empty state leads to array instead of empty object

src/redux/answer.ts

@@ -3,6 +3,7 @@ import type { Answer} from "../types";
 
 const element = document.getElementById("exercise-container");
 
+
 const initialAnswerState: Answer = element?.dataset.answer? JSON.parse(element.dataset.answer) : {
     consequence: "",
     statements: {
@@ -12,6 +13,10 @@ const initialAnswerState: Answer = element?.dataset.answer? JSON.parse(element.d
     predicateLogic: false
 };
 
+if(Array.isArray(initialAnswerState.statements.entries as unknown)) {
+    initialAnswerState.statements.entries = {};
+}
+
 const answerSlice = createSlice({
     name: "answer",
     initialState: initialAnswerState,
@@ -26,10 +31,15 @@ const answerSlice = createSlice({
             const newId = nanoid()
             state.statements.ids.push(newId);
             state.statements.entries[newId] = ""
+        },
+        removeStatement(state, action: PayloadAction<string>) {
+            const index = state.statements.ids.indexOf(action.payload);
+            state.statements.ids.splice(index, 1);
+            delete state.statements.entries[action.payload];
         }
     }
 })
 
-export const {setConsequence, setStatement, addStatement} = answerSlice.actions;
+export const {setConsequence, setStatement, addStatement, removeStatement} = answerSlice.actions;
 
 export default answerSlice.reducer;

src/redux/response/index.ts

@@ -16,6 +16,10 @@ const createResponseReducer = async () => {
         lines: {}
     };
 
+    if(Array.isArray(initialState.lines as unknown)) {
+        initialState.lines = {};
+    }
+
     const {type} = element.dataset;
 
     const {default: builderCallback}: {default: (builder: ActionReducerMapBuilder<Response>) => ActionReducerMapBuilder<Response>} = await import(`./${type}`);