@coorpacademy/app-review 0.1.15 → 0.1.17

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

@@ -1,32 +1,26 @@
 import React, { useEffect, useState } from 'react';
-import { connect, Provider } from 'react-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';
 import configureStore from './configure-store';
-import { validateSlide } from './actions/ui/slides';
-import { navigateTo, navigateBack } from './actions/ui/navigation';
+import { navigateTo } from './actions/ui/navigation';
 import { storeToken } from './actions/data/token';
 import { fetchSkills } from './actions/api/fetch-skills';
 import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-const mapDispatchToProps = {
-    navigateTo,
-    navigateBack,
-    validateSlide
-};
-const getCurrentViewName = (storeState) => storeState.ui.navigation[storeState.ui.navigation.length - 1];
-const mapStateToProps = (state) => {
-    return {
-        viewName: getCurrentViewName(state),
-        slides: mapStateToSlidesProps(state),
-        skills: mapStateToSkillsProps(state)
+const ConnectedApp = () => {
+    const dispatch = useDispatch();
+    const props = {
+        viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
+        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch)),
+        skills: useSelector((state) => mapStateToSkillsProps(state))
     };
+    return React.createElement(AppReviewTemplate, { ...props });
 };
-const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
     const [isProgressionCreated, setIsProgressionCreated] = useState(false);
@@ -57,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)
@@ -77,6 +69,6 @@ const AppReview = ({ options }) => {
     const { templateContext: values } = options;
     return (React.createElement(Provider, { store: store },
         React.createElement(TemplateContext, { values: values },
-            React.createElement(App, null))));
+            React.createElement(ConnectedApp, null))));
 };
 export default AppReview;

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

@@ -4,7 +4,7 @@ import { SlidesState } from './slides';
 import { TokenState } from './token';
 export declare type DataState = {
     isFetching?: boolean;
-    progression?: ProgressionState;
+    progression: ProgressionState;
     skills: SkillsState;
     slides: SlidesState;
     token?: TokenState;
@@ -14,5 +14,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     skills: SkillsState;
     slides: SlidesState;
     token: TokenState;
-}>, import("../../actions/api/post-progression").ReceiveProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
+}>, 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/progression.d.ts

@@ -1,6 +1,5 @@
-import { ValidateSlide } from '../../actions/ui/slides';
-import { ReceiveProgression } from '../../actions/api/post-progression';
+import { ReceivedProgression } from '../../actions/api/post-progression';
 import { ProgressionFromAPI } from '../../types/common';
 export declare type ProgressionState = ProgressionFromAPI | null;
-declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide | ReceiveProgression) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression) => ProgressionState;
 export default reducer;

package/es/reducers/data/progression.js

