@coorpacademy/app-review 0.1.14 → 0.1.16

package/es/index.js

@@ -1,95 +1,29 @@
 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 { congratsProps, correctionPopinProps } from './fixtures/temp-fixture';
-import { updateSlidesOnNext, updateSlidesOnValidation, validateSlide } from './actions/data/slides';
-import { navigateTo, navigateBack } from './actions/ui/navigation';
+import { navigateTo } from './actions/ui/navigation';
 import { storeToken } from './actions/data/token';
-import { updateFinishedSlides } from './actions/ui/finished-slides';
-import { updateReviewStatus } from './actions/ui/review-status';
-import { updateStepItemsOnValidation, updateStepItemsOnNext } from './actions/ui/step-items';
 import { fetchSkills } from './actions/api/fetch-skills';
 import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
-const mapDispatchToProps = {
-    navigateTo,
-    navigateBack,
-    validateSlide,
-    updateSlidesOnValidation,
-    updateSlidesOnNext,
-    updateReviewStatus,
-    updateStepItemsOnValidation,
-    updateStepItemsOnNext,
-    updateFinishedSlides
-};
-const getCurrentViewName = (storeState) => storeState.ui.navigation[storeState.ui.navigation.length - 1];
-const mapStateToSkillsProps = (state) => {
-    if (!state.data.skills) {
-        return null;
-    }
-    return {
-        title: '@todo title',
-        titleNoSkills: '@todo titleNoSkills',
-        textNoSkills: '@todo textNoSkills',
-        iconSkillAriaLabel: '@todo iconSkillAriaLabel',
-        isLoading: false,
-        isLoadingAriaLabel: '@todo loading',
-        listSkills: state.data.skills.map(skill => ({
-            'aria-label': '',
-            isCustom: skill.custom,
-            skillTitle: skill.name,
-            skillAriaLabel: '@todo skill aria label',
-            buttonLabel: '@todo button',
-            buttonAriaLabel: '@todo button aria label',
-            reviseLabel: '@todo revise',
-            reviseAriaLabel: '@todo revise aria label',
-            // eslint-disable-next-line no-console
-            onClick: () => console.log('@todo plug dispatcher select skill')
-        }))
-    };
-};
-const mapStateToSlidesProps = (state) => {
-    if (!state.data.slides) {
-        return null;
-    }
-    return {
-        headerProps: {
-            mode: '__revision_mode',
-            skillName: '__agility',
-            onQuitClick: () => {
-                // eslint-disable-next-line no-console
-                console.log('onQuitClick');
-            },
-            'aria-label': 'aria-header-wrapper',
-            closeButtonAriaLabel: 'aria-close-button'
-        },
-        slides: state.data.slides,
-        validate: {
-            label: '__validate'
-        },
-        finishedSlides: state.ui.finishedSlides,
-        stepItems: state.ui.stepItems,
-        reviewStatus: state.ui.reviewStatus,
-        correctionPopinProps,
-        congratsProps,
-        progression: state.data.progression
-    };
-};
-const mapStateToProps = (state) => {
-    return {
-        viewName: getCurrentViewName(state),
-        slides: mapStateToSlidesProps(state),
-        skills: mapStateToSkillsProps(state)
+import { mapStateToSlidesProps } from './views/slides';
+import { mapStateToSkillsProps } from './views/skills';
+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 [isSlideFetched, setIsSlideFetched] = useState(false);
+    const [isProgressionCreated, setIsProgressionCreated] = useState(false);
     useEffect(() => {
         if (store)
             return;
@@ -97,14 +31,13 @@ const AppReview = ({ options }) => {
         setStore(newStore);
     }, [options, store]);
     useEffect(() => {
-        if (!store || isSlideFetched)
+        if (!store || isProgressionCreated)
             return;
         return store.subscribe(() => {
-            const isSlidePresent = !isEmpty(store.getState().data.slides[0].questionText);
-            return isSlidePresent && setIsSlideFetched(isSlidePresent);
-        }); // using the first slide questionText for now, should only check for a slide's presence
-        // when the refactor is done (slides will be feed one by one on api's side)
-    }, [isSlideFetched, options, store]);
+            const isProgressionPresent = !isEmpty(store.getState().data.progression);
+            return isProgressionPresent && setIsProgressionCreated(isProgressionPresent);
+        });
+    }, [isProgressionCreated, options, store]);
     useEffect(() => {
         const token = get('token', options);
         if (store === null || isEmpty(token))
@@ -116,8 +49,8 @@ const AppReview = ({ options }) => {
         if (store === null || isEmpty(token))
             return;
         const skillRef = get('skillRef', options);
-        // ThunkAction is not assignable to parameter of type 'AnyAction'
-        // ts problem describre here = https://github.com/reduxjs/redux-thunk/issues/333
+        /* 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));
@@ -126,21 +59,18 @@ const AppReview = ({ options }) => {
         if (store === null)
             return;
         const { skillRef } = options;
-        if (skillRef && !isSlideFetched) {
+        if (skillRef && !isProgressionCreated) {
             store.dispatch(navigateTo('loader')); // use loader while posting progression
             return;
         }
-        // TODO: when slides state is refactored (data + mapping),
-        // use loader in case a skillRef is found && no slides from the API
-        // are found
         const initialView = skillRef ? VIEWS.slides : VIEWS.skills;
         store.dispatch(navigateTo(initialView));
-    }, [isSlideFetched, options, store]);
+    }, [isProgressionCreated, options, store]);
     if (!store)
         return null;
     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/data/slides").ValidateSlide | import("../../actions/data/slides").SlidesAction | import("../../actions/api/post-progression").ReceiveProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("../../actions/data/token").StoreToken>;
+}>, import("../../actions/api/post-progression").ReceiveProgression | 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,19 +1,6 @@
-import { ValidateSlide } from '../../actions/data/slides';
+import { ValidateSlide } from '../../actions/ui/slides';
 import { ReceiveProgression } from '../../actions/api/post-progression';
-export declare type ProgressionState = {
-    _id?: string;
-    state: {
-        isCorrect: boolean;
-        nextContent: {
-            ref: 'successExitNode' | string;
-            type: 'success' | 'slide';
-        };
-        pendingSlides: string[];
-        step: {
-            current: number;
-        };
-    };
-    slideNumber?: number;
-} | null;
+import { ProgressionFromAPI } from '../../types/common';
+export declare type ProgressionState = ProgressionFromAPI | null;
 declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide | ReceiveProgression) => ProgressionState;
 export default reducer;

package/es/reducers/data/progression.js

@@ -1,30 +1,12 @@
-import { getOr } from 'lodash/fp';
-import { VALIDATE_SLIDE } from '../../actions/data/slides';
+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: {
-            const previousSlideNumber = getOr(-1, 'slideNumber', state);
-            // hard coded for now
-            // TODO: fix on VALIDATE ticket
-            return {
-                _id: '1234',
-                // virtual field
-                slideNumber: previousSlideNumber + 1,
-                state: {
-                    pendingSlides: [],
-                    step: {
-                        current: Number.NaN
-                    },
-                    isCorrect: true,
-                    nextContent: {
-                        ref: 'sli_V1gKpYYZ2',
-                        type: 'slide'
-                    }
-                }
-            };
+            // TODO: fix on VALIDATE ticket -> launch a POST PROGRESSION
+            return state;
         }
         case POST_PROGRESSION_SUCCESS: {
             const progression = action.payload;
@@ -34,5 +16,4 @@ state = null, action) => {
             return state;
     }
 };
-// -----------------------------------------------------------------------------
 export default reducer;

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

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

package/es/reducers/data/slides.js

@@ -1,118 +1,19 @@
-import map from 'lodash/fp/map';
-import { UPDATE_SLIDES_ON_NEXT, UPDATE_SLIDES_ON_VALIDATION } from '../../actions/data/slides';
-import { HIGHEST_INDEX, slideNumbers, TOTAL_SLIDES_STACK } from '../../common';
-import { slide as qcmSlide } from '../../fixtures/qcm-slide';
-import { SLIDE_FETCH_SUCCESS } from '../../actions/api/fetch-slide';
-const getInitialState = () => {
-    const state = {
-        slideNumbers
-    };
-    // eslint-disable-next-line fp/no-loops
-    for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {
-        state[index] = { hidden: false, position: index };
-    }
-    return state;
-};
-export const initialState = getInitialState();
-// -----------------------------------------------------------------------------
-const setFirstSlide = (state, slide) => {
-    const _state = {
-        slideNumbers
-    };
-    // eslint-disable-next-line lodash-fp/no-unused-result
-    map(index => {
-        const previousValue = state[index];
-        // Only update the 1st one
-        const content = index === 0 ? { ...previousValue, ...slide } : { ...previousValue };
-        _state[index] = { ...content };
-    }, state.slideNumbers);
-    return _state;
-};
-// ||-------> Handles the updates of a given slide on validation,
-// & then updates de remaining slides if this given change should impact their content
-const stateUpdateOnValidation = (state, payload) => {
-    const { slideNumber, newSlideContent, numberOfFinishedSlides, nextContent } = payload;
-    const _state = {
-        slideNumbers
-    };
-    // eslint-disable-next-line lodash-fp/no-unused-result
-    map(index => {
-        const previousValue = state[index];
-        // the current slide
-        if (index === slideNumber) {
-            // only one slide remaining, presets the next value
-            if (numberOfFinishedSlides === HIGHEST_INDEX) {
-                _state[index] = {
-                    ...previousValue,
-                    nextContent,
-                    position: newSlideContent.position,
-                    isCorrect: newSlideContent.isCorrect
-                };
-            }
-            else
-                _state[slideNumber] = { ...previousValue, ...newSlideContent };
-        }
-        else {
-            // updates the rest of the slides here
-            const { hidden, position } = previousValue;
-            _state[index] = { ...nextContent, endReview: newSlideContent.endReview, hidden, position };
-        }
-    }, state.slideNumbers);
-    return _state;
-};
-// ||-------> Handles the updates of a given slide on correction popin's next click,
-// & then updates de remaining slides (updates position to trigger animations)
-const stateUpdateOnNext = (state, payload) => {
-    const { slideNumber, newSlideContent, numberOfFinishedSlides } = payload;
-    const _state = {
-        slideNumbers
-    };
-    // eslint-disable-next-line lodash-fp/no-unused-result
-    map(index => {
-        const previousValue = state[index];
-        // the current slide
-        if (index === slideNumber) {
-            // when there is only one slide remaining, updates the slide value
-            if (numberOfFinishedSlides === HIGHEST_INDEX && previousValue.nextContent) {
-                _state[index] = { ...previousValue.nextContent, position: previousValue.position };
-            }
-            else
-                _state[slideNumber] = newSlideContent;
-        }
-        else {
-            // updates the rest of the slides here
-            const { hidden, position, answerUI, questionText } = previousValue;
-            _state[index] = {
-                hidden,
-                position: position - 1,
-                answerUI,
-                questionText,
-                endReview: newSlideContent.endReview
-            };
-        }
-    }, state.slideNumbers);
-    return _state;
-};
-// -----------------------------------------------------------------------------
+import set from 'lodash/fp/set';
+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_SUCCESS: {
-            // TODO: An intermediate slide transform is needed here (or in fetchSlide)
-            // const apiSlide = action.payload;
-            // apiSlide adapt to uiSlide
-            const uiSlide = qcmSlide;
-            return setFirstSlide(state, uiSlide);
-        }
-        case UPDATE_SLIDES_ON_VALIDATION: {
-            return stateUpdateOnValidation(state, action.payload);
+        case SLIDE_FETCH_REQUEST: {
+            const { meta } = action;
+            return set(meta.slideRef, null, state);
         }
-        case UPDATE_SLIDES_ON_NEXT: {
-            return stateUpdateOnNext(state, action.payload);
+        case SLIDE_FETCH_SUCCESS: {
+            const slide = action.payload;
+            return set(slide.id, slide, state);
         }
         default:
             return state;
     }
 };
-// -----------------------------------------------------------------------------
 export default reducer;

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 inital 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.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.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.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

@@ -12,10 +12,9 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         token: import("./data/token").TokenState;
     }>;
     ui: import("redux").CombinedState<{
-        finishedSlides: import("./ui/finished-slides").FinishedSlidesState;
+        currentSlideRef: string;
         navigation: import("./ui/navigation").NavigationState;
-        reviewStatus: import("./ui/review-status").ReviewStatusState;
-        stepItems: import("./ui/step-items").StepItemsState;
+        answers: import("./ui/answers").AnswerState;
     }>;
-}>, import("../actions/data/slides").ValidateSlide | import("../actions/data/slides").SlidesAction | import("../actions/api/post-progression").ReceiveProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("../actions/data/token").StoreToken | import("../actions/ui/finished-slides").UpdateFinishedSlides | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/review-status").UpdateReviewStatus | import("../actions/ui/step-items").StepItemsAction>;
+}>, 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/answers").EditBasicAction>;
 export default _default;

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

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

package/es/reducers/ui/{review-status.js → answers.js}

@@ -1,9 +1,9 @@
-import { UPDATE_REVIEW_STATUS } from '../../actions/ui/review-status';
+import { EDIT_BASIC } from '../../actions/ui/answers';
 const reducer = (
 // eslint-disable-next-line default-param-last
-state = 'ongoing', action) => {
+state = [], action) => {
     switch (action.type) {
-        case UPDATE_REVIEW_STATUS: {
+        case EDIT_BASIC: {
             return action.payload;
         }
         default:

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

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

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

@@ -0,0 +1,13 @@
+import { SET_CURRENT_SLIDE } from '../../actions/ui/slides';
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = '', action) => {
+    switch (action.type) {
+        case SET_CURRENT_SLIDE: {
+            return action.payload.id;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

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

@@ -1,17 +1,14 @@
-import { FinishedSlidesState } from './finished-slides';
+import { CurrentSlideRefState } from './current-slide-ref';
 import { NavigationState } from './navigation';
-import { ReviewStatusState } from './review-status';
-import { StepItemsState } from './step-items';
+import { AnswerState } from './answers';
 export declare type UIState = {
+    currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
-    stepItems: StepItemsState;
-    finishedSlides: FinishedSlidesState;
-    reviewStatus: ReviewStatusState;
+    answers: AnswerState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
-    finishedSlides: FinishedSlidesState;
+    currentSlideRef: string;
     navigation: NavigationState;
-    reviewStatus: ReviewStatusState;
-    stepItems: StepItemsState;
-}>, import("../../actions/ui/finished-slides").UpdateFinishedSlides | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/review-status").UpdateReviewStatus | import("../../actions/ui/step-items").StepItemsAction>;
+    answers: AnswerState;
+}>, import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditBasicAction>;
 export default _default;

package/es/reducers/ui/index.js

@@ -1,11 +1,9 @@
 import { combineReducers } from 'redux';
-import finishedSlides from './finished-slides';
+import currentSlideRef from './current-slide-ref';
 import navigation from './navigation';
-import reviewStatus from './review-status';
-import stepItems from './step-items';
+import answers from './answers';
 export default combineReducers({
-    finishedSlides,
+    currentSlideRef,
     navigation,
-    reviewStatus,
-    stepItems
+    answers
 });

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

@@ -0,0 +1,11 @@
+import test from 'ava';
+import reducer from '../answers';
+import { EDIT_BASIC } from '../../../actions/ui/answers';
+test('should have inital value', t => {
+    const state = reducer(undefined, {});
+    t.deepEqual(state, []);
+});
+test('should set the value of EDIT_BASIC action', t => {
+    const state = reducer([], { type: EDIT_BASIC, payload: ['value'] });
+    t.deepEqual(state, ['value']);
+});

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 inital 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 { NAVIGATE_TO, NAVIGATE_BACK } from '../../../actions/ui/navigation';
+test('should have inital 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([], { type: NAVIGATE_TO, payload: 'loader' });
+    t.deepEqual(state, ['loader']);
+    const updatedState = reducer(state, { type: NAVIGATE_TO, payload: 'skills' });
+    t.deepEqual(updatedState, ['loader', 'skills']);
+    const _updatedState = reducer(updatedState, { type: NAVIGATE_BACK });
+    t.deepEqual(_updatedState, ['loader']);
+});

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
 });