@coorpacademy/app-review 0.2.12 → 0.3.0

package/es/actions/api/fetch-correction.js

@@ -8,7 +8,7 @@ export const fetchCorrection = (dispatch, getState, { services }) => {
     const slideRef = get(['ui', 'currentSlideRef'], state);
     const token = get(['data', 'token'], state);
     const progressionId = get(['data', 'progression', '_id'], state);
-    const answer = get(['ui', 'answers'], state);
+    const answer = get(['ui', 'answers', slideRef], state);
     const action = buildTask({
         types: [CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_FAILURE],
         meta: { slideRef },

package/es/actions/api/post-answer.d.ts

@@ -6,9 +6,15 @@ export declare const POST_ANSWER_SUCCESS: "@@answer/POST_SUCCESS";
 export declare const POST_ANSWER_FAILURE: "@@answer/POST_FAILURE";
 export declare type PostAnswerRequestAction = {
     type: typeof POST_ANSWER_REQUEST;
+    meta: {
+        slideRef: string;
+    };
 };
 export declare type PostAnswerSuccessAction = {
     type: typeof POST_ANSWER_SUCCESS;
+    meta: {
+        slideRef: string;
+    };
     payload: ProgressionFromAPI;
 };
 export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

package/es/actions/api/post-answer.js

@@ -8,13 +8,15 @@ export const POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
 export const POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
 export const postAnswer = async (dispatch, getState, { services }) => {
     const state = getState();
+    const currentSlideRef = get(['ui', 'currentSlideRef'], state);
     const token = get(['data', 'token'], state);
-    const answer = get(['ui', 'answers'], state);
+    const answer = get(['ui', 'answers', currentSlideRef], state);
     const progression = get(['data', 'progression'], state);
     if (!progression)
         throw new Error('Cannot answer a question of an inexistent progression');
     const action = buildTask({
         types: [POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS, POST_ANSWER_FAILURE],
+        meta: { slideRef: currentSlideRef },
         task: () => services.postAnswer(progression, token, answer)
     });
     const response = await dispatch(action);

package/es/actions/ui/answers.d.ts

@@ -16,6 +16,9 @@ export declare const ANSWER_EDIT: {
 };
 export declare type EditAnswerAction = {
     type: typeof EDIT_QCM | typeof EDIT_QCM_GRAPHIC | typeof EDIT_QCM_DRAG | typeof EDIT_TEMPLATE | typeof EDIT_BASIC | typeof EDIT_SLIDER;
+    meta: {
+        slideRef: string;
+    };
     payload: string[];
 };
 export declare const editAnswer: (answer: string[]) => (dispatch: Dispatch, getState: () => StoreState) => EditAnswerAction;

package/es/actions/ui/answers.js

@@ -1,5 +1,6 @@
 import flatten from 'lodash/fp/flatten';
 import get from 'lodash/fp/get';
+import getOr from 'lodash/fp/getOr';
 import includes from 'lodash/fp/includes';
 import pull from 'lodash/fp/pull';
 export const EDIT_QCM = '@@answer/EDIT_QCM';
@@ -37,7 +38,7 @@ const buildAnswer = (userAnswers, questionType, newValue) => {
 export const editAnswer = (answer) => (dispatch, getState) => {
     const state = getState();
     const currentSlideRef = get(['ui', 'currentSlideRef'], state);
-    const userAnswers = get(['ui', 'answers'], state);
+    const userAnswers = getOr([], ['ui', 'answers', currentSlideRef], state);
     const slide = get(['data', 'slides', currentSlideRef], state);
     if (!slide)
         throw new Error('No slide was found');
@@ -47,6 +48,7 @@ export const editAnswer = (answer) => (dispatch, getState) => {
         throw new Error(`Question type ${questionType} is not supported`);
     return dispatch({
         type,
+        meta: { slideRef: currentSlideRef },
         payload: buildAnswer(userAnswers, questionType, answer)
     });
 };

package/es/reducers/index.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     ui: import("redux").CombinedState<{
         currentSlideRef: string;
         navigation: import("./ui/navigation").NavigationState;
-        answers: import("./ui/answers").AnswerState;
+        answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
     }>;
 }>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;

package/es/reducers/ui/answers.d.ts

@@ -1,4 +1,6 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
-export declare type AnswerState = string[];
-declare const reducer: (state: AnswerState | undefined, action: EditAnswerAction) => AnswerState;
+export declare type UISlideAnswer = string[];
+export declare type UIAnswerState = Record<string, UISlideAnswer>;
+export declare const initialState: UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction) => UIAnswerState;
 export default reducer;

package/es/reducers/ui/answers.js

@@ -1,9 +1,12 @@
-import { includes, values } from 'lodash/fp';
+import { includes, set, values } from 'lodash/fp';
 import { ANSWER_EDIT } from '../../actions/ui/answers';
 const ANSWER_EDIT_ACTIONS = values(ANSWER_EDIT);
+export const initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
-state = [], action) => {
-    return includes(action.type, ANSWER_EDIT_ACTIONS) ? action.payload : state;
+state = initialState, action) => {
+    return includes(action.type, ANSWER_EDIT_ACTIONS)
+        ? set(action.meta.slideRef, action.payload, initialState)
+        : state;
 };
 export default reducer;

package/es/reducers/ui/index.d.ts

@@ -1,17 +1,17 @@
 import { CurrentSlideRefState } from './current-slide-ref';
 import { NavigationState } from './navigation';
-import { AnswerState } from './answers';
+import { UIAnswerState } from './answers';
 import { UISlideState } from './slide';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
-    answers: AnswerState;
+    answers: UIAnswerState;
     slide: UISlideState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
     navigation: NavigationState;
-    answers: AnswerState;
+    answers: UIAnswerState;
     slide: UISlideState;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/es/reducers/ui/slide.d.ts

@@ -1,11 +1,13 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
 import { PostAnswerRequestAction } from '../../actions/api/post-answer';
 import { ReceivedCorrection } from '../../actions/api/fetch-correction';
-export declare type UISlideState = {
+import { FetchSlide } from '../../actions/api/fetch-slide';
+export declare type UISlide = {
     validateButton: boolean;
-    animateCorrectionPopin?: boolean;
-    showCorrectionPopin?: boolean;
+    animateCorrectionPopin: boolean;
+    showCorrectionPopin: boolean;
 };
+export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection) => UISlideState;
 export default reducer;

package/es/reducers/ui/slide.js

@@ -5,24 +5,32 @@ import set from 'lodash/fp/set';
 import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
 import { POST_ANSWER_REQUEST } from '../../actions/api/post-answer';
 import { CORRECTION_FETCH_SUCCESS } from '../../actions/api/fetch-correction';
-export const initialState = { validateButton: false };
+import { SLIDE_FETCH_REQUEST } from '../../actions/api/fetch-slide';
+export const initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
     switch (action.type) {
+        case SLIDE_FETCH_REQUEST: {
+            return set([action.meta.slideRef], {
+                validateButton: false,
+                animateCorrectionPopin: false,
+                showCorrectionPopin: false
+            }, state);
+        }
         case EDIT_QCM:
         case EDIT_QCM_GRAPHIC:
         case EDIT_QCM_DRAG:
         case EDIT_TEMPLATE:
         case EDIT_BASIC:
         case EDIT_SLIDER: {
-            return pipe(compact, isEmpty)(action.payload) ? initialState : { validateButton: true };
+            return set([action.meta.slideRef, 'validateButton'], !pipe(compact, isEmpty)(action.payload), state);
         }
         case POST_ANSWER_REQUEST: {
-            return initialState;
+            return set([action.meta.slideRef, 'validateButton'], false, state);
         }
         case CORRECTION_FETCH_SUCCESS: {
-            return pipe(set(['animateCorrectionPopin'], true), set(['showCorrectionPopin'], true))(state);
+            return pipe(set([action.meta.slideRef, 'animateCorrectionPopin'], true), set([action.meta.slideRef, 'showCorrectionPopin'], true))(state);
         }
         default:
             return state;

package/es/views/slides/index.js

@@ -64,13 +64,13 @@ const buildStackSlides = (state, dispatch) => {
         const slideFromAPI = get(slideRef, state.data.slides);
         if (!slideFromAPI)
             return set(index, uiSlide, acc);
-        const answers = state.ui.answers;
+        const answers = getOr([], ['ui', 'answers', slideRef], state);
         const { questionText, answerUI } = mapApiSlideToUi(dispatch)(slideFromAPI, answers);
         const parentContentTitle = getOr('', 'parentContentTitle.title', slideFromAPI);
         const parentContentType = getOr('', 'parentContentTitle.type', slideFromAPI);
         const isCurrentSlideRef = currentSlideRef === slideRef;
-        const animateCorrectionPopin = isCurrentSlideRef && getOr(false, ['ui', 'slide', 'animateCorrectionPopin'], state);
-        const showCorrectionPopin = isCurrentSlideRef && getOr(false, ['ui', 'slide', 'showCorrectionPopin'], state);
+        const animateCorrectionPopin = isCurrentSlideRef && get(['ui', 'slide', slideRef, 'animateCorrectionPopin'], state);
+        const showCorrectionPopin = isCurrentSlideRef && get(['ui', 'slide', slideRef, 'showCorrectionPopin'], state);
         const updatedUiSlide = pipe(set('showCorrectionPopin', showCorrectionPopin), set('animateCorrectionPopin', animateCorrectionPopin), set('loading', false), set('questionText', questionText), set('answerUI', answerUI), set('parentContentTitle', `From "${parentContentTitle}" ${parentContentType}`) // TODO translate: -From- .... -Course/chapter-
         // TODO: Set position according to currentSlideRef et slideRefs (or maybe a value on the state ui.slidePositions !!)
         )(uiSlide);
@@ -184,7 +184,7 @@ export const mapStateToSlidesProps = (state, dispatch) => {
             slides: buildStackSlides(state, dispatch),
             validateButton: {
                 label: '__validate',
-                disabled: !get('ui.slide.validateButton', state),
+                disabled: !get(['ui', 'slide', currentSlideRef, 'validateButton'], state),
                 onClick: /* istanbul ignore next */ () => {
                     dispatch(postAnswer);
                 }

package/lib/actions/api/fetch-correction.js

@@ -9,7 +9,7 @@ export var fetchCorrection = function (dispatch, getState, _a) {
     var slideRef = get(['ui', 'currentSlideRef'], state);
     var token = get(['data', 'token'], state);
     var progressionId = get(['data', 'progression', '_id'], state);
-    var answer = get(['ui', 'answers'], state);
+    var answer = get(['ui', 'answers', slideRef], state);
     var action = buildTask({
         types: [CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_FAILURE],
         meta: { slideRef: slideRef },

package/lib/actions/api/post-answer.d.ts

@@ -6,9 +6,15 @@ export declare const POST_ANSWER_SUCCESS: "@@answer/POST_SUCCESS";
 export declare const POST_ANSWER_FAILURE: "@@answer/POST_FAILURE";
 export declare type PostAnswerRequestAction = {
     type: typeof POST_ANSWER_REQUEST;
+    meta: {
+        slideRef: string;
+    };
 };
 export declare type PostAnswerSuccessAction = {
     type: typeof POST_ANSWER_SUCCESS;
+    meta: {
+        slideRef: string;
+    };
     payload: ProgressionFromAPI;
 };
 export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

package/lib/actions/api/post-answer.js

@@ -45,18 +45,20 @@ export var POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
 export var postAnswer = function (dispatch, getState, _a) {
     var services = _a.services;
     return __awaiter(void 0, void 0, void 0, function () {
-        var state, token, answer, progression, action, response, updatedProgression, slideRef;
+        var state, currentSlideRef, token, answer, progression, action, response, updatedProgression, slideRef;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     state = getState();
+                    currentSlideRef = get(['ui', 'currentSlideRef'], state);
                     token = get(['data', 'token'], state);
-                    answer = get(['ui', 'answers'], state);
+                    answer = get(['ui', 'answers', currentSlideRef], state);
                     progression = get(['data', 'progression'], state);
                     if (!progression)
                         throw new Error('Cannot answer a question of an inexistent progression');
                     action = buildTask({
                         types: [POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS, POST_ANSWER_FAILURE],
+                        meta: { slideRef: currentSlideRef },
                         task: function () { return services.postAnswer(progression, token, answer); }
                     });
                     return [4 /*yield*/, dispatch(action)];

package/lib/actions/ui/answers.d.ts

@@ -16,6 +16,9 @@ export declare const ANSWER_EDIT: {
 };
 export declare type EditAnswerAction = {
     type: typeof EDIT_QCM | typeof EDIT_QCM_GRAPHIC | typeof EDIT_QCM_DRAG | typeof EDIT_TEMPLATE | typeof EDIT_BASIC | typeof EDIT_SLIDER;
+    meta: {
+        slideRef: string;
+    };
     payload: string[];
 };
 export declare const editAnswer: (answer: string[]) => (dispatch: Dispatch, getState: () => StoreState) => EditAnswerAction;

package/lib/actions/ui/answers.js

@@ -9,6 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import flatten from 'lodash/fp/flatten';
 import get from 'lodash/fp/get';
+import getOr from 'lodash/fp/getOr';
 import includes from 'lodash/fp/includes';
 import pull from 'lodash/fp/pull';
 export var EDIT_QCM = '@@answer/EDIT_QCM';
@@ -47,7 +48,7 @@ export var editAnswer = function (answer) {
     return function (dispatch, getState) {
         var state = getState();
         var currentSlideRef = get(['ui', 'currentSlideRef'], state);
-        var userAnswers = get(['ui', 'answers'], state);
+        var userAnswers = getOr([], ['ui', 'answers', currentSlideRef], state);
         var slide = get(['data', 'slides', currentSlideRef], state);
         if (!slide)
             throw new Error('No slide was found');
@@ -57,6 +58,7 @@ export var editAnswer = function (answer) {
             throw new Error("Question type ".concat(questionType, " is not supported"));
         return dispatch({
             type: type,
+            meta: { slideRef: currentSlideRef },
             payload: buildAnswer(userAnswers, questionType, answer)
         });
     };

package/lib/reducers/index.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     ui: import("redux").CombinedState<{
         currentSlideRef: string;
         navigation: import("./ui/navigation").NavigationState;
-        answers: import("./ui/answers").AnswerState;
+        answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
     }>;
 }>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;

package/lib/reducers/ui/answers.d.ts

@@ -1,4 +1,6 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
-export declare type AnswerState = string[];
-declare const reducer: (state: AnswerState | undefined, action: EditAnswerAction) => AnswerState;
+export declare type UISlideAnswer = string[];
+export declare type UIAnswerState = Record<string, UISlideAnswer>;
+export declare const initialState: UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction) => UIAnswerState;
 export default reducer;

package/lib/reducers/ui/answers.js

@@ -1,10 +1,13 @@
-import { includes, values } from 'lodash/fp';
+import { includes, set, values } from 'lodash/fp';
 import { ANSWER_EDIT } from '../../actions/ui/answers';
 var ANSWER_EDIT_ACTIONS = values(ANSWER_EDIT);
+export var initialState = {};
 var reducer = function (
 // eslint-disable-next-line default-param-last
 state, action) {
-    if (state === void 0) { state = []; }
-    return includes(action.type, ANSWER_EDIT_ACTIONS) ? action.payload : state;
+    if (state === void 0) { state = initialState; }
+    return includes(action.type, ANSWER_EDIT_ACTIONS)
+        ? set(action.meta.slideRef, action.payload, initialState)
+        : state;
 };
 export default reducer;

package/lib/reducers/ui/index.d.ts

@@ -1,17 +1,17 @@
 import { CurrentSlideRefState } from './current-slide-ref';
 import { NavigationState } from './navigation';
-import { AnswerState } from './answers';
+import { UIAnswerState } from './answers';
 import { UISlideState } from './slide';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
-    answers: AnswerState;
+    answers: UIAnswerState;
     slide: UISlideState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
     navigation: NavigationState;
-    answers: AnswerState;
+    answers: UIAnswerState;
     slide: UISlideState;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/lib/reducers/ui/slide.d.ts

@@ -1,11 +1,13 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
 import { PostAnswerRequestAction } from '../../actions/api/post-answer';
 import { ReceivedCorrection } from '../../actions/api/fetch-correction';
-export declare type UISlideState = {
+import { FetchSlide } from '../../actions/api/fetch-slide';
+export declare type UISlide = {
     validateButton: boolean;
-    animateCorrectionPopin?: boolean;
-    showCorrectionPopin?: boolean;
+    animateCorrectionPopin: boolean;
+    showCorrectionPopin: boolean;
 };
+export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection) => UISlideState;
 export default reducer;

package/lib/reducers/ui/slide.js

@@ -5,25 +5,33 @@ import set from 'lodash/fp/set';
 import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
 import { POST_ANSWER_REQUEST } from '../../actions/api/post-answer';
 import { CORRECTION_FETCH_SUCCESS } from '../../actions/api/fetch-correction';
-export var initialState = { validateButton: false };
+import { SLIDE_FETCH_REQUEST } from '../../actions/api/fetch-slide';
+export var initialState = {};
 var reducer = function (
 // eslint-disable-next-line default-param-last
 state, action) {
     if (state === void 0) { state = initialState; }
     switch (action.type) {
+        case SLIDE_FETCH_REQUEST: {
+            return set([action.meta.slideRef], {
+                validateButton: false,
+                animateCorrectionPopin: false,
+                showCorrectionPopin: false
+            }, state);
+        }
         case EDIT_QCM:
         case EDIT_QCM_GRAPHIC:
         case EDIT_QCM_DRAG:
         case EDIT_TEMPLATE:
         case EDIT_BASIC:
         case EDIT_SLIDER: {
-            return pipe(compact, isEmpty)(action.payload) ? initialState : { validateButton: true };
+            return set([action.meta.slideRef, 'validateButton'], !pipe(compact, isEmpty)(action.payload), state);
         }
         case POST_ANSWER_REQUEST: {
-            return initialState;
+            return set([action.meta.slideRef, 'validateButton'], false, state);
         }
         case CORRECTION_FETCH_SUCCESS: {
-            return pipe(set(['animateCorrectionPopin'], true), set(['showCorrectionPopin'], true))(state);
+            return pipe(set([action.meta.slideRef, 'animateCorrectionPopin'], true), set([action.meta.slideRef, 'showCorrectionPopin'], true))(state);
         }
         default:
             return state;

package/lib/views/slides/index.js

@@ -75,13 +75,13 @@ var buildStackSlides = function (state, dispatch) {
         var slideFromAPI = get(slideRef, state.data.slides);
         if (!slideFromAPI)
             return set(index, uiSlide, acc);
-        var answers = state.ui.answers;
+        var answers = getOr([], ['ui', 'answers', slideRef], state);
         var _a = mapApiSlideToUi(dispatch)(slideFromAPI, answers), questionText = _a.questionText, answerUI = _a.answerUI;
         var parentContentTitle = getOr('', 'parentContentTitle.title', slideFromAPI);
         var parentContentType = getOr('', 'parentContentTitle.type', slideFromAPI);
         var isCurrentSlideRef = currentSlideRef === slideRef;
-        var animateCorrectionPopin = isCurrentSlideRef && getOr(false, ['ui', 'slide', 'animateCorrectionPopin'], state);
-        var showCorrectionPopin = isCurrentSlideRef && getOr(false, ['ui', 'slide', 'showCorrectionPopin'], state);
+        var animateCorrectionPopin = isCurrentSlideRef && get(['ui', 'slide', slideRef, 'animateCorrectionPopin'], state);
+        var showCorrectionPopin = isCurrentSlideRef && get(['ui', 'slide', slideRef, 'showCorrectionPopin'], state);
         var updatedUiSlide = pipe(set('showCorrectionPopin', showCorrectionPopin), set('animateCorrectionPopin', animateCorrectionPopin), set('loading', false), set('questionText', questionText), set('answerUI', answerUI), set('parentContentTitle', "From \"".concat(parentContentTitle, "\" ").concat(parentContentType)) // TODO translate: -From- .... -Course/chapter-
         // TODO: Set position according to currentSlideRef et slideRefs (or maybe a value on the state ui.slidePositions !!)
         )(uiSlide);
@@ -188,7 +188,7 @@ export var mapStateToSlidesProps = function (state, dispatch) {
             slides: buildStackSlides(state, dispatch),
             validateButton: {
                 label: '__validate',
-                disabled: !get('ui.slide.validateButton', state),
+                disabled: !get(['ui', 'slide', currentSlideRef, 'validateButton'], state),
                 onClick: /* istanbul ignore next */ function () {
                     dispatch(postAnswer);
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.2.12",
+  "version": "0.3.0",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -78,5 +78,5 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "88cfaeaa957c9e0b85a6eada4b1155a147eab302"
+  "gitHead": "b516f7af0b9b76910d5c4589ce0d6fee90966c36"
 }

package/src/actions/api/fetch-correction.ts

@@ -28,7 +28,7 @@ export const fetchCorrection = (
   const slideRef = get(['ui', 'currentSlideRef'], state);
   const token = get(['data', 'token'], state);
   const progressionId = get(['data', 'progression', '_id'], state);
-  const answer = get(['ui', 'answers'], state);
+  const answer = get(['ui', 'answers', slideRef], state);
 
   const action = buildTask({
     types: [CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_FAILURE],

package/src/actions/api/post-answer.ts

@@ -13,10 +13,12 @@ export const POST_ANSWER_FAILURE = '@@answer/POST_FAILURE' as const;
 
 export type PostAnswerRequestAction = {
   type: typeof POST_ANSWER_REQUEST;
+  meta: {slideRef: string};
 };
 
 export type PostAnswerSuccessAction = {
   type: typeof POST_ANSWER_SUCCESS;
+  meta: {slideRef: string};
   payload: ProgressionFromAPI;
 };
 
@@ -26,13 +28,15 @@ export const postAnswer = async (
   {services}: Options
 ): Promise<void> => {
   const state = getState();
+  const currentSlideRef = get(['ui', 'currentSlideRef'], state);
   const token = get(['data', 'token'], state);
-  const answer = get(['ui', 'answers'], state);
+  const answer = get(['ui', 'answers', currentSlideRef], state);
   const progression = get(['data', 'progression'], state);
   if (!progression) throw new Error('Cannot answer a question of an inexistent progression');
 
   const action = buildTask({
     types: [POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS, POST_ANSWER_FAILURE],
+    meta: {slideRef: currentSlideRef},
     task: () => services.postAnswer(progression, token, answer)
   });
   const response = await dispatch(action);

package/src/actions/api/test/fetch-correction.test.ts

@@ -35,9 +35,13 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: freeTextSlide._id,
     navigation: ['skills', 'slides'],
-    answers: answer,
+    answers: {[freeTextSlide.universalRef]: answer},
     slide: {
-      validateButton: false
+      [freeTextSlide.universalRef]: {
+        validateButton: false,
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false
+      }
     }
   }
 };

package/src/actions/api/test/fetch-rank.test.ts

@@ -26,10 +26,8 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: '',
     navigation: [],
-    answers: [],
-    slide: {
-      validateButton: false
-    }
+    answers: {},
+    slide: {}
   }
 };
 

package/src/actions/api/test/fetch-skills.test.ts

@@ -22,10 +22,8 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: '',
     navigation: [],
-    answers: [],
-    slide: {
-      validateButton: false
-    }
+    answers: {},
+    slide: {}
   }
 };
 

package/src/actions/api/test/fetch-slide.test.ts

@@ -24,10 +24,8 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: '',
     navigation: [],
-    answers: [],
-    slide: {
-      validateButton: false
-    }
+    answers: {},
+    slide: {}
   }
 };