@coorpacademy/app-review 0.1.21 → 0.2.0

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

@@ -0,0 +1,11 @@
+import type { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+import type { CorrectionFromAPI, Options } from '../../types/common';
+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_SUCCESS;
+    payload: CorrectionFromAPI | void;
+};
+export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => FetchCorrection;

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

@@ -0,0 +1,19 @@
+import buildTask from '@coorpacademy/redux-task';
+import get from 'lodash/fp/get';
+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 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);
+        }
+    });
+    return dispatch(action);
+};

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

@@ -5,7 +5,7 @@ export declare const SKILLS_FETCH_REQUEST: "@@skills/FETCH_REQUEST";
 export declare const SKILLS_FETCH_SUCCESS: "@@skills/FETCH_SUCCESS";
 export declare const SKILLS_FETCH_FAILURE: "@@skills/FETCH_FAILURE";
 export declare type ReceivedSkills = {
-    type: '@@skills/FETCH_SUCCESS';
+    type: typeof SKILLS_FETCH_SUCCESS;
     payload: Skill[];
 };
-export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedSkills;

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

@@ -3,14 +3,14 @@ import get from 'lodash/fp/get';
 export const SKILLS_FETCH_REQUEST = '@@skills/FETCH_REQUEST';
 export const SKILLS_FETCH_SUCCESS = '@@skills/FETCH_SUCCESS';
 export const SKILLS_FETCH_FAILURE = '@@skills/FETCH_FAILURE';
-export const fetchSkills = async (dispatch, getState, { services }) => {
+export const fetchSkills = (dispatch, getState, { services }) => {
     const action = buildTask({
         types: [SKILLS_FETCH_REQUEST, SKILLS_FETCH_SUCCESS, SKILLS_FETCH_FAILURE],
         task: () => {
             const state = getState();
-            const token = get('data.token', state);
+            const token = get(['data', 'token'], state);
             return services.fetchSkills(token);
         }
     });
-    await dispatch(action);
+    return dispatch(action);
 };

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

@@ -14,7 +14,7 @@ export const fetchSlide = (slideRef) => async (dispatch, getState, { services })
         },
         task: () => {
             const state = getState();
-            const token = get('data.token', state);
+            const token = get(['data', 'token'], state);
             return services.fetchSlide(slideRef, token);
         },
         meta: { slideRef }

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

