@coorpacademy/app-review 0.2.1-alpha.10 → 0.2.1

package/es/actions/api/fetch-correction.d.ts

@@ -5,7 +5,16 @@ export declare const CORRECTION_FETCH_REQUEST: "@@correction/FETCH_REQUEST";
 export declare const CORRECTION_FETCH_SUCCESS: "@@correction/FETCH_SUCCESS";
 export declare const CORRECTION_FETCH_FAILURE: "@@correction/FETCH_FAILURE";
 export declare type FetchCorrection = {
+    type: typeof CORRECTION_FETCH_REQUEST;
+    meta: {
+        slideRef: string;
+    };
+};
+export declare type ReceivedCorrection = {
     type: typeof CORRECTION_FETCH_SUCCESS;
     payload: CorrectionFromAPI | void;
+    meta: {
+        slideRef: string;
+    };
 };
-export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => FetchCorrection;
+export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedCorrection;

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

@@ -4,16 +4,15 @@ export const CORRECTION_FETCH_REQUEST = '@@correction/FETCH_REQUEST';
 export const CORRECTION_FETCH_SUCCESS = '@@correction/FETCH_SUCCESS';
 export const CORRECTION_FETCH_FAILURE = '@@correction/FETCH_FAILURE';
 export const fetchCorrection = (dispatch, getState, { services }) => {
+    const state = getState();
+    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 action = buildTask({
         types: [CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_FAILURE],
-        task: () => {
-            const state = getState();
-            const token = get(['data', 'token'], state);
-            const progressionId = get(['data', 'progression', '_id'], state);
-            const answer = get(['ui', 'answers'], state);
-            const slideRef = get(['ui', 'currentSlideRef'], state);
-            return services.fetchCorrection(slideRef, token, progressionId, answer);
-        }
+        meta: { slideRef },
+        task: () => services.fetchCorrection(slideRef, token, progressionId, answer)
     });
     return dispatch(action);
 };

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

@@ -39,10 +39,18 @@ test('should dispatch CORRECTION_FETCH_SUCCESS actions when fetchCorrection retu
         }
     };
     const expectedActions = [
-        { type: CORRECTION_FETCH_REQUEST },
+        {
+            type: CORRECTION_FETCH_REQUEST,
+            meta: {
+                slideRef: freeTextSlide.universalRef
+            }
+        },
         {
             type: CORRECTION_FETCH_SUCCESS,
-            payload: getChoicesCorrection(freeTextSlide.universalRef)
+            payload: getChoicesCorrection(freeTextSlide.universalRef),
+            meta: {
+                slideRef: freeTextSlide.universalRef
+            }
         }
     ];
     const { dispatch } = createTestStore(t, initialState, services, expectedActions);
@@ -61,9 +69,17 @@ test('should dispatch CORRECTION_FETCH_FAILURE action when fetchCorrection fails
         }
     };
     const expectedActions = [
-        { type: CORRECTION_FETCH_REQUEST },
+        {
+            type: CORRECTION_FETCH_REQUEST,
+            meta: {
+                slideRef: freeTextSlide.universalRef
+            }
+        },
         {
             type: CORRECTION_FETCH_FAILURE,
+            meta: {
+                slideRef: freeTextSlide.universalRef
+            },
             payload: new Error('unexpected'),
             error: true
         }

package/es/index.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useSelector, useDispatch, Provider } from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
+import { TemplateContext } from '@coorpacademy/components/es/template/app-review/template-context';
 import isEmpty from 'lodash/fp/isEmpty';
 import get from 'lodash/fp/get';
 import configureStore from './configure-store';
@@ -65,7 +66,9 @@ const AppReview = ({ options }) => {
     }, [isProgressionCreated, options, store]);
     if (!store)
         return null;
+    const { templateContext: values } = options;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, null)));
+        React.createElement(TemplateContext, { values: values },
+            React.createElement(ConnectedApp, null))));
 };
 export default AppReview;

package/es/reducers/data/corrections.d.ts