@@ -1,13 +1,8 @@
-import { VALIDATE_SLIDE } from '../../actions/ui/slides';
 import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = null, action) => {
     switch (action.type) {
-        case VALIDATE_SLIDE: {
-            // TODO: fix on VALIDATE ticket -> launch a POST PROGRESSION
-            return state;
-        }
         case POST_PROGRESSION_SUCCESS: {
             const progression = action.payload;
             return progression;

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

@@ -1,8 +1,7 @@
-import { ValidateSlide } from '../../actions/ui/slides';
-import { ReceivedSlide } from '../../actions/api/fetch-slide';
+import { ReceivedSlide, FetchSlide } from '../../actions/api/fetch-slide';
 import { SlideFromAPI } from '../../types/common';
-export declare type SlidesAction = ReceivedSlide | ValidateSlide;
-export declare type SlidesState = Record<string, SlideFromAPI>;
+export declare type SlidesAction = FetchSlide | ReceivedSlide;
+export declare type SlidesState = Record<string, SlideFromAPI | null>;
 export declare const initialState: SlidesState;
 declare const reducer: (state: SlidesState | undefined, action: SlidesAction) => SlidesState;
 export default reducer;

package/es/reducers/data/slides.js

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

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

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

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

@@ -0,0 +1,38 @@
+import test from 'ava';
+import reducer from '../progression';
+import { POST_PROGRESSION_SUCCESS } from '../../../actions/api/post-progression';
+test('should have initial value', t => {
+    const state = reducer(undefined, {});
+    t.is(state, null);
+});
+test('should set the value of POST_PROGRESSION_SUCCESS action', t => {
+    const progression = {
+        _id: '62b1d1087aa12f00253f40ee',
+        content: {
+            ref: '_skill-ref',
+            type: 'skill'
+        },
+        engine: {
+            ref: 'review'
+        },
+        state: {
+            allAnswers: [],
+            isCorrect: true,
+            nextContent: {
+                ref: 'sli_N1XACJobn',
+                type: 'slide'
+            },
+            pendingSlides: [],
+            slides: [],
+            step: {
+                current: 1
+            },
+            stars: 0
+        }
+    };
+    const state = reducer(null, {
+        type: POST_PROGRESSION_SUCCESS,
+        payload: progression
+    });
+    t.deepEqual(state, progression);
+});

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

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

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

@@ -0,0 +1,12 @@
+import test from 'ava';
+import reducer from '../skills';
+import { SKILLS_FETCH_SUCCESS } from '../../../actions/api/fetch-skills';
+test('should have inital value', t => {
+    const state = reducer(undefined, {});
+    t.deepEqual(state, []);
+});
+test('should set the value of SKILLS_FETCH_SUCCESS action', t => {
+    const skills = [{ skillRef: 'skill', name: 'skill name', slidesToReview: 5, custom: false }];
+    const state = reducer([], { type: SKILLS_FETCH_SUCCESS, payload: skills });
+    t.deepEqual(state, skills);
+});

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

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

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

@@ -0,0 +1,20 @@
+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 => {
+    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' } });
+    t.deepEqual(state, {
+        slideRef: null
+    });
+});
+test('should set the value of SLIDE_FETCH_SUCCESS action', t => {
+    const state = reducer({}, { type: SLIDE_FETCH_SUCCESS, payload: freeTextSlide, meta: { slideRef: 'sli_VJYjJnJhg' } });
+    t.deepEqual(state, {
+        sli_VJYjJnJhg: freeTextSlide
+    });
+});

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

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

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

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

package/es/reducers/index.d.ts

@@ -14,7 +14,8 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     ui: import("redux").CombinedState<{
         currentSlideRef: string;
         navigation: import("./ui/navigation").NavigationState;
-        slides: import("./ui/slides").UISlidesState;
+        answers: import("./ui/answers").AnswerState;
+        slide: import("./ui/slide").UISlideState;
     }>;
-}>, import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/post-progression").ReceiveProgression | 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/slides").SetCurrentSlide | 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 | import("../actions/api/post-answer").PostAnswerRequestAction>;
 export default _default;

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

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

package/es/reducers/ui/answers.js

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

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

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

package/es/reducers/ui/index.js

@@ -1,9 +1,11 @@
 import { combineReducers } from 'redux';
 import currentSlideRef from './current-slide-ref';
 import navigation from './navigation';
-import slides from './slides';
+import answers from './answers';
+import slide from './slide';
 export default combineReducers({
     currentSlideRef,
     navigation,
-    slides
+    answers,
+    slide
 });

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

@@ -0,0 +1,8 @@
+import { EditAnswerAction } from '../../actions/ui/answers';
+import { PostAnswerRequestAction } from '../../actions/api/post-answer';
+export declare type UISlideState = {
+    validateButton: boolean;
+};
+export declare const initialState: UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: PostAnswerRequestAction | EditAnswerAction) => UISlideState;
+export default reducer;

package/es/reducers/ui/slide.js

@@ -0,0 +1,26 @@
+import compact from 'lodash/fp/compact';
+import isEmpty from 'lodash/fp/isEmpty';
+import pipe from 'lodash/fp/pipe';
+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';
+export const initialState = { validateButton: false };
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = initialState, action) => {
+    switch (action.type) {
+        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 };
+        }
+        case POST_ANSWER_REQUEST: {
+            return initialState;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

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

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

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

@@ -0,0 +1,27 @@
+import test from 'ava';
+import reducer from '../answers';
+import { ANSWER_EDIT } from '../../../actions/ui/answers';
+test('should have initial value', t => {
+    const state = reducer(undefined, {});
+    t.deepEqual(state, []);
+});
+test('should set the value of EDIT_BASIC action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.basic, payload: ['value'] });
+    t.deepEqual(state, ['value']);
+});
+test('should set the value of EDIT_QCM action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.qcm, payload: ['value1', 'value2'] });
+    t.deepEqual(state, ['value1', 'value2']);
+});
+test('should set the value of EDIT_QCM_GRAPHIC action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.qcmGraphic, payload: ['True', 'False'] });
+    t.deepEqual(state, ['True', 'False']);
+});
+test('should set the value of EDIT_QCM_DRAG action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.qcmDrag, payload: ['value1', 'value2'] });
+    t.deepEqual(state, ['value1', 'value2']);
+});
+test('should set the value of EDIT_SLIDER action', t => {
+    const state = reducer([], { type: ANSWER_EDIT.slider, payload: ['5'] });
+    t.deepEqual(state, ['5']);
+});

