@coorpacademy/app-review 0.1.16 → 0.1.17

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

@@ -1,6 +1,6 @@
-import { Dispatch } from 'redux';
+import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import { Options, Skill } from '../../types/common';
+import type { Options, Skill } from '../../types/common';
 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";
@@ -8,4 +8,4 @@ export declare type ReceivedSkills = {
     type: '@@skills/FETCH_SUCCESS';
     payload: Skill[];
 };
-export declare const fetchSkills: (token: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

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

@@ -1,11 +1,16 @@
 import buildTask from '@coorpacademy/redux-task';
+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 = (token) => async (dispatch, getState, { services }) => {
+export const fetchSkills = async (dispatch, getState, { services }) => {
     const action = buildTask({
         types: [SKILLS_FETCH_REQUEST, SKILLS_FETCH_SUCCESS, SKILLS_FETCH_FAILURE],
-        task: () => services.fetchSkills(token)
+        task: () => {
+            const state = getState();
+            const token = get('data.token', state);
+            return services.fetchSkills(token);
+        }
     });
     await dispatch(action);
 };

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

@@ -17,4 +17,4 @@ export declare type ReceivedSlide = {
         slideRef: string;
     };
 };
-export declare const fetchSlide: (slideRef: string, token: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

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

@@ -6,13 +6,15 @@ import { setCurrentSlide } from '../ui/slides';
 export const SLIDE_FETCH_REQUEST = '@@slides/FETCH_REQUEST';
 export const SLIDE_FETCH_SUCCESS = '@@slides/FETCH_SUCCESS';
 export const SLIDE_FETCH_FAILURE = '@@slides/FETCH_FAILURE';
-export const fetchSlide = (slideRef, token) => async (dispatch, getState, { services }) => {
+export const fetchSlide = (slideRef) => async (dispatch, getState, { services }) => {
     const action = buildTask({
         types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
         bailout: (state) => {
             return has(`data.slide.${slideRef}`, state);
         },
         task: () => {
+            const state = getState();
+            const token = get('data.token', state);
             return services.fetchSlide(slideRef, token);
         },
         meta: { slideRef }

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

@@ -0,0 +1,10 @@
+import type { Dispatch } from 'redux';
+import type { Options } from '../../types/common';
+import type { StoreState } from '../../reducers';
+export declare const POST_ANSWER_REQUEST: "@@answer/POST_REQUEST";
+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;
+};
+export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

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

@@ -0,0 +1,25 @@
+import buildTask from '@coorpacademy/redux-task';
+import get from 'lodash/fp/get';
+import { fetchSlide } from './fetch-slide';
+export const POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
+export const POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
+export const POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
+export const postAnswer = async (dispatch, getState, { services }) => {
+    const action = buildTask({
+        types: [POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS, POST_ANSWER_FAILURE],
+        task: () => {
+            const state = getState();
+            const token = get('data.token', state);
+            const answer = get('ui.answers', state);
+            const progressionId = get('data.progression._id', state);
+            const skillRef = get('data.progression.content.ref', state);
+            return services.postAnswer(skillRef, token, progressionId, answer);
+        }
+    });
+    const response = await dispatch(action);
+    if (response.type === POST_ANSWER_SUCCESS) {
+        const progression = response.payload;
+        const slideRef = progression.state.nextContent.ref;
+        await dispatch(fetchSlide(slideRef));
+    }
+};

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

@@ -1,11 +1,11 @@
 import type { Dispatch } from 'redux';
-import { Options, ProgressionFromAPI } from '../../types/common';
+import type { Options, ProgressionFromAPI } from '../../types/common';
 import type { StoreState } from '../../reducers';
 export declare const POST_PROGRESSION_REQUEST: "@@progression/POST_REQUEST";
 export declare const POST_PROGRESSION_SUCCESS: "@@progression/POST_SUCCESS";
 export declare const POST_PROGRESSION_FAILURE: "@@progression/POST_FAILURE";
-export declare type ReceiveProgression = {
+export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;
 };
-export declare const postProgression: (skillRef: string, token: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const postProgression: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

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

@@ -1,9 +1,12 @@
 import buildTask from '@coorpacademy/redux-task';
+import get from 'lodash/fp/get';
 import { fetchSlide } from './fetch-slide';
 export const POST_PROGRESSION_REQUEST = '@@progression/POST_REQUEST';
 export const POST_PROGRESSION_SUCCESS = '@@progression/POST_SUCCESS';
 export const POST_PROGRESSION_FAILURE = '@@progression/POST_FAILURE';
-export const postProgression = (skillRef, token) => async (dispatch, getState, { services }) => {
+export const postProgression = (skillRef) => async (dispatch, getState, { services }) => {
+    const state = getState();
+    const token = get('data.token', state);
     const action = buildTask({
         types: [POST_PROGRESSION_REQUEST, POST_PROGRESSION_SUCCESS, POST_PROGRESSION_FAILURE],
         task: () => {
@@ -14,6 +17,6 @@ export const postProgression = (skillRef, token) => async (dispatch, getState, {
     if (response.type === POST_PROGRESSION_SUCCESS) {
         const progression = response.payload;
         const slideRef = progression.state.nextContent.ref;
-        await dispatch(fetchSlide(slideRef, token));
+        await dispatch(fetchSlide(slideRef));
     }
 };

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

@@ -1,7 +1,7 @@
 import test from 'ava';
 import { fetchSkills, SKILLS_FETCH_FAILURE, SKILLS_FETCH_REQUEST, SKILLS_FETCH_SUCCESS } from '../fetch-skills';
 import { services as mockedServices } from '../../../test/util/services.mock';
-import { createTestStore } from './create-test-store';
+import { createTestStore } from '../../test/create-test-store';
 const initialState = {
     data: {
         progression: null,
@@ -12,7 +12,10 @@ const initialState = {
     ui: {
         currentSlideRef: '',
         navigation: [],
-        answers: []
+        answers: [],
+        slide: {
+            validateButton: false
+        }
     }
 };
 test('should dispatch SKILLS_FETCH_SUCCESS actions when fetchSkills return a list of skills', async (t) => {
@@ -31,7 +34,7 @@ test('should dispatch SKILLS_FETCH_SUCCESS actions when fetchSkills return a lis
         }
     ];
     const { dispatch } = createTestStore(t, initialState, services, expectedActions);
-    await dispatch(fetchSkills('1234'));
+    await dispatch(fetchSkills);
 });
 test('should dispatch SKILLS_FETCH_FAILURE action when fetchSkills fails', async (t) => {
     const services = {
@@ -50,5 +53,5 @@ test('should dispatch SKILLS_FETCH_FAILURE action when fetchSkills fails', async
         }
     ];
     const { dispatch } = createTestStore(t, initialState, services, expectedActions);
-    await dispatch(fetchSkills('1234'));
+    await dispatch(fetchSkills);
 });

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

@@ -3,7 +3,7 @@ import { fetchSlide, SLIDE_FETCH_FAILURE, SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCE
 import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
 import { services as mockedServices } from '../../../test/util/services.mock';
 import { SET_CURRENT_SLIDE } from '../../ui/slides';
-import { createTestStore } from './create-test-store';
+import { createTestStore } from '../../test/create-test-store';
 const initialState = {
     data: {
         progression: null,
@@ -14,7 +14,10 @@ const initialState = {
     ui: {
         currentSlideRef: '',
         navigation: [],
-        answers: []
+        answers: [],
+        slide: {
+            validateButton: false
+        }
     }
 };
 test('should dispatch FETCH_SUCCESS and SET_CURRENT_SLIDE actions when fetchSlide return a slide', async (t) => {
@@ -36,7 +39,7 @@ test('should dispatch FETCH_SUCCESS and SET_CURRENT_SLIDE actions when fetchSlid
         { type: SET_CURRENT_SLIDE, payload: freeTextSlide }
     ];
     const { dispatch } = createTestStore(t, initialState, services, expectedActions);
-    await dispatch(fetchSlide('sli_VJYjJnJhg', '1234'));
+    await dispatch(fetchSlide('sli_VJYjJnJhg'));
 });
 test('should dispatch SLIDE_FETCH_FAILURE action when fetchSlide fails', async (t) => {
     const services = {
@@ -57,5 +60,5 @@ test('should dispatch SLIDE_FETCH_FAILURE action when fetchSlide fails', async (
         }
     ];
     const { dispatch } = createTestStore(t, initialState, services, expectedActions);
-    await dispatch(fetchSlide('slide_ref', '1234'));
+    await dispatch(fetchSlide('slide_ref'));
 });

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

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

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

@@ -0,0 +1,82 @@
+import test from 'ava';
+import { createTestStore } from '../../test/create-test-store';
+import { postAnswerResponse, services } from '../../../test/util/services.mock';
+import { postAnswer, POST_ANSWER_FAILURE, POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS } from '../post-answer';
+import { SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS } from '../fetch-slide';
+import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { SET_CURRENT_SLIDE } from '../../ui/slides';
+const progressionId = '123456789123';
+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: {
+            _id: progressionId,
+            content: { type: 'skill', ref: skillRef },
+            engine: {
+                ref: 'review'
+            },
+            state: {
+                allAnswers: [],
+                isCorrect: true,
+                nextContent: {
+                    ref: 'sli_VJYjJnJhg',
+                    type: 'slide'
+                },
+                pendingSlides: [],
+                slides: [],
+                step: {
+                    current: 1
+                },
+                stars: 0
+            }
+        },
+        slides: {
+            [freeTextSlide.id]: freeTextSlide
+        },
+        skills: [{ skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: 'sli_VJYjJnJhg',
+        navigation: ['skills', 'slides'],
+        answers: answer,
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_SUCCESS when the updated progression is returned', async (t) => {
+    const expectedActions = [
+        { type: POST_ANSWER_REQUEST },
+        {
+            type: POST_ANSWER_SUCCESS,
+            payload: postAnswerResponse
+        },
+        { type: SLIDE_FETCH_REQUEST, meta: { slideRef: 'sli_VkSQroQnx' } },
+        {
+            type: SLIDE_FETCH_SUCCESS,
+            meta: { slideRef: 'sli_VkSQroQnx' },
+            payload: qcmGraphicSlide
+        },
+        { type: SET_CURRENT_SLIDE, payload: qcmGraphicSlide }
+    ];
+    const { dispatch } = createTestStore(t, initialState, services, expectedActions);
+    await dispatch(postAnswer);
+});
+test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_FAILURE on error', async (t) => {
+    const expectedActions = [
+        { type: POST_ANSWER_REQUEST },
+        {
+            type: POST_ANSWER_FAILURE,
+            payload: new Error('unexpected'),
+            error: true
+        }
+    ];
+    const { dispatch } = createTestStore(t, initialState, {
+        ...services,
+        postAnswer: () => Promise.reject(new Error('unexpected'))
+    }, expectedActions);
+    await dispatch(postAnswer);
+});

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

@@ -4,7 +4,7 @@ import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
 import { services as mockedServices } from '../../../test/util/services.mock';
 import { SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS } from '../fetch-slide';
 import { SET_CURRENT_SLIDE } from '../../ui/slides';
-import { createTestStore } from './create-test-store';
+import { createTestStore } from '../../test/create-test-store';
 const initialState = {
     data: {
         progression: null,
@@ -15,7 +15,10 @@ const initialState = {
     ui: {
         currentSlideRef: '',
         navigation: [],
-        answers: []
+        answers: [],
+        slide: {
+            validateButton: false
+        }
     }
 };
 test('should dispatch POST_PROGRESSION_SUCCESS and SLIDE_FETCH_REQUEST actions when postProgression return a progression', async (t) => {
@@ -78,7 +81,7 @@ test('should dispatch POST_PROGRESSION_SUCCESS and SLIDE_FETCH_REQUEST actions w
         { type: SET_CURRENT_SLIDE, payload: freeTextSlide }
     ];
     const { dispatch } = createTestStore(t, initialState, services, expectedActions);
-    await dispatch(postProgression('skill_12345', '1234'));
+    await dispatch(postProgression('skill_12345'));
 });
 test('should dispatch POST_PROGRESSION_FAILURE action when postProgression fails', async (t) => {
     const services = {
@@ -98,5 +101,5 @@ test('should dispatch POST_PROGRESSION_FAILURE action when postProgression fails
         }
     ];
     const { dispatch } = createTestStore(t, initialState, services, expectedActions);
-    await dispatch(postProgression('skill_12345', '1234'));
+    await dispatch(postProgression('skill_12345'));
 });

package/es/actions/data/test/token.test.d.ts

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

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

@@ -0,0 +1,25 @@
+import test from 'ava';
+import { createTestStore } from '../../test/create-test-store';
+import { services } from '../../../test/util/services.mock';
+import { storeToken, STORE_TOKEN } from '../token';
+const initialState = {
+    data: {
+        progression: null,
+        slides: {},
+        skills: [],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: '',
+        navigation: [],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch STORE_TOKEN action when storeToken is called', async (t) => {
+    const expectedActions = [{ type: STORE_TOKEN, payload: 'JWT.token' }];
+    const { dispatch } = createTestStore(t, initialState, services, expectedActions);
+    await dispatch(storeToken('JWT.token'));
+});

package/es/actions/index.d.ts

@@ -1,12 +1,5 @@
-import { StoreToken } from './data/token';
-import { navigateBack, navigateTo, NavigateBack, NavigateTo, StartApp } from './ui/navigation';
-import { ReceivedSlide } from './api/fetch-slide';
-import { ReceiveProgression } from './api/post-progression';
-import { ReceivedSkills } from './api/fetch-skills';
-import { validateSlide } from './ui/slides';
-export declare type Action = NavigateBack | NavigateTo | ReceivedSkills | StartApp | ReceivedSlide | StoreToken | ReceiveProgression;
+import { navigateBack, navigateTo } from './ui/navigation';
 export declare type Dispatchers = {
     navigateTo: typeof navigateTo;
     navigateBack: typeof navigateBack;
-    validateSlide: typeof validateSlide;
 };

package/es/actions/{api/test → test}/create-test-store.d.ts

@@ -1,5 +1,5 @@
 import type { ExecutionContext } from 'ava';
 import { AnyAction, Store } from 'redux';
-import { StoreState } from '../../../reducers';
-import { Services } from '../../../types/common';
+import { StoreState } from '../../reducers';
+import { Services } from '../../types/common';
 export declare const createTestStore: (t: ExecutionContext, initialState: StoreState, services: Services, actions: AnyAction[]) => Store;

package/es/actions/{api/test → test}/create-test-store.js

@@ -1,7 +1,7 @@
 import constant from 'lodash/fp/constant';
 import { applyMiddleware, compose, createStore } from 'redux';
 import thunk from 'redux-thunk';
-import rootReducer from '../../../reducers';
+import rootReducer from '../../reducers';
 const assertActionsMiddleware = (t, ACTIONS) => constant((next) => (action) => {
     const expectedAction = ACTIONS.shift();
     if (!expectedAction)

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

@@ -1,7 +1,21 @@
 import { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+export declare const EDIT_QCM: "@@answer/EDIT_QCM";
+export declare const EDIT_QCM_GRAPHIC: "@@answer/EDIT_QCM_GRAPHIC";
+export declare const EDIT_QCM_DRAG: "@@answer/EDIT_QCM_DRAG";
+export declare const EDIT_TEMPLATE: "@@answer/EDIT_TEMPLATE";
 export declare const EDIT_BASIC: "@@answer/EDIT_BASIC";
-export declare type EditBasicAction = {
-    type: typeof EDIT_BASIC;
+export declare const EDIT_SLIDER: "@@answer/EDIT_SLIDER";
+export declare const ANSWER_EDIT: {
+    readonly qcm: "@@answer/EDIT_QCM";
+    readonly qcmGraphic: "@@answer/EDIT_QCM_GRAPHIC";
+    readonly qcmDrag: "@@answer/EDIT_QCM_DRAG";
+    readonly template: "@@answer/EDIT_TEMPLATE";
+    readonly basic: "@@answer/EDIT_BASIC";
+    readonly slider: "@@answer/EDIT_SLIDER";
+};
+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;
     payload: string[];
 };
-export declare const editAnswer: (answer: string) => (dispatch: Dispatch) => EditBasicAction;
+export declare const editAnswer: (answer: string) => (dispatch: Dispatch, getState: () => StoreState) => EditAnswerAction;

package/es/actions/ui/answers.js

@@ -1,7 +1,43 @@
+import { flatten, get, includes, pull } from 'lodash/fp';
+export const EDIT_QCM = '@@answer/EDIT_QCM';
+export const EDIT_QCM_GRAPHIC = '@@answer/EDIT_QCM_GRAPHIC';
+export const EDIT_QCM_DRAG = '@@answer/EDIT_QCM_DRAG';
+export const EDIT_TEMPLATE = '@@answer/EDIT_TEMPLATE';
 export const EDIT_BASIC = '@@answer/EDIT_BASIC';
-export const editAnswer = (answer) => (dispatch) => {
+export const EDIT_SLIDER = '@@answer/EDIT_SLIDER';
+export const ANSWER_EDIT = {
+    qcm: EDIT_QCM,
+    qcmGraphic: EDIT_QCM_GRAPHIC,
+    qcmDrag: EDIT_QCM_DRAG,
+    template: EDIT_TEMPLATE,
+    basic: EDIT_BASIC,
+    slider: EDIT_SLIDER
+};
+const buildAnswer = (userAnswers, questionType, newValue) => {
+    switch (questionType) {
+        case 'qcm':
+        case 'qcmGraphic':
+        case 'qcmDrag': {
+            return includes(newValue, userAnswers)
+                ? pull(newValue, userAnswers)
+                : flatten([...userAnswers, newValue]);
+        }
+        case 'basic':
+        case 'slider':
+            return [newValue];
+        default:
+            return [];
+    }
+};
+export const editAnswer = (answer) => (dispatch, getState) => {
+    const state = getState();
+    const currentSlideRef = get(['ui', 'currentSlideRef'])(state);
+    const userAnswers = get(['ui', 'answers'])(state);
+    const slide = get(['data', 'slides', currentSlideRef])(state);
+    const questionType = get(['question', 'type'])(slide);
+    const type = get(questionType, ANSWER_EDIT);
     return dispatch({
-        type: EDIT_BASIC,
-        payload: [answer]
+        type,
+        payload: buildAnswer(userAnswers, questionType, answer)
     });
 };

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

@@ -17,10 +17,5 @@ export declare type SetCurrentSlide = {
     payload: SlideFromAPI;
 };
 export declare const setCurrentSlide: (payload: SlideFromAPI) => SetCurrentSlide;
-export declare const VALIDATE_SLIDE = "@@slide/VALIDATE";
-export declare type ValidateSlide = {
-    type: typeof VALIDATE_SLIDE;
-};
-export declare const validateSlide: () => ValidateSlide;
 export declare type UISlidesAction = SetCurrentSlide;
 export {};

package/es/actions/ui/slides.js

@@ -3,7 +3,3 @@ export const setCurrentSlide = (payload) => ({
     type: SET_CURRENT_SLIDE,
     payload
 });
-export const VALIDATE_SLIDE = '@@slide/VALIDATE';
-export const validateSlide = () => ({
-    type: VALIDATE_SLIDE
-});

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

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

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

@@ -0,0 +1,90 @@
+import test from 'ava';
+import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
+import { createTestStore } from '../../test/create-test-store';
+import { services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+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 { sliderSlide } from '../../../views/slides/test/fixtures/slider';
+import { editAnswer, ANSWER_EDIT } from '../answers';
+const initialState = {
+    data: {
+        progression: {
+            _id: '62b1d1087aa12f00253f40ee',
+            content: {
+                ref: '_skill-ref',
+                type: 'skill'
+            },
+            engine: {
+                ref: 'review'
+            },
+            state: {
+                allAnswers: [],
+                isCorrect: true,
+                nextContent: {
+                    ref: '',
+                    type: 'slide'
+                },
+                pendingSlides: [],
+                slides: [],
+                step: {
+                    current: 1
+                },
+                stars: 0
+            }
+        },
+        slides: {},
+        skills: [],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: '',
+        navigation: [],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+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);
+};
+test('should dispatch EDIT_BASIC action when editAnswer is called', async (t) => {
+    const state = buildInitialState(initialState, freeTextSlide);
+    const expectedActions = [{ type: ANSWER_EDIT.basic, payload: ['My Answer'] }];
+    const { dispatch } = createTestStore(t, state, services, expectedActions);
+    await dispatch(editAnswer('My Answer'));
+});
+test('should dispatch EDIT_QCM action when editAnswer is called', async (t) => {
+    let state = buildInitialState(initialState, qcmSlide);
+    state = set(['ui', 'answers'], ['My First Answer', 'My Second Answer'], state);
+    const expectedActions = [{ type: ANSWER_EDIT.qcm, payload: ['My First Answer'] }];
+    const { dispatch } = createTestStore(t, state, services, expectedActions);
+    await dispatch(editAnswer('My Second Answer'));
+});
+test('should dispatch EDIT_QCM_GRAPHIC action when editAnswer is called', async (t) => {
+    let state = buildInitialState(initialState, qcmGraphicSlide);
+    state = set(['ui', 'answers'], ['My First Answer', 'My Second Answer', 'My Third Answer'], state);
+    const expectedActions = [
+        { type: ANSWER_EDIT.qcmGraphic, payload: ['My First Answer', 'My Third Answer'] }
+    ];
+    const { dispatch } = createTestStore(t, state, services, expectedActions);
+    await dispatch(editAnswer('My Second Answer'));
+});
+test('should dispatch EDIT_QCM_DRAG action when editAnswer is called', async (t) => {
+    let state = buildInitialState(initialState, qcmDragSlide);
+    state = set(['ui', 'answers'], ['My First Answer', 'My Second Answer'], state);
+    const expectedActions = [
+        { type: ANSWER_EDIT.qcmDrag, payload: ['My First Answer', 'My Second Answer', 'My Third Answer'] }
+    ];
+    const { dispatch } = createTestStore(t, state, services, expectedActions);
+    await dispatch(editAnswer('My Third Answer'));
+});
+test('should dispatch EDIT_SLIDER action when editAnswer is called', async (t) => {
+    const state = buildInitialState(initialState, sliderSlide);
+    const expectedActions = [{ type: ANSWER_EDIT.slider, payload: ['5'] }];
+    const { dispatch } = createTestStore(t, state, services, expectedActions);
+    await dispatch(editAnswer('5'));
+});

package/es/actions/ui/test/slides.test.d.ts

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

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

@@ -0,0 +1,26 @@
+import test from 'ava';
+import { createTestStore } from '../../test/create-test-store';
+import { services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { setCurrentSlide, SET_CURRENT_SLIDE } from '../slides';
+const initialState = {
+    data: {
+        progression: null,
+        slides: {},
+        skills: [],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: '',
+        navigation: [],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch SET_CURRENT_SLIDE action when setCurrentSlide is called', async (t) => {
+    const expectedActions = [{ type: SET_CURRENT_SLIDE, payload: freeTextSlide }];
+    const { dispatch } = createTestStore(t, initialState, services, expectedActions);
+    await dispatch(setCurrentSlide(freeTextSlide));
+});

package/es/common/index.d.ts

@@ -1,5 +1,3 @@
-export declare const TOTAL_SLIDES_STACK = 5;
-export declare const HIGHEST_INDEX: number;
 export declare const VIEWS: {
     readonly skills: 'skills';
     readonly onboarding: 'onboarding';
@@ -7,4 +5,3 @@ export declare const VIEWS: {
 };
 export declare const slideIndexes: readonly ["0", "1", "2", "3", "4"];
 export declare type SlideIndexes = typeof slideIndexes[number];
-export declare const indexToString: (index: number) => SlideIndexes;

package/es/common/index.js

@@ -1,10 +1,6 @@
-import _toString from 'lodash/fp/toString';
-export const TOTAL_SLIDES_STACK = 5;
-export const HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
 export const VIEWS = {
     skills: 'skills',
     onboarding: 'onboarding',
     slides: 'slides'
 };
 export const slideIndexes = ['0', '1', '2', '3', '4'];
-export const indexToString = (index) => _toString(index);

package/es/index.js

@@ -51,9 +51,7 @@ const AppReview = ({ options }) => {
         const skillRef = get('skillRef', options);
         /* ThunkAction is not assignable to parameter of type 'AnyAction'
           ts problem is described here = https://github.com/reduxjs/redux-thunk/issues/333 */
-        skillRef
-            ? store.dispatch(postProgression(skillRef, token))
-            : store.dispatch(fetchSkills(token));
+        skillRef ? store.dispatch(postProgression(skillRef)) : store.dispatch(fetchSkills);
     }, [options, store]);
     useEffect(() => {
         if (store === null)