@@ -0,0 +1,6 @@
+import { CorrectionFromAPI } from '../../types/common';
+import { ReceivedCorrection, FetchCorrection } from '../../actions/api/fetch-correction';
+export declare type CorrectionsState = Record<string, CorrectionFromAPI>;
+export declare type CorrectionsAction = ReceivedCorrection | FetchCorrection;
+declare const reducer: (state: CorrectionsState | undefined, action: CorrectionsAction) => CorrectionsState;
+export default reducer;

package/es/reducers/data/corrections.js

@@ -0,0 +1,21 @@
+import set from 'lodash/fp/set';
+import { CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_REQUEST } from '../../actions/api/fetch-correction';
+const initialState = {};
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = initialState, action) => {
+    switch (action.type) {
+        case CORRECTION_FETCH_REQUEST: {
+            const { meta } = action;
+            return set(meta.slideRef, null, state);
+        }
+        case CORRECTION_FETCH_SUCCESS: {
+            const { meta } = action;
+            const correction = action.payload;
+            return set(meta.slideRef, correction, state);
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/es/reducers/data/test/corrections.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/reducers/data/test/corrections.test.js

@@ -0,0 +1,27 @@
+import test from 'ava';
+import reducer from '../corrections';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS } from '../../../actions/api/fetch-correction';
+import { getChoicesCorrection } from '../../../test/util/services.mock';
+test('should have an initial empty record value', t => {
+    const state = reducer(undefined, {});
+    t.deepEqual(state, {});
+});
+test("should set the key (slide's id) of the correction to null when a CORRECTION_FETCH_REQUEST is received", t => {
+    const slideRef = freeTextSlide._id;
+    const state = reducer({}, { type: CORRECTION_FETCH_REQUEST, meta: { slideRef: freeTextSlide._id } });
+    t.deepEqual(state, {
+        [slideRef]: null
+    });
+});
+test('should set the value of CORRECTION_FETCH_SUCCESS', t => {
+    const expectedCorrection = getChoicesCorrection(freeTextSlide._id);
+    const state = reducer({}, {
+        type: CORRECTION_FETCH_SUCCESS,
+        payload: expectedCorrection,
+        meta: { slideRef: freeTextSlide._id }
+    });
+    t.deepEqual(state, {
+        sli_VJYjJnJhg: expectedCorrection
+    });
+});

package/es/reducers/data/test/skills.test.js

@@ -1,7 +1,7 @@
 import test from 'ava';
 import reducer from '../skills';
 import { SKILLS_FETCH_SUCCESS } from '../../../actions/api/fetch-skills';
-test('should have inital value', t => {
+test('should have initial value', t => {
     const state = reducer(undefined, {});
     t.deepEqual(state, []);
 });

package/es/reducers/data/test/slides.test.js

@@ -2,14 +2,15 @@ import test from 'ava';
 import reducer from '../slides';
 import { SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS } from '../../../actions/api/fetch-slide';
 import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
-test('should have inital value', t => {
+test('should have initial value', t => {
     const state = reducer(undefined, {});
     t.deepEqual(state, {});
 });
 test('should set the value of SLIDE_FETCH_REQUEST action', t => {
-    const state = reducer({}, { type: SLIDE_FETCH_REQUEST, meta: { slideRef: 'slideRef' } });
+    const slideRef = 'sli_VJYjJnJhg';
+    const state = reducer({}, { type: SLIDE_FETCH_REQUEST, meta: { slideRef } });
     t.deepEqual(state, {
-        slideRef: null
+        [slideRef]: null
     });
 });
 test('should set the value of SLIDE_FETCH_SUCCESS action', t => {

package/es/test/util/services.mock.js

@@ -1,5 +1,4 @@
 import get from 'lodash/fp/get';
-import { qcmDragSlide } from '../../views/slides/test/fixtures/qcm-drag';
 import { qcmSlide } from '../../views/slides/test/fixtures/qcm';
 import { qcmGraphicSlide } from '../../views/slides/test/fixtures/qcm-graphic';
 import { freeTextSlide } from '../../views/slides/test/fixtures/free-text';
@@ -22,8 +21,6 @@ const getSlideFixture = (ref) => {
             return freeTextSlide;
         case templateSlide.universalRef:
             return templateSlide;
-        case qcmDragSlide.universalRef:
-            return qcmDragSlide;
         default:
             return sliderSlide;
     }

package/es/views/slides/index.js

@@ -74,10 +74,10 @@ const buildStackSlides = (state, dispatch) => {
     }, initialState, initialState);
     return stack;
 };
-const getIconForCurrentStep = (slideRef, lastGivenAnswerForSlide, currentSlideRef, lastGivenAsnswer) => {
+const getIconForCurrentStep = (slideRef, lastGivenAnswerForSlide, currentSlideRef, lastGivenAnswer) => {
     if (slideRef !== currentSlideRef)
         return lastGivenAnswerForSlide.isCorrect ? 'right' : 'wrong';
-    if (lastGivenAsnswer.slideRef !== slideRef)
+    if (lastGivenAnswer.slideRef !== slideRef)
         return 'no-answer';
     return lastGivenAnswerForSlide.isCorrect ? 'right' : 'wrong';
 };

package/lib/actions/api/fetch-correction.d.ts

@@ -5,7 +5,16 @@ export declare const CORRECTION_FETCH_REQUEST: "@@correction/FETCH_REQUEST";
 export declare const CORRECTION_FETCH_SUCCESS: "@@correction/FETCH_SUCCESS";
 export declare const CORRECTION_FETCH_FAILURE: "@@correction/FETCH_FAILURE";
 export declare type FetchCorrection = {
+    type: typeof CORRECTION_FETCH_REQUEST;
+    meta: {
+        slideRef: string;
+    };
+};
+export declare type ReceivedCorrection = {
     type: typeof CORRECTION_FETCH_SUCCESS;
     payload: CorrectionFromAPI | void;
+    meta: {
+        slideRef: string;
+    };
 };
-export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => FetchCorrection;
+export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedCorrection;

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

@@ -5,16 +5,15 @@ export var CORRECTION_FETCH_SUCCESS = '@@correction/FETCH_SUCCESS';
 export var CORRECTION_FETCH_FAILURE = '@@correction/FETCH_FAILURE';
 export var fetchCorrection = function (dispatch, getState, _a) {
     var services = _a.services;
+    var state = getState();
+    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 action = buildTask({
         types: [CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_FAILURE],
-        task: function () {
-            var state = getState();
-            var token = get(['data', 'token'], state);
-            var progressionId = get(['data', 'progression', '_id'], state);
-            var answer = get(['ui', 'answers'], state);
-            var slideRef = get(['ui', 'currentSlideRef'], state);
-            return services.fetchCorrection(slideRef, token, progressionId, answer);
-        }
+        meta: { slideRef: slideRef },
+        task: function () { return services.fetchCorrection(slideRef, token, progressionId, answer); }
     });
     return dispatch(action);
 };

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

@@ -88,10 +88,18 @@ test('should dispatch CORRECTION_FETCH_SUCCESS actions when fetchCorrection retu
                         return Promise.resolve(getChoicesCorrection(slideRef));
                     } });
                 expectedActions = [
-                    { type: CORRECTION_FETCH_REQUEST },
+                    {
+                        type: CORRECTION_FETCH_REQUEST,
+                        meta: {
+                            slideRef: freeTextSlide.universalRef
+                        }
+                    },
                     {
                         type: CORRECTION_FETCH_SUCCESS,
-                        payload: getChoicesCorrection(freeTextSlide.universalRef)
+                        payload: getChoicesCorrection(freeTextSlide.universalRef),
+                        meta: {
+                            slideRef: freeTextSlide.universalRef
+                        }
                     }
                 ];
                 dispatch = createTestStore(t, initialState, services, expectedActions).dispatch;
@@ -116,9 +124,17 @@ test('should dispatch CORRECTION_FETCH_FAILURE action when fetchCorrection fails
                         return Promise.reject(new Error('unexpected'));
                     } });
                 expectedActions = [
-                    { type: CORRECTION_FETCH_REQUEST },
+                    {
+                        type: CORRECTION_FETCH_REQUEST,
+                        meta: {
+                            slideRef: freeTextSlide.universalRef
+                        }
+                    },
                     {
                         type: CORRECTION_FETCH_FAILURE,
+                        meta: {
+                            slideRef: freeTextSlide.universalRef
+                        },
                         payload: new Error('unexpected'),
                         error: true
                     }

package/lib/index.js

@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React, { useEffect, useState } from 'react';
 import { useSelector, useDispatch, Provider } from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
+import { TemplateContext } from '@coorpacademy/components/es/template/app-review/template-context';
 import isEmpty from 'lodash/fp/isEmpty';
 import get from 'lodash/fp/get';
 import configureStore from './configure-store';
@@ -77,7 +78,9 @@ var AppReview = function (_a) {
     }, [isProgressionCreated, options, store]);
     if (!store)
         return null;
+    var values = options.templateContext;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, null)));
+        React.createElement(TemplateContext, { values: values },
+            React.createElement(ConnectedApp, null))));
 };
 export default AppReview;

