@coorpacademy/app-review 0.1.5 → 0.1.8

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

@@ -0,0 +1,10 @@
+import { Action } from 'redux';
+import { 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";
+export declare type ReceivedSkills = {
+    type: '@@skills/FETCH_SUCCESS';
+    payload: Skill[];
+};
+export declare const fetchSkills: (token: string) => Action;

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

@@ -0,0 +1,8 @@
+import buildTask from '@coorpacademy/redux-task';
+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) => buildTask({
+    types: [SKILLS_FETCH_REQUEST, SKILLS_FETCH_SUCCESS, SKILLS_FETCH_FAILURE],
+    task: (dispatch, getState, { services }) => services.fetchSkills(token)
+});

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

@@ -0,0 +1,10 @@
+import type { Action } from 'redux';
+import { SlideFromAPI } from '../../types/common';
+export declare const SLIDE_FETCH_REQUEST: "@@slides/FETCH_REQUEST";
+export declare const SLIDE_FETCH_SUCCESS: "@@slides/FETCH_SUCCESS";
+export declare const SLIDE_FETCH_FAILURE: "@@slides/FETCH_FAILURE";
+export declare type ReceivedSlide = {
+    type: typeof SLIDE_FETCH_SUCCESS;
+    payload: SlideFromAPI;
+};
+export declare const fetchSlide: (slideRef: string, token: string) => Action;

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

@@ -0,0 +1,8 @@
+import buildTask from '@coorpacademy/redux-task';
+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) => buildTask({
+    types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
+    task: (dispatch, getState, { services }) => services.fetchSlide(slideRef, token)
+});

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

@@ -0,0 +1,10 @@
+import type { Action } from 'redux';
+import { ProgressionFromAPI } from '../../types/common';
+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 = {
+    type: typeof POST_PROGRESSION_SUCCESS;
+    payload: ProgressionFromAPI;
+};
+export declare const postProgression: (skillRef: string, token: string) => Action;

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

@@ -0,0 +1,15 @@
+import buildTask from '@coorpacademy/redux-task';
+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) => buildTask({
+    types: [POST_PROGRESSION_REQUEST, POST_PROGRESSION_SUCCESS, POST_PROGRESSION_FAILURE],
+    task: (dispatch, getState, { services }) => {
+        return services.postProgression(skillRef, token).then((progression) => {
+            const { ref } = progression.state.nextContent;
+            dispatch(fetchSlide(ref, token));
+            return progression;
+        });
+    }
+});

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

@@ -1,36 +1,24 @@
-import { Slide as SlideFromAPI } from '../../types/slides';
-export declare const STORE_FIRST_SLIDE = "@@slide/STORE_FIRST_SLIDE";
+import { UISlide } from '../../types/slides';
+import { ReceivedSlide } from '../api/fetch-slide';
 export declare const UPDATE_SLIDES_ON_VALIDATION = "@@slide/UPDATE_SLIDES_ON_VALIDATION";
 export declare const UPDATE_SLIDES_ON_NEXT = "@@slide/UPDATE_SLIDES_ON_NEXT";
 export declare const VALIDATE_SLIDE = "@@slide/VALIDATE";
-export declare const FETCH_NEXT_CONTENT = "@@slide/FETCH_NEXT_CONTENT";
 declare type SlideUIAnimations = 'unstack' | 'restack';