@@ -6,16 +6,14 @@ 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 token = get('data.token', state);
-    const answer = get('ui.answers', state);
+    const token = get(['data', 'token'], state);
+    const answer = get(['ui', 'answers'], state);
     const progression = state.data.progression;
     if (!progression)
         throw new Error('cannot answer question of inexisting progression');
     const action = buildTask({
         types: [POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS, POST_ANSWER_FAILURE],
-        task: () => {
-            return services.postAnswer(progression, token, answer);
-        }
+        task: () => services.postAnswer(progression, token, answer)
     });
     const response = await dispatch(action);
     if (response.type === POST_ANSWER_SUCCESS) {

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

@@ -6,12 +6,10 @@ export const POST_PROGRESSION_SUCCESS = '@@progression/POST_SUCCESS';
 export const POST_PROGRESSION_FAILURE = '@@progression/POST_FAILURE';
 export const postProgression = (skillRef) => async (dispatch, getState, { services }) => {
     const state = getState();
-    const token = get('data.token', state);
+    const token = get(['data', 'token'], state);
     const action = buildTask({
         types: [POST_PROGRESSION_REQUEST, POST_PROGRESSION_SUCCESS, POST_PROGRESSION_FAILURE],
-        task: () => {
-            return services.postProgression(skillRef, token);
-        }
+        task: () => services.postProgression(skillRef, token)
     });
     const response = await dispatch(action);
     if (response.type === POST_PROGRESSION_SUCCESS) {

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

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

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

@@ -0,0 +1,73 @@
+import test from 'ava';
+import { getChoicesCorrection, postAnswerResponses, services as mockedServices } from '../../../test/util/services.mock';
+import { createTestStore } from '../../test/create-test-store';
+import { CORRECTION_FETCH_FAILURE, CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, fetchCorrection } from '../fetch-correction';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { qcmSlide } from '../../../views/slides/test/fixtures/qcm';
+const progression = postAnswerResponses[freeTextSlide.universalRef];
+const skillRef = '_skill-ref';
+const answer = ['Lister vos tâches pour vous libérer l’esprit', 'Vous isoler dans un lieu calme'];
+const initialState = {
+    data: {
+        progression,
+        slides: {
+            [freeTextSlide.universalRef]: freeTextSlide,
+            [qcmSlide.universalRef]: qcmSlide
+        },
+        skills: [{ skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: freeTextSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: answer,
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch CORRECTION_FETCH_SUCCESS actions when fetchCorrection returns a correction object', async (t) => {
+    t.plan(6);
+    const services = {
+        ...mockedServices,
+        fetchCorrection: (slideRef, token, progressionId, _answer) => {
+            t.is(slideRef, freeTextSlide.universalRef);
+            t.is(token, '1234');
+            t.is(progression._id, progressionId);
+            t.is(_answer, answer);
+            return Promise.resolve(getChoicesCorrection(slideRef));
+        }
+    };
+    const expectedActions = [
+        { type: CORRECTION_FETCH_REQUEST },
+        {
+            type: CORRECTION_FETCH_SUCCESS,
+            payload: getChoicesCorrection(freeTextSlide.universalRef)
+        }
+    ];
+    const { dispatch } = createTestStore(t, initialState, services, expectedActions);
+    await dispatch(fetchCorrection);
+});
+test('should dispatch CORRECTION_FETCH_FAILURE action when fetchCorrection fails', async (t) => {
+    t.plan(6);
+    const services = {
+        ...mockedServices,
+        fetchCorrection: (slideRef, token, progressionId, _answer) => {
+            t.is(slideRef, freeTextSlide.universalRef);
+            t.is(token, '1234');
+            t.is(progression._id, progressionId);
+            t.is(_answer, answer);
+            return Promise.reject(new Error('unexpected'));
+        }
+    };
+    const expectedActions = [
+        { type: CORRECTION_FETCH_REQUEST },
+        {
+            type: CORRECTION_FETCH_FAILURE,
+            payload: new Error('unexpected'),
+            error: true
+        }
+    ];
+    const { dispatch } = createTestStore(t, initialState, services, expectedActions);
+    await dispatch(fetchCorrection);
+});

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

@@ -18,7 +18,8 @@ const initialState = {
         }
     }
 };
-test('should dispatch SKILLS_FETCH_SUCCESS actions when fetchSkills return a list of skills', async (t) => {
+test('should dispatch SKILLS_FETCH_SUCCESS actions when fetchSkills returns a list of skills', async (t) => {
+    t.plan(3);
     const services = {
         ...mockedServices,
         fetchSkills: token => {
@@ -37,6 +38,7 @@ test('should dispatch SKILLS_FETCH_SUCCESS actions when fetchSkills return a lis
     await dispatch(fetchSkills);
 });
 test('should dispatch SKILLS_FETCH_FAILURE action when fetchSkills fails', async (t) => {
+    t.plan(3);
     const services = {
         ...mockedServices,
         fetchSkills: token => {

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

@@ -21,6 +21,7 @@ const initialState = {
     }
 };
 test('should dispatch FETCH_SUCCESS and SET_CURRENT_SLIDE actions when fetchSlide return a slide', async (t) => {
+    t.plan(5);
     const services = {
         ...mockedServices,
         fetchSlide: (slideRef, token) => {
@@ -42,6 +43,7 @@ test('should dispatch FETCH_SUCCESS and SET_CURRENT_SLIDE actions when fetchSlid
     await dispatch(fetchSlide('sli_VJYjJnJhg'));
 });
 test('should dispatch SLIDE_FETCH_FAILURE action when fetchSlide fails', async (t) => {
+    t.plan(4);
     const services = {
         ...mockedServices,
         fetchSlide: (slideRef, token) => {

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

@@ -21,7 +21,7 @@ const initialState = {
                 allAnswers: [],
                 isCorrect: true,
                 nextContent: {
-                    ref: freeTextSlide.id,
+                    ref: freeTextSlide._id,
                     type: 'slide'
                 },
                 pendingSlides: [],
@@ -33,13 +33,13 @@ const initialState = {
             }
         },
         slides: {
-            [freeTextSlide.id]: freeTextSlide
+            [freeTextSlide._id]: freeTextSlide
         },
         skills: [{ skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
         token: '1234'
     },
     ui: {
-        currentSlideRef: freeTextSlide.id,
+        currentSlideRef: freeTextSlide._id,
         navigation: ['skills', 'slides'],
         answers: answer,
         slide: {
@@ -48,16 +48,17 @@ const initialState = {
     }
 };
 test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_SUCCESS when the updated progression is returned', async (t) => {
+    t.plan(4);
     const expectedActions = [
         { type: POST_ANSWER_REQUEST },
         {
             type: POST_ANSWER_SUCCESS,
-            payload: postAnswerResponses[freeTextSlide.id]
+            payload: postAnswerResponses[freeTextSlide._id]
         },
-        { type: SLIDE_FETCH_REQUEST, meta: { slideRef: qcmGraphicSlide.id } },
+        { type: SLIDE_FETCH_REQUEST, meta: { slideRef: qcmGraphicSlide._id } },
         {
             type: SLIDE_FETCH_SUCCESS,
-            meta: { slideRef: qcmGraphicSlide.id },
+            meta: { slideRef: qcmGraphicSlide._id },
             payload: qcmGraphicSlide
         },
         { type: SET_CURRENT_SLIDE, payload: qcmGraphicSlide }
@@ -66,6 +67,7 @@ test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_SUCCESS when the upd
     await dispatch(postAnswer);
 });
 test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_FAILURE on error', async (t) => {
+    t.plan(3);
     const expectedActions = [
         { type: POST_ANSWER_REQUEST },
         {
@@ -76,7 +78,10 @@ test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_FAILURE on error', a
     ];
     const { dispatch } = createTestStore(t, initialState, {
         ...services,
-        postAnswer: () => Promise.reject(new Error('unexpected'))
+        postAnswer: () => {
+            t.pass();
+            return Promise.reject(new Error('unexpected'));
+        }
     }, expectedActions);
     await dispatch(postAnswer);
 });

package/es/actions/api/test/post-progression.test.js

@@ -21,7 +21,8 @@ const initialState = {
         }
     }
 };
-test('should dispatch POST_PROGRESSION_SUCCESS and SLIDE_FETCH_REQUEST actions when postProgression return a progression', async (t) => {
+test('should dispatch POST_PROGRESSION_SUCCESS and SLIDE_FETCH_REQUEST actions when postProgression returns a progression', async (t) => {
+    t.plan(9);
     const progression = {
         _id: '62b1d1087aa12f00253f40ee',
         content: {
@@ -84,6 +85,7 @@ test('should dispatch POST_PROGRESSION_SUCCESS and SLIDE_FETCH_REQUEST actions w
     await dispatch(postProgression('skill_12345'));
 });
 test('should dispatch POST_PROGRESSION_FAILURE action when postProgression fails', async (t) => {
+    t.plan(4);
     const services = {
         ...mockedServices,
         postProgression: (skillRef, token) => {

package/es/actions/ui/test/answers.test.js

@@ -50,7 +50,7 @@ const initialState = {
     }
 };
 const buildInitialState = (state, question) => {
-    return pipe(set(['data', 'progression', 'state', 'nextContent', 'ref'], question.id), set(['data', 'slides', question.id], question), set(['ui', 'currentSlideRef'], question.id))(state);
+    return pipe(set(['data', 'progression', 'state', 'nextContent', 'ref'], question._id), set(['data', 'slides', question._id], question), set(['ui', 'currentSlideRef'], question._id))(state);
 };
 test('should dispatch EDIT_BASIC action when editAnswer is called', async (t) => {
     const state = buildInitialState(initialState, freeTextSlide);

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

@@ -7,12 +7,12 @@ export declare type DataState = {
     progression: ProgressionState;
     skills: SkillsState;
     slides: SlidesState;
-    token?: TokenState;
+    token: TokenState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     progression: ProgressionState;
     skills: SkillsState;
     slides: SlidesState;
-    token: TokenState;
+    token: string;
 }>, import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
 export default _default;

package/es/reducers/data/slides.js

@@ -6,11 +6,11 @@ const reducer = (state = initialState, action) => {
     switch (action.type) {
         case SLIDE_FETCH_REQUEST: {
             const { meta } = action;
-            return set(meta.slideRef, null, state);
+            return set([meta.slideRef], null, state);
         }
         case SLIDE_FETCH_SUCCESS: {
             const slide = action.payload;
-            return set(slide.id, slide, state);
+            return set([slide._id], slide, state);
         }
         default:
             return state;

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

@@ -1,11 +1,11 @@
 import test from 'ava';
 import reducer from '../token';
 import { STORE_TOKEN } from '../../../actions/data/token';
-test('should have inital value', t => {
+test('should have initial value', t => {
     const state = reducer(undefined, {});
-    t.is(state, null);
+    t.is(state, '');
 });
 test('should set the value of STORE_TOKEN action', t => {
-    const state = reducer(null, { type: STORE_TOKEN, payload: 'token' });
+    const state = reducer('', { type: STORE_TOKEN, payload: 'token' });
     t.is(state, 'token');
 });

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

@@ -1,4 +1,4 @@
 import { StoreToken } from '../../actions/data/token';
-export declare type TokenState = string | null;
-declare const reducer: (state: TokenState | undefined, action: StoreToken) => TokenState;
+export declare type TokenState = string;
+declare const reducer: (state: string | undefined, action: StoreToken) => TokenState;
 export default reducer;

package/es/reducers/data/token.js

@@ -1,6 +1,6 @@
 import { STORE_TOKEN } from '../../actions/data/token';
 // eslint-disable-next-line default-param-last
-const reducer = (state = null, action) => {
+const reducer = (state = '', action) => {
     switch (action.type) {
         case STORE_TOKEN:
             return action.payload;

package/es/reducers/index.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         progression: import("./data/progression").ProgressionState;
         skills: import("./data/skills").SkillsState;
         slides: import("./data/slides").SlidesState;
-        token: import("./data/token").TokenState;
+        token: string;
     }>;
     ui: import("redux").CombinedState<{
         currentSlideRef: string;

package/es/reducers/ui/current-slide-ref.js

@@ -4,7 +4,7 @@ const reducer = (
 state = '', action) => {
     switch (action.type) {
         case SET_CURRENT_SLIDE: {
-            return action.payload.id;
+            return action.payload._id;
         }
         default:
             return state;

package/es/services/fetch-slide.js

@@ -3,7 +3,7 @@ import decode from 'jwt-decode';
 import { toJSON } from './tools/fetch-responses';
 export const fetchSlide = async (slideRef, token) => {
     const { host } = decode(token);
-    const response = await crossFetch(`${host}/api/v2/slide/${slideRef}/parentContentTitle`, {
+    const response = await crossFetch(`${host}/api/v1/slides/${slideRef}/parentContentTitle`, {
         headers: { authorization: token }
     });
     return toJSON(response);

package/es/services/post-answer.js

@@ -3,14 +3,14 @@ import decode from 'jwt-decode';
 import { toJSON } from './tools/fetch-responses';
 export const postAnswer = async (progression, token, answer) => {
     const progressionId = progression._id;
-    const skillRef = progression.content.ref;
+    const slideRef = progression.state.nextContent.ref;
     const { host } = decode(token);
     const response = await crossFetch(`${host}/api/v2/progressions/${progressionId}/answers`, {
         method: 'post',
-        headers: { authorization: token },
+        headers: { authorization: token, 'content-type': 'application/json' },
         body: JSON.stringify({
             content: {
-                ref: skillRef,
+                ref: slideRef,
                 type: 'slide'
             },
             answer

package/es/services/post-progression.js

@@ -5,11 +5,11 @@ export const postProgression = async (skillRef, token) => {
     const { host } = decode(token);
     const response = await crossFetch(`${host}/api/v2/progressions`, {
         method: 'post',
-        headers: { authorization: token },
+        headers: { authorization: token, 'content-type': 'application/json' },
         body: JSON.stringify({
             content: {
                 ref: skillRef,
-                type: 'slide'
+                type: 'skill'
             },
             engine: {
                 ref: 'review',

package/es/services/test/fetch-slide.test.js

@@ -4,7 +4,7 @@ import { qcmDragSlide } from '../../views/slides/test/fixtures/qcm-drag';
 import { fetchSlide } from '../fetch-slide';
 test.before(() => {
     nock('http://localhost:3000')
-        .get('/api/v2/slide/sli_123546/parentContentTitle')
+        .get('/api/v1/slides/sli_123546/parentContentTitle')
         .reply(200, qcmDragSlide);
 });
 test.after(() => {

package/es/services/test/post-answer.test.js

@@ -63,7 +63,15 @@ const result = {
 };
 test.before(() => {
     const moocApi = nock('http://localhost:3000');
-    moocApi.post('/api/v2/progressions/123456123456/answers').reply(200, result);
+    moocApi
+        .post('/api/v2/progressions/123456123456/answers', {
+        content: {
+            ref: 'sli_NkvrWPFF2',
+            type: 'slide'
+        },
+        answer
+    })
+        .reply(200, result);
 });
 test.after(() => {
     nock.cleanAll();

package/es/services/test/post-progression.test.js

@@ -28,7 +28,18 @@ const result = {
 };
 test.before(() => {
     const moocApi = nock('http://localhost:3000');
-    moocApi.post('/api/v2/progressions').reply(200, result);
+    moocApi
+        .post('/api/v2/progressions', {
+        content: {
+            ref: '_skill-ref',
+            type: 'skill'
+        },
+        engine: {
+            ref: 'review',
+            version: '1'
+        }
+    })
+        .reply(200, result);
 });
 test.after(() => {
     nock.cleanAll();

package/es/test/util/services.mock.d.ts

@@ -1,5 +1,6 @@
-import { ProgressionFromAPI, Services } from '../../types/common';
+import { CorrectionFromAPI, ProgressionFromAPI, Services } from '../../types/common';
 export declare const postProgressionResponse: ProgressionFromAPI;
 export declare const postAnswerResponses: Record<string, ProgressionFromAPI>;
 export declare const progressionSlideWithPendingSlide: ProgressionFromAPI;
+export declare const getChoicesCorrection: (ref: string, wrongChoice?: boolean) => CorrectionFromAPI;
 export declare const services: Services;

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

@@ -327,7 +327,7 @@ export const progressionSlideWithPendingSlide = {
         stars: 32
     }
 };
-const getChoicesCorrection = (ref, wrongChoice = false) => {
+export const getChoicesCorrection = (ref, wrongChoice = false) => {
     switch (ref) {
         case qcmSlide.universalRef: {
             const correctAnswer = [get('question.content.choices.0.label', qcmSlide)];
@@ -393,7 +393,7 @@ const getChoicesCorrection = (ref, wrongChoice = false) => {
 };
 export const services = {
     fetchSkills: () => Promise.resolve(fetchSkillsResponse),
-    fetchSlide: ref => Promise.resolve({ ...getSlideFixture(ref), universalRef: ref, id: ref }),
+    fetchSlide: ref => Promise.resolve({ ...getSlideFixture(ref), universalRef: ref, _id: ref }),
     postProgression: () => Promise.resolve(postProgressionResponse),
     postAnswer: progression => {
         const currentSlide = progression.state.nextContent.ref;

package/es/types/common.d.ts

@@ -62,13 +62,13 @@ export declare type TemplateQuestion = Omit<BaseQuestion, 'content'> & {
 };
 export declare type Question = QcmQuestion | QcmGraphicQuestion | QcmDragQuestion | BasicQuestion | SliderQuestion | TemplateQuestion;
 export declare type SlideFromAPI = {
+    _id: string;
     question: Question;
     klf: string;
     universalRef: string;
     tips?: string;
     clue?: string;
     hasClue?: boolean;
-    id: string;
     parentContentTitle: {
         title: string;
         type: 'chapter' | 'course';

package/es/views/slides/test/fixtures/free-text.js

@@ -18,7 +18,7 @@ export const freeTextSlide = {
     klf: 'To negotiate your salary when being hired, you have to establish a benchmark beforehand. In other words, you should assess the salary to which you aspire by enquiring about the remuneration paid in the same industry, the same region and the same position.',
     tips: 'According to Insee, Paris salaries are 20-25% higher compared with those of the provinces in 2015.',
     universalRef: 'sli_VJYjJnJhg',
-    id: 'sli_VJYjJnJhg',
+    _id: 'sli_VJYjJnJhg',
     parentContentTitle: {
         title: 'Developing the review app',
         type: 'course'

package/es/views/slides/test/fixtures/qcm-drag.js

@@ -65,7 +65,7 @@ export const qcmDragSlide = {
     klf: "Le burn out s'installe en quatre étapes : tout d'abord, l'implication (investissement émotionnel et/ou affectif, sacrifice de sa vie privée) ; en second, la stagnation (premières déceptions, signes de fatigue) ; ensuite, la frustration (efforts non reconnus) ; et enfin, la démoralisation (problèmes de concentration, sentiment d'inutilité, désespoir).",
     tips: "Encadré par la loi, l'entretien professionnel a pour but d'aider le collaborateur à verbaliser ses difficultés et à construire son projet professionnel.",
     universalRef: 'sli_4yGBq-mCg',
-    id: 'sli_4yGBq-mCg',
+    _id: 'sli_4yGBq-mCg',
     parentContentTitle: {
         title: 'Using redux',
         type: 'chapter'

package/es/views/slides/test/fixtures/qcm-graphic.js

@@ -57,7 +57,7 @@ export const qcmGraphicSlide = {
     klf: "Il ne faut pas prendre la négociation comme une affaire personnelle, afin de rester centré sur son sujet. Mais cela ne signifie pas être dépourvu de toute émotion, car celles-ci peuvent être de vrais atouts. À condition de réussir à les exprimer sans accuser l'autre d'en être à l'origine.",
     tips: "Pour gérer ses émotions, il faut d'abord les identifier, notamment en analysant ses ressentis physiques et en trouvant l'élément déclencheur.",
     universalRef: 'sli_VkSQroQnx',
-    id: 'sli_VkSQroQnx',
+    _id: 'sli_VkSQroQnx',
     parentContentTitle: {
         title: 'Developing the review app',
         type: 'course'

package/es/views/slides/test/fixtures/qcm.js

@@ -66,7 +66,7 @@ export const qcmSlide = {
     tips: 'En 2021, le média en ligne Numerama a créé un NFT vendu aux enchères sur OpenSea. Sur cette plateforme, il est obligatoire de mettre un prix de réserve, autrement dit un prix minimum au-dessous duquel la vente ne sera pas automatiquement acceptée. Sur OpenSea il ne peut être inférieur à 1 ETH. Si le prix de réserve est atteint, pas de problème, les "gas fees" (les frais de gaz) sont couverts par OpenSea. Mais, si ce n’est pas le cas, c’est au vendeur de s’en acquitter. <br/>Le NFT en question est parti à 0,021 ETH, soit 40€ au cours de l\'époque, un prix inférieur au prix de réserve. Numerama a dû acquitter des frais de gaz, et payer 190 €. <br/>Avec les NFT, on ne gagne pas à tous les coups.',
     universalRef: 'sli_N1XACJobn',
     hasClue: true,
-    id: 'sli_N1XACJobn',
+    _id: 'sli_N1XACJobn',
     parentContentTitle: {
         title: 'Developing the review app',
         type: 'course'

package/es/views/slides/test/fixtures/slider.js

@@ -13,7 +13,7 @@ export const sliderSlide = {
     klf: 'Dans le cadre d’un projet local, la communauté de communes du Thouarsais, dans le Poitou (ouest de la France), a développé un parc diversifié d’énergies renouvelables : éolien, biomasse, solaire… En sept ans seulement, entre 2007 et 2014, la part d’énergies renouvelables est passée de zéro à un tiers !',
     tips: 'En 2014, le Thouarsais a reçu la médaille de bronze du championnat européen des énergies renouvelables.',
     universalRef: 'sli_VkAzsCLKb',
-    id: 'sli_VkAzsCLKb',
+    _id: 'sli_VkAzsCLKb',
     parentContentTitle: {
         title: 'Developing the review app',
         type: 'course'

package/es/views/slides/test/fixtures/template.js

@@ -79,7 +79,7 @@ export const templateSlide = {
     klf: 'L’apprenant peut aussi évaluer sa performance grâce à un classement disponible sur la vue leaderboard. Elle compare sa position par rapport à celle des autres apprenants de la plateforme.',
     tips: "La position d'un apprenant peut être aussi consultée depuis le header ou en-tête de la page. Elle se met à jour à chaque fois qu'un apprenant obtient des étoiles.",
     universalRef: 'sli_N13-hG3kX',
-    id: 'sli_N13-hG3kX',
+    _id: 'sli_N13-hG3kX',
     parentContentTitle: {
         title: 'Developing the review app',
         type: 'course'

package/es/views/slides/test/slide.template.on-change.test.js

@@ -16,7 +16,7 @@ const progression = {
         allAnswers: [],
         isCorrect: true,
         nextContent: {
-            ref: templateSlide.id,
+            ref: templateSlide._id,
             type: 'slide'
         },
         pendingSlides: [],
@@ -31,13 +31,13 @@ const initialState = {
     data: {
         progression,
         slides: {
-            [templateSlide.id]: templateSlide
+            [templateSlide._id]: templateSlide
         },
         skills: [],
         token: '1234'
     },
     ui: {
-        currentSlideRef: templateSlide.id,
+        currentSlideRef: templateSlide._id,
         navigation: ['skills', 'slides'],
         answers: [],
         slide: {