package/es/reducers/ui/test/current-slide-ref.test.d.ts

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

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

@@ -0,0 +1,12 @@
+import test from 'ava';
+import reducer from '../current-slide-ref';
+import { SET_CURRENT_SLIDE } from '../../../actions/ui/slides';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+test('should have initial value', t => {
+    const state = reducer(undefined, {});
+    t.is(state, '');
+});
+test('should set the value of SET_CURRENT_SLIDE action', t => {
+    const state = reducer('', { type: SET_CURRENT_SLIDE, payload: freeTextSlide });
+    t.is(state, 'sli_VJYjJnJhg');
+});

package/es/reducers/ui/test/navigation.test.d.ts

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

package/es/reducers/ui/test/navigation.test.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import reducer from '../navigation';
+import { navigateBack, navigateTo } from '../../../actions/ui/navigation';
+test('should have initial value', t => {
+    const state = reducer(undefined, {});
+    t.deepEqual(state, []);
+});
+test('should set the value of NAVIGATE_TO and NAVIGATE_BACK action', t => {
+    const state = reducer([], navigateTo('loader'));
+    t.deepEqual(state, ['loader']);
+    const updatedState = reducer(state, navigateTo('skills'));
+    t.deepEqual(updatedState, ['loader', 'skills']);
+    const _updatedState = reducer(updatedState, navigateBack());
+    t.deepEqual(_updatedState, ['loader']);
+});

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

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

package/es/reducers/ui/test/slide.test.js

@@ -0,0 +1,12 @@
+import test from 'ava';
+import reducer, { initialState } from '../slide';
+import { EDIT_BASIC } from '../../../actions/ui/answers';
+test('should use initial state if no answers are found when an EditAnswerAction is received', t => {
+    const state = reducer(undefined, { type: EDIT_BASIC, payload: [''] });
+    t.truthy(state);
+    t.false(state.validateButton);
+});
+test('should return state directly when there is no corresponding action handler + have an initial state', t => {
+    const state = reducer(undefined, { type: 'NOPE' });
+    t.deepEqual(state, initialState);
+});

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}`, {
+    const response = await crossFetch(`${host}/api/v2/slide/${slideRef}/parentContentTitle`, {
         headers: { authorization: token }
     });
     const slide = (await toJSON(response));

package/es/services/index.js

@@ -1,8 +1,10 @@
 import { fetchSkills } from './fetch-skills';
 import { postProgression } from './post-progression';
 import { fetchSlide } from './fetch-slide';
+import { postAnswer } from './post-answer';
 export const getServices = () => ({
     fetchSkills,
     fetchSlide,
-    postProgression
+    postProgression,
+    postAnswer
 });

package/es/services/post-answer.d.ts

@@ -0,0 +1,2 @@
+import { ProgressionFromAPI } from '../types/common';
+export declare const postAnswer: (skillRef: string, token: string, progressionId: string, answer: string[]) => Promise<ProgressionFromAPI>;

package/es/services/post-answer.js

@@ -0,0 +1,18 @@
+import crossFetch from 'cross-fetch';
+import decode from 'jwt-decode';
+import { toJSON } from './tools/fetch-responses';
+export const postAnswer = async (skillRef, token, progressionId, answer) => {
+    const { host } = decode(token);
+    const response = await crossFetch(`${host}/api/v2/progressions/${progressionId}/answers`, {
+        method: 'post',
+        headers: { authorization: token },
+        body: JSON.stringify({
+            content: {
+                ref: skillRef,
+                type: 'slide'
+            },
+            answer
+        })
+    });
+    return toJSON(response);
+};