package/lib/reducers/data/corrections.d.ts

@@ -0,0 +1,6 @@
+import { CorrectionFromAPI } from '../../types/common';
+import { ReceivedCorrection, FetchCorrection } from '../../actions/api/fetch-correction';
+export declare type CorrectionsState = Record<string, CorrectionFromAPI>;
+export declare type CorrectionsAction = ReceivedCorrection | FetchCorrection;
+declare const reducer: (state: CorrectionsState | undefined, action: CorrectionsAction) => CorrectionsState;
+export default reducer;

package/lib/reducers/data/corrections.js

@@ -0,0 +1,22 @@
+import set from 'lodash/fp/set';
+import { CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_REQUEST } from '../../actions/api/fetch-correction';
+var initialState = {};
+var reducer = function (
+// eslint-disable-next-line default-param-last
+state, action) {
+    if (state === void 0) { state = initialState; }
+    switch (action.type) {
+        case CORRECTION_FETCH_REQUEST: {
+            var meta = action.meta;
+            return set(meta.slideRef, null, state);
+        }
+        case CORRECTION_FETCH_SUCCESS: {
+            var meta = action.meta;
+            var correction = action.payload;
+            return set(meta.slideRef, correction, state);
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/lib/reducers/data/test/corrections.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/reducers/data/test/corrections.test.js

@@ -0,0 +1,28 @@
+import test from 'ava';
+import reducer from '../corrections';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS } from '../../../actions/api/fetch-correction';
+import { getChoicesCorrection } from '../../../test/util/services.mock';
+test('should have an initial empty record value', function (t) {
+    var state = reducer(undefined, {});
+    t.deepEqual(state, {});
+});
+test("should set the key (slide's id) of the correction to null when a CORRECTION_FETCH_REQUEST is received", function (t) {
+    var _a;
+    var slideRef = freeTextSlide._id;
+    var state = reducer({}, { type: CORRECTION_FETCH_REQUEST, meta: { slideRef: freeTextSlide._id } });
+    t.deepEqual(state, (_a = {},
+        _a[slideRef] = null,
+        _a));
+});
+test('should set the value of CORRECTION_FETCH_SUCCESS', function (t) {
+    var expectedCorrection = getChoicesCorrection(freeTextSlide._id);
+    var state = reducer({}, {
+        type: CORRECTION_FETCH_SUCCESS,
+        payload: expectedCorrection,
+        meta: { slideRef: freeTextSlide._id }
+    });
+    t.deepEqual(state, {
+        sli_VJYjJnJhg: expectedCorrection
+    });
+});

package/lib/reducers/data/test/skills.test.js

@@ -1,7 +1,7 @@
 import test from 'ava';
 import reducer from '../skills';
 import { SKILLS_FETCH_SUCCESS } from '../../../actions/api/fetch-skills';
-test('should have inital value', function (t) {
+test('should have initial value', function (t) {
     var state = reducer(undefined, {});
     t.deepEqual(state, []);
 });

package/lib/reducers/data/test/slides.test.js

@@ -2,15 +2,17 @@ import test from 'ava';
 import reducer from '../slides';
 import { SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS } from '../../../actions/api/fetch-slide';
 import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
-test('should have inital value', function (t) {
+test('should have initial value', function (t) {
     var state = reducer(undefined, {});
     t.deepEqual(state, {});
 });
 test('should set the value of SLIDE_FETCH_REQUEST action', function (t) {
-    var state = reducer({}, { type: SLIDE_FETCH_REQUEST, meta: { slideRef: 'slideRef' } });
-    t.deepEqual(state, {
-        slideRef: null
-    });
+    var _a;
+    var slideRef = 'sli_VJYjJnJhg';
+    var state = reducer({}, { type: SLIDE_FETCH_REQUEST, meta: { slideRef: slideRef } });
+    t.deepEqual(state, (_a = {},
+        _a[slideRef] = null,
+        _a));
 });
 test('should set the value of SLIDE_FETCH_SUCCESS action', function (t) {
     var state = reducer({}, { type: SLIDE_FETCH_SUCCESS, payload: freeTextSlide, meta: { slideRef: 'sli_VJYjJnJhg' } });

package/lib/test/util/services.mock.js

@@ -11,7 +11,6 @@ var __assign = (this && this.__assign) || function () {
 };
 var _a;
 import get from 'lodash/fp/get';
-import { qcmDragSlide } from '../../views/slides/test/fixtures/qcm-drag';
 import { qcmSlide } from '../../views/slides/test/fixtures/qcm';
 import { qcmGraphicSlide } from '../../views/slides/test/fixtures/qcm-graphic';
 import { freeTextSlide } from '../../views/slides/test/fixtures/free-text';
@@ -34,8 +33,6 @@ var getSlideFixture = function (ref) {
             return freeTextSlide;
         case templateSlide.universalRef:
             return templateSlide;
-        case qcmDragSlide.universalRef:
-            return qcmDragSlide;
         default:
             return sliderSlide;
     }

package/lib/views/slides/index.js

@@ -85,10 +85,10 @@ var buildStackSlides = function (state, dispatch) {
     }, initialState, initialState);
     return stack;
 };
-var getIconForCurrentStep = function (slideRef, lastGivenAnswerForSlide, currentSlideRef, lastGivenAsnswer) {
+var getIconForCurrentStep = function (slideRef, lastGivenAnswerForSlide, currentSlideRef, lastGivenAnswer) {
     if (slideRef !== currentSlideRef)
         return lastGivenAnswerForSlide.isCorrect ? 'right' : 'wrong';
-    if (lastGivenAsnswer.slideRef !== slideRef)
+    if (lastGivenAnswer.slideRef !== slideRef)
         return 'no-answer';
     return lastGivenAnswerForSlide.isCorrect ? 'right' : 'wrong';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.2.1-alpha.10+af827e53a",
+  "version": "0.2.1",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -41,8 +41,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.22.16-alpha.13+af827e53a",
-    "@coorpacademy/redux-task": "1.1.5",
+    "@coorpacademy/components": "10.22.16",
+    "@coorpacademy/redux-task": "^1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^8.0.1",
@@ -78,5 +78,5 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "af827e53a1d44136e0135a23a6fc2b5c38b39abb"
+  "gitHead": "c060dbe987664394284b360e07f37d0344e6d2b4"
 }

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

@@ -9,25 +9,31 @@ export const CORRECTION_FETCH_SUCCESS = '@@correction/FETCH_SUCCESS' as const;
 export const CORRECTION_FETCH_FAILURE = '@@correction/FETCH_FAILURE' as const;
 
 export type FetchCorrection = {
+  type: typeof CORRECTION_FETCH_REQUEST;
+  meta: {slideRef: string};
+};
+
+export type ReceivedCorrection = {
   type: typeof CORRECTION_FETCH_SUCCESS;
   payload: CorrectionFromAPI | void;
+  meta: {slideRef: string};
 };
 
 export const fetchCorrection = (
   dispatch: Dispatch,
   getState: () => StoreState,
   {services}: Options
-): FetchCorrection => {
+): ReceivedCorrection => {
+  const state = getState();
+  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 action = buildTask({
     types: [CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_FAILURE],
-    task: () => {
-      const state = getState();
-      const token = get(['data', 'token'], state);
-      const progressionId = get(['data', 'progression', '_id'], state);
-      const answer = get(['ui', 'answers'], state);
-      const slideRef = get(['ui', 'currentSlideRef'], state);
-      return services.fetchCorrection(slideRef, token, progressionId, answer);
-    }
+    meta: {slideRef},
+    task: () => services.fetchCorrection(slideRef, token, progressionId, answer)
   });
   return dispatch(action);
 };

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

@@ -54,10 +54,18 @@ test('should dispatch CORRECTION_FETCH_SUCCESS actions when fetchCorrection retu
   };
 
   const expectedActions = [
-    {type: CORRECTION_FETCH_REQUEST},
+    {
+      type: CORRECTION_FETCH_REQUEST,
+      meta: {
+        slideRef: freeTextSlide.universalRef
+      }
+    },
     {
       type: CORRECTION_FETCH_SUCCESS,
-      payload: getChoicesCorrection(freeTextSlide.universalRef)
+      payload: getChoicesCorrection(freeTextSlide.universalRef),
+      meta: {
+        slideRef: freeTextSlide.universalRef
+      }
     }
   ];
 
@@ -80,9 +88,17 @@ test('should dispatch CORRECTION_FETCH_FAILURE action when fetchCorrection fails
   };
 
   const expectedActions = [
-    {type: CORRECTION_FETCH_REQUEST},
+    {
+      type: CORRECTION_FETCH_REQUEST,
+      meta: {
+        slideRef: freeTextSlide.universalRef
+      }
+    },
     {
       type: CORRECTION_FETCH_FAILURE,
+      meta: {
+        slideRef: freeTextSlide.universalRef
+      },
       payload: new Error('unexpected'),
       error: true
     }

package/src/index.tsx

@@ -3,6 +3,7 @@ import type {} from 'redux-thunk/extend-redux'; // https://github.com/reduxjs/re
 import {AnyAction, Store} from 'redux';
 import {useSelector, useDispatch, Provider} from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
+import {TemplateContext} from '@coorpacademy/components/es/template/app-review/template-context';
 
 import isEmpty from 'lodash/fp/isEmpty';
 import get from 'lodash/fp/get';
@@ -86,9 +87,13 @@ const AppReview = ({options}: {options: AppOptions}): JSX.Element | null => {
 
   if (!store) return null;
 
+  const {templateContext: values} = options;
+
   return (
     <Provider store={store}>
-      <ConnectedApp />
+      <TemplateContext values={values}>
+        <ConnectedApp />
+      </TemplateContext>
     </Provider>
   );
 };

package/src/reducers/data/corrections.ts

@@ -0,0 +1,36 @@
+import set from 'lodash/fp/set';
+import {CorrectionFromAPI} from '../../types/common';
+import {
+  ReceivedCorrection,
+  CORRECTION_FETCH_SUCCESS,
+  CORRECTION_FETCH_REQUEST,
+  FetchCorrection
+} from '../../actions/api/fetch-correction';
+
+export type CorrectionsState = Record<string, CorrectionFromAPI>;
+
+export type CorrectionsAction = ReceivedCorrection | FetchCorrection;
+
+const initialState: CorrectionsState = {};
+
+const reducer = (
+  // eslint-disable-next-line default-param-last
+  state: CorrectionsState = initialState,
+  action: CorrectionsAction
+): CorrectionsState => {
+  switch (action.type) {
+    case CORRECTION_FETCH_REQUEST: {
+      const {meta} = action;
+      return set(meta.slideRef, null, state);
+    }
+    case CORRECTION_FETCH_SUCCESS: {
+      const {meta} = action;
+      const correction = action.payload;
+      return set(meta.slideRef, correction, state);
+    }
+    default:
+      return state;
+  }
+};
+
+export default reducer;

package/src/reducers/data/test/corrections.test.ts

@@ -0,0 +1,36 @@
+import test from 'ava';
+import reducer, {type CorrectionsAction} from '../corrections';
+import {freeTextSlide} from '../../../views/slides/test/fixtures/free-text';
+import {
+  CORRECTION_FETCH_REQUEST,
+  CORRECTION_FETCH_SUCCESS
+} from '../../../actions/api/fetch-correction';
+import {getChoicesCorrection} from '../../../test/util/services.mock';
+
+test('should have an initial empty record value', t => {
+  const state = reducer(undefined, {} as CorrectionsAction);
+  t.deepEqual(state, {});
+});
+
+test("should set the key (slide's id) of the correction to null when a CORRECTION_FETCH_REQUEST is received", t => {
+  const slideRef = freeTextSlide._id;
+  const state = reducer({}, {type: CORRECTION_FETCH_REQUEST, meta: {slideRef: freeTextSlide._id}});
+  t.deepEqual(state, {
+    [slideRef]: null
+  });
+});
+
+test('should set the value of CORRECTION_FETCH_SUCCESS', t => {
+  const expectedCorrection = getChoicesCorrection(freeTextSlide._id);
+  const state = reducer(
+    {},
+    {
+      type: CORRECTION_FETCH_SUCCESS,
+      payload: expectedCorrection,
+      meta: {slideRef: freeTextSlide._id}
+    }
+  );
+  t.deepEqual(state, {
+    sli_VJYjJnJhg: expectedCorrection
+  });
+});

package/src/reducers/data/test/skills.test.ts

@@ -2,7 +2,7 @@ import test from 'ava';
 import reducer from '../skills';
 import {ReceivedSkills, SKILLS_FETCH_SUCCESS} from '../../../actions/api/fetch-skills';
 
-test('should have inital value', t => {
+test('should have initial value', t => {
   const state = reducer(undefined, {} as ReceivedSkills);
   t.deepEqual(state, []);
 });

package/src/reducers/data/test/slides.test.ts

@@ -3,15 +3,16 @@ import reducer, {type SlidesAction} from '../slides';
 import {SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS} from '../../../actions/api/fetch-slide';
 import {freeTextSlide} from '../../../views/slides/test/fixtures/free-text';
 
-test('should have inital value', t => {
+test('should have initial value', t => {
   const state = reducer(undefined, {} as SlidesAction);
   t.deepEqual(state, {});
 });
 
 test('should set the value of SLIDE_FETCH_REQUEST action', t => {
-  const state = reducer({}, {type: SLIDE_FETCH_REQUEST, meta: {slideRef: 'slideRef'}});
+  const slideRef = 'sli_VJYjJnJhg';
+  const state = reducer({}, {type: SLIDE_FETCH_REQUEST, meta: {slideRef}});
   t.deepEqual(state, {
-    slideRef: null
+    [slideRef]: null
   });
 });
 

package/src/test/util/services.mock.ts

@@ -1,5 +1,4 @@
 import get from 'lodash/fp/get';
-import {qcmDragSlide} from '../../views/slides/test/fixtures/qcm-drag';
 import {qcmSlide} from '../../views/slides/test/fixtures/qcm';
 import {qcmGraphicSlide} from '../../views/slides/test/fixtures/qcm-graphic';
 import {freeTextSlide} from '../../views/slides/test/fixtures/free-text';
@@ -33,8 +32,6 @@ const getSlideFixture = (ref: string): SlideFromAPI => {
       return freeTextSlide;
     case templateSlide.universalRef:
       return templateSlide;
-    case qcmDragSlide.universalRef:
-      return qcmDragSlide;
     default:
       return sliderSlide;
   }

package/src/views/slides/index.ts

@@ -185,11 +185,11 @@ const getIconForCurrentStep = (
   slideRef: string,
   lastGivenAnswerForSlide: ProgressionAnswerItem,
   currentSlideRef: string,
-  lastGivenAsnswer: ProgressionAnswerItem
+  lastGivenAnswer: ProgressionAnswerItem
 ): IconValue => {
   if (slideRef !== currentSlideRef) return lastGivenAnswerForSlide.isCorrect ? 'right' : 'wrong';
 
-  if (lastGivenAsnswer.slideRef !== slideRef) return 'no-answer';
+  if (lastGivenAnswer.slideRef !== slideRef) return 'no-answer';
   return lastGivenAnswerForSlide.isCorrect ? 'right' : 'wrong';
 };