-export declare type Slide = SlideFromAPI & {
+export declare type Slide = UISlide & {
     hidden?: boolean;
     position: number;
     animationType?: SlideUIAnimations;
     isCorrect?: boolean;
     endReview?: boolean;
-    nextSlide?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextSlide'>;
+    nextContent?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextContent'>;
 };
 export declare type ValidationPayload = {
     slideNumber: number;
     newSlideContent: Slide;
     numberOfFinishedSlides: number;
-    nextSlide: Slide;
-};
-export declare type OnNextPayload = Omit<ValidationPayload, 'nextSlide'>;
-export declare type FetchNextPayload = {
-    answer: string[];
-    content: {
-        ref: string;
-        type: string;
-    };
-};
-export declare type StoreFirstSlide = {
-    type: typeof STORE_FIRST_SLIDE;
-    payload: SlideFromAPI;
+    nextContent: Slide;
 };
+export declare type OnNextPayload = Omit<ValidationPayload, 'nextContent'>;
 export declare type UpdateSlidesOnValidation = {
     type: typeof UPDATE_SLIDES_ON_VALIDATION;
     payload: ValidationPayload;
@@ -42,12 +30,7 @@ export declare type UpdateSlidesOnNext = {
 export declare type ValidateSlide = {
     type: typeof VALIDATE_SLIDE;
 };
-export declare type FetchNextContent = {
-    type: typeof FETCH_NEXT_CONTENT;
-    payload: FetchNextPayload;
-};
-export declare type SlidesAction = StoreFirstSlide | UpdateSlidesOnValidation | UpdateSlidesOnNext;
-export declare const storeFirstSlide: (slide: SlideFromAPI) => StoreFirstSlide;
+export declare type SlidesAction = ReceivedSlide | UpdateSlidesOnValidation | UpdateSlidesOnNext;
 export declare const updateSlidesOnValidation: (payload: ValidationPayload) => UpdateSlidesOnValidation;
 export declare const updateSlidesOnNext: (payload: OnNextPayload) => UpdateSlidesOnNext;
 export declare const validateSlide: () => ValidateSlide;

package/es/actions/data/slides.js

@@ -1,14 +1,8 @@
 // -----------------------------------------------------------------------------
-export const STORE_FIRST_SLIDE = '@@slide/STORE_FIRST_SLIDE';
 export const UPDATE_SLIDES_ON_VALIDATION = '@@slide/UPDATE_SLIDES_ON_VALIDATION';
 export const UPDATE_SLIDES_ON_NEXT = '@@slide/UPDATE_SLIDES_ON_NEXT';
 export const VALIDATE_SLIDE = '@@slide/VALIDATE';
-export const FETCH_NEXT_CONTENT = '@@slide/FETCH_NEXT_CONTENT';
 // -----------------------------------------------------------------------------
-export const storeFirstSlide = (slide) => ({
-    type: STORE_FIRST_SLIDE,
-    payload: slide
-});
 export const updateSlidesOnValidation = (payload) => ({
     type: UPDATE_SLIDES_ON_VALIDATION,
     payload

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

@@ -1,6 +1,6 @@
-export declare const STORE_TOKEN = "@@token/STORE_TOKEN";
+export declare const STORE_TOKEN = "@@data/token/STORE_TOKEN";
 export declare type StoreToken = {
-    type: '@@token/STORE_TOKEN';
+    type: typeof STORE_TOKEN;
     payload: string;
 };
 export declare const storeToken: (token: string) => StoreToken;

package/es/actions/data/token.js

@@ -1,4 +1,4 @@
-export const STORE_TOKEN = '@@token/STORE_TOKEN';
+export const STORE_TOKEN = '@@data/token/STORE_TOKEN';
 export const storeToken = (token) => ({
     type: STORE_TOKEN,
     payload: token

package/es/actions/index.d.ts

@@ -1,11 +1,13 @@
-import { StoreFirstSlide, updateSlidesOnValidation, updateSlidesOnNext, validateSlide } from './data/slides';
-import { ErrorFetchingSkills, ReceivedSkills } from './data/skills';
+import { updateSlidesOnValidation, updateSlidesOnNext, validateSlide } from './data/slides';
 import { StoreToken } from './data/token';
 import { updateFinishedSlides } from './ui/finished-slides';
 import { navigateBack, navigateTo, NavigateBack, NavigateTo, StartApp } from './ui/navigation';
 import { updateReviewStatus } from './ui/review-status';
 import { updateStepItemsOnValidation, updateStepItemsOnNext } from './ui/step-items';
-export declare type Action = NavigateBack | NavigateTo | ReceivedSkills | ErrorFetchingSkills | StartApp | StoreFirstSlide | StoreToken;
+import { ReceivedSlide } from './api/fetch-slide';
+import { ReceiveProgression } from './api/post-progression';
+import { ReceivedSkills } from './api/fetch-skills';
+export declare type Action = NavigateBack | NavigateTo | ReceivedSkills | StartApp | ReceivedSlide | StoreToken | ReceiveProgression;
 export declare type Dispatchers = {
     navigateTo: typeof navigateTo;
     navigateBack: typeof navigateBack;

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

@@ -16,4 +16,3 @@ export declare type StartApp = {
 };
 export declare const navigateTo: (newPath: ViewPath) => NavigateTo;
 export declare const navigateBack: () => NavigateBack;
-export declare const startApp: (options: AppOptions) => StartApp;

package/es/actions/ui/navigation.js

@@ -8,7 +8,3 @@ export const navigateTo = (newPath) => ({
 export const navigateBack = () => ({
     type: NAVIGATE_BACK
 });
-export const startApp = (options) => ({
-    type: START_APP,
-    payload: options
-});

package/es/actions/ui/step-items.d.ts

@@ -1,19 +1,13 @@
-import { FinishedSlidesState } from '../../reducers/ui/finished-slides';
+import { FinishedSlides, IconValue } from '../../types/common';
 export declare const UPDATE_STEP_ITEMS_ON_VALIDATION = "@@step-items/UPDATE_STEP_ITEMS_ON_VALIDATION";
 export declare const UPDATE_STEP_ITEMS_ON_NEXT = "@@step-items/UPDATE_STEP_ITEMS_ON_NEXT";
-declare const ICON_VALUES: {
-    readonly right: "right";
-    readonly wrong: "wrong";
-    readonly 'no-answer': "no-answer";
-};
-export declare type IconValue = keyof typeof ICON_VALUES;
 declare type UpdateStepItemsOnValidationClickPayload = {
     stepNumber: number;
     icon: IconValue;
 };
 declare type UpdateStepItemsOnNextClickPayload = {
     stepNumber: number;
-    finishedSlides: FinishedSlidesState;
+    finishedSlides: FinishedSlides;
     current: boolean;
 };
 export declare type UpdateStepItemsOnValidation = {

package/es/actions/ui/step-items.js

@@ -1,11 +1,5 @@
-// -----------------------------------------------------------------------------
 export const UPDATE_STEP_ITEMS_ON_VALIDATION = '@@step-items/UPDATE_STEP_ITEMS_ON_VALIDATION';
 export const UPDATE_STEP_ITEMS_ON_NEXT = '@@step-items/UPDATE_STEP_ITEMS_ON_NEXT';
-const ICON_VALUES = {
-    right: 'right',
-    wrong: 'wrong',
-    'no-answer': 'no-answer'
-};
 // -----------------------------------------------------------------------------
 export const updateStepItemsOnValidation = (payload) => ({
     type: UPDATE_STEP_ITEMS_ON_VALIDATION,

package/es/configure-store.d.ts

@@ -1,35 +1,4 @@
 import { AnyAction, Store } from 'redux';
-import { SkillsState } from './reducers/data/skills';
-import { SlidesState } from './reducers/data/slides';
-import { TokenState } from './reducers/data/token';
-import { NavigationState } from './reducers/ui/navigation';
-import { ReviewStatusState } from './reducers/ui/review-status';
-import { StepItemsState } from './reducers/ui/step-items';
-import { FinishedSlidesState } from './reducers/ui/finished-slides';
-import { AnswerUI } from './types/slides';
-declare type DataState = {
-    isFetching?: boolean;
-    progression?: {
-        slideNumber: number;
-        isCorrect?: boolean;
-        exitNode?: 'successExitNode' | 'failExitNode';
-        nextSlide?: {
-            questionText?: string;
-            answerUI?: AnswerUI;
-        };
-    } | null;
-    skills: SkillsState;
-    slides: SlidesState;
-    token?: TokenState;
-};
-export declare type StoreState = {
-    ui: {
-        navigation: NavigationState;
-        stepItems: StepItemsState;
-        finishedSlides: FinishedSlidesState;
-        reviewStatus: ReviewStatusState;
-    };
-    data: DataState;
-};
-export default function configureStore(): Store<StoreState, AnyAction>;
-export {};
+import { StoreState } from './reducers';
+import { AppOptions } from './types/common';
+export default function configureStore(options: AppOptions): Store<StoreState, AnyAction>;

package/es/configure-store.js

@@ -1,9 +1,8 @@
 import { applyMiddleware, compose, createStore } from 'redux';
 import thunk from 'redux-thunk';
 import rootReducer from './reducers';
-import onStartApp from './middlewares/on-start-app';
-// -----------------------------------------------------------------------------
-export default function configureStore() {
+import { getServices } from './services';
+export default function configureStore(options) {
     const _compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
         ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
             name: 'app-review',
@@ -11,7 +10,8 @@ export default function configureStore() {
             traceLimit: 25
         })
         : compose;
-    const enhancer = _compose(applyMiddleware(thunk, onStartApp));
+    const thunkMiddleware = thunk.withExtraArgument({ services: options.services || getServices() });
+    const enhancer = _compose(applyMiddleware(thunkMiddleware));
     const store = createStore(rootReducer, undefined, enhancer);
     return store;
 }

package/es/fixtures/qcm-slide.d.ts

@@ -1,2 +1,2 @@
-import { Slide } from '../types/slides';
-export declare const slide: Slide;
+import { UISlide } from '../types/slides';
+export declare const slide: UISlide;

package/es/index.d.ts

@@ -1,7 +1,7 @@
 import type { AppOptions } from './types/common';
 declare const AppReview: ({ options }: {
     options: AppOptions;
-}) => JSX.Element;
+}) => JSX.Element | null;
 declare global {
     interface Window {
         __REDUX_DEVTOOLS_EXTENSION__?: boolean;

package/es/index.js

@@ -1,13 +1,18 @@
 import React, { useEffect, useState } from 'react';
 import { connect, 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 configureStore from './configure-store';
 import { congratsProps, correctionPopinProps } from './fixtures/temp-fixture';
 import { updateSlidesOnNext, updateSlidesOnValidation, validateSlide } from './actions/data/slides';
-import { navigateTo, navigateBack, startApp } from './actions/ui/navigation';
+import { navigateTo, navigateBack } 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,
@@ -21,29 +26,38 @@ const mapDispatchToProps = {
     updateFinishedSlides
 };
 const getCurrentViewName = (storeState) => storeState.ui.navigation[storeState.ui.navigation.length - 1];
-const mapStateToSkillsProps = (state) => ({
-    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 mapStateToProps = (state) => ({
-    viewName: getCurrentViewName(state),
-    slides: {
+// -----------------------------------------------------------------------------
+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',
@@ -64,32 +78,54 @@ const mapStateToProps = (state) => ({
         correctionPopinProps,
         congratsProps,
         progression: state.data.progression
-    },
-    skills: mapStateToSkillsProps(state)
-});
+    };
+};
+// -----------------------------------------------------------------------------
+const mapStateToProps = (state) => {
+    return {
+        viewName: getCurrentViewName(state),
+        slides: mapStateToSlidesProps(state),
+        skills: mapStateToSkillsProps(state)
+    };
+};
 // Props = StaticProps && Dispatchers
 const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 // -----------------------------------------------------------------------------
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
-    const [appStarted, setAppStarted] = useState(false);
     useEffect(() => {
-        if (store) {
-            store.dispatch(startApp(options));
-            setAppStarted(true);
-        }
-        else {
-            const _configure = async () => {
-                const newStore = await configureStore();
-                setStore(newStore);
-            };
-            _configure();
-        }
+        if (store)
+            return;
+        const newStore = configureStore(options);
+        setStore(newStore);
+    }, [options, store]);
+    useEffect(() => {
+        if (store === null)
+            return;
+        const { skillRef } = options;
+        const initialView = skillRef ? VIEWS.slides : VIEWS.skills;
+        store.dispatch(navigateTo(initialView));
+    }, [options, store]);
+    useEffect(() => {
+        if (store === null)
+            return;
+        const { token } = options;
+        store.dispatch(storeToken(token));
+    }, [options, store]);
+    useEffect(() => {
+        if (store === null)
+            return;
+        const { skillRef, token } = options;
+        skillRef
+            ? store.dispatch(postProgression(skillRef, token))
+            : store.dispatch(fetchSkills(token));
     }, [options, store]);
-    if (!store || !appStarted)
-        return React.createElement("div", null);
+    if (!store)
+        return null;
+    const { templateContext: values } = options;
     return (React.createElement(Provider, { store: store },
-        React.createElement(App, null)));
+        React.createElement(TemplateContext, { values: values },
+            React.createElement(App, null))));
 };
 // -----------------------------------------------------------------------------
 export default AppReview;

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

@@ -1,7 +1,18 @@
+import { ProgressionState } from './progression';
+import { SkillsState } from './skills';
+import { SlidesState } from './slides';
+import { TokenState } from './token';
+export declare type DataState = {
+    isFetching?: boolean;
+    progression?: ProgressionState;
+    skills: SkillsState;
+    slides: SlidesState;
+    token?: TokenState;
+};
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
-    progression: import("./progression").ProgressionState;
-    skills: import("../../types/skills").Skills;
-    slides: import("./slides").SlidesState;
-    token: import("./token").TokenState;
-}>, import("../../actions/data/slides").ValidateSlide | import("../../actions/data/slides").SlidesAction | import("../../actions/data/skills").ReceivedSkills | import("../../actions/data/token").StoreToken>;
+    progression: ProgressionState;
+    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>;
 export default _default;

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

@@ -1,14 +1,19 @@
 import { ValidateSlide } from '../../actions/data/slides';
-import { AnswerUI } from '../../types/slides';
+import { ReceiveProgression } from '../../actions/api/post-progression';
 export declare type ProgressionState = {
-    slideNumber: number;
-    isCorrect?: boolean;
-    exitNode?: 'successExitNode' | 'failExitNode';
-    nextSlide?: {
-        questionText?: string;
-        answerUI?: AnswerUI;
+    _id?: string;
+    state: {
+        isCorrect: boolean;
+        nextContent: {
+            ref: 'successExitNode' | string;
+            type: 'success' | 'slide';
+        };
+        pendingSlides: string[];
+        step: {
+            current: number;
+        };
     };
+    slideNumber?: number;
 } | null;
-export declare const initialState: ProgressionState;
-declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide | ReceiveProgression) => ProgressionState;
 export default reducer;

package/es/reducers/data/progression.js

@@ -1,75 +1,35 @@
-import { getOr, noop } from 'lodash/fp';
+import { getOr } from 'lodash/fp';
 import { VALIDATE_SLIDE } from '../../actions/data/slides';
-// -----------------------------------------------------------------------------
-export const initialState = null;
-// -----------------------------------------------------------------------------
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
 const reducer = (
 // eslint-disable-next-line default-param-last
-state = initialState, action) => {
+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,
-                isCorrect: true,
-                // exitNode
-                // TODO: create another action, to retrieve the next slide
-                // nextSlide should be corrected to nextContent, when this new action is created
-                // ex: nextContent: {ref: "sli_E1n2i2sBo", type: "slide"}
-                // the middleware should trigger a next content request once the result is
-                // received && update the state accordingly,
-                //
-                nextSlide: {
-                    questionText: 'Test',
-                    answerUI: {
-                        model: {
-                            answers: [
-                                {
-                                    title: 'There is no need for a password',
-                                    // TODO: onClick of each answer should use a dispatcher to
-                                    // update selected answers (in order to use them on validation)
-                                    // in each retrieval, the answers of answerUI need to be augmented
-                                    // for the onClick prop to achieve this.
-                                    onClick: noop,
-                                    selected: false,
-                                    help: 'help'
-                                },
-                                {
-                                    title: 'Lorem ipsum',
-                                    onClick: noop,
-                                    selected: false,
-                                    help: 'help'
-                                },
-                                {
-                                    title: 'Lorem',
-                                    onClick: noop,
-                                    selected: true,
-                                    order: 1,
-                                    help: 'help'
-                                },
-                                {
-                                    title: 'You need to have a password',
-                                    onClick: noop,
-                                    selected: false,
-                                    help: 'help'
-                                },
-                                {
-                                    title: 'Pouet',
-                                    onClick: noop,
-                                    selected: true,
-                                    order: 0,
-                                    help: 'help'
-                                }
-                            ],
-                            type: 'qcmDrag'
-                        },
-                        help: 'Help text will appear here'
+                state: {
+                    pendingSlides: [],
+                    step: {
+                        current: Number.NaN
+                    },
+                    isCorrect: true,
+                    nextContent: {
+                        ref: 'sli_V1gKpYYZ2',
+                        type: 'slide'
                     }
                 }
             };
         }
+        case POST_PROGRESSION_SUCCESS: {
+            const progression = action.payload;
+            return progression;
+        }
         default:
             return state;
     }

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

@@ -1,6 +1,5 @@
-import { ReceivedSkills } from '../../actions/data/skills';
-import { Skills } from '../../types/skills';
-export declare type SkillsState = Skills;
-export declare const initialState: SkillsState;
-declare const reducer: (state: Skills | undefined, action: ReceivedSkills) => Skills;
+import { Skill } from '../../types/common';
+import { ReceivedSkills } from '../../actions/api/fetch-skills';
+export declare type SkillsState = Skill[];
+declare const reducer: (state: SkillsState | undefined, action: ReceivedSkills) => SkillsState;
 export default reducer;