@coorpacademy/app-review 0.1.2 → 0.1.4

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

@@ -0,0 +1,13 @@
+import { Skills } from '../../types/skills';
+export declare const RECEIVED_SKILLS = "@@data/skills/RECEIVED_SKILLS";
+export declare const ERROR_FETCHING_SKILLS = "@@data/skills/ERROR_FETCHING_SKILLS";
+export declare type ReceivedSkills = {
+    type: '@@data/skills/RECEIVED_SKILLS';
+    payload: Skills;
+};
+export declare type ErrorFetchingSkills = {
+    type: '@@data/skills/ERROR_FETCHING_SKILLS';
+    payload: Error;
+};
+export declare const receivedSkills: (skills: Skills) => ReceivedSkills;
+export declare const errorFetchingSkills: (error: Error) => ErrorFetchingSkills;

package/es/actions/data/skills.js

@@ -0,0 +1,10 @@
+export const RECEIVED_SKILLS = '@@data/skills/RECEIVED_SKILLS';
+export const ERROR_FETCHING_SKILLS = '@@data/skills/ERROR_FETCHING_SKILLS';
+export const receivedSkills = (skills) => ({
+    type: RECEIVED_SKILLS,
+    payload: skills
+});
+export const errorFetchingSkills = (error) => ({
+    type: ERROR_FETCHING_SKILLS,
+    payload: error
+});

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

@@ -0,0 +1,54 @@
+import { Slide as SlideFromAPI } from '../../types/slides';
+export declare const STORE_FIRST_SLIDE = "@@slide/STORE_FIRST_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 & {
+    hidden?: boolean;
+    position: number;
+    animationType?: SlideUIAnimations;
+    isCorrect?: boolean;
+    endReview?: boolean;
+    nextSlide?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextSlide'>;
+};
+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;
+};
+export declare type UpdateSlidesOnValidation = {
+    type: typeof UPDATE_SLIDES_ON_VALIDATION;
+    payload: ValidationPayload;
+};
+export declare type UpdateSlidesOnNext = {
+    type: typeof UPDATE_SLIDES_ON_NEXT;
+    payload: OnNextPayload;
+};
+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 const updateSlidesOnValidation: (payload: ValidationPayload) => UpdateSlidesOnValidation;
+export declare const updateSlidesOnNext: (payload: OnNextPayload) => UpdateSlidesOnNext;
+export declare const validateSlide: () => ValidateSlide;
+export {};

package/es/actions/{slides.js → data/slides.js}

@@ -2,6 +2,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,
@@ -15,3 +17,6 @@ export const updateSlidesOnNext = (payload) => ({
     type: UPDATE_SLIDES_ON_NEXT,
     payload
 });
+export const validateSlide = () => ({
+    type: VALIDATE_SLIDE
+});

package/es/actions/index.d.ts

@@ -1,5 +1,19 @@
-import { ReceivedCourse } from './courses';
-import { NavigateBack, NavigateTo, StartApp } from './navigation';
-import { StoreToken } from './token';
-import { StoreFirstSlide } from './slides';
-export declare type Action = NavigateBack | NavigateTo | ReceivedCourse | StartApp | StoreFirstSlide | StoreToken;
+import { StoreFirstSlide, updateSlidesOnValidation, updateSlidesOnNext, validateSlide } from './data/slides';
+import { ErrorFetchingSkills, ReceivedSkills } from './data/skills';
+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;
+export declare type Dispatchers = {
+    navigateTo: typeof navigateTo;
+    navigateBack: typeof navigateBack;
+    validateSlide: typeof validateSlide;
+    updateSlidesOnValidation: typeof updateSlidesOnValidation;
+    updateSlidesOnNext: typeof updateSlidesOnNext;
+    updateReviewStatus: typeof updateReviewStatus;
+    updateStepItemsOnValidation: typeof updateStepItemsOnValidation;
+    updateStepItemsOnNext: typeof updateStepItemsOnNext;
+    updateFinishedSlides: typeof updateFinishedSlides;
+};

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

@@ -0,0 +1,10 @@
+export declare type FinishedSlide = {
+    slideNumber: number;
+    value: true;
+};
+export declare const UPDATE_FINISHED_SLIDES = "@@finished-slides/UPDATE_FINISHED_SLIDES";
+export declare type UpdateFinishedSlides = {
+    type: typeof UPDATE_FINISHED_SLIDES;
+    payload: FinishedSlide;
+};
+export declare const updateFinishedSlides: (payload: FinishedSlide) => UpdateFinishedSlides;

package/es/actions/{finished-slides.js → ui/finished-slides.js}

@@ -1,3 +1,4 @@
+// Stores only successful slides
 // -----------------------------------------------------------------------------
 export const UPDATE_FINISHED_SLIDES = '@@finished-slides/UPDATE_FINISHED_SLIDES';
 // -----------------------------------------------------------------------------

package/es/actions/ui/is-fetching.d.ts

@@ -0,0 +1,10 @@
+export declare const START_FETCHING = "@@ui/START_FETCHING";
+export declare const STOP_FETCHING = "@@ui/STOP_FETCHING";
+export declare type StartFetching = {
+    type: typeof START_FETCHING;
+};
+export declare type StopFetching = {
+    type: typeof STOP_FETCHING;
+};
+export declare const startFetching: () => StartFetching;
+export declare const stopFetching: () => StopFetching;

package/es/actions/ui/is-fetching.js

@@ -0,0 +1,6 @@
+// -----------------------------------------------------------------------------
+export const START_FETCHING = '@@ui/START_FETCHING';
+export const STOP_FETCHING = '@@ui/STOP_FETCHING';
+// -----------------------------------------------------------------------------
+export const startFetching = () => ({ type: START_FETCHING });
+export const stopFetching = () => ({ type: STOP_FETCHING });

package/{lib/actions → es/actions/ui}/navigation.d.ts

@@ -1,8 +1,8 @@
-import { AppOptions } from '../types/common';
+import { AppOptions } from '../../types/common';
 export declare const NAVIGATE_TO = "@@navigation/NAVIGATE_TO";
 export declare const NAVIGATE_BACK = "@@navigation/NAVIGATE_BACK";
 export declare const START_APP = "@@navigation/START_APP";
-export declare type ViewPath = 'home' | 'onboarding' | 'slides';
+export declare type ViewPath = 'skills' | 'onboarding' | 'slides';
 export declare type NavigateTo = {
     type: '@@navigation/NAVIGATE_TO';
     payload: ViewPath;

package/es/actions/ui/review-status.d.ts

@@ -0,0 +1,7 @@
+export declare const UPDATE_REVIEW_STATUS = "@@review-status/UPDATE_REVIEW_STATUS";
+export declare type FinishedStatus = 'finished';
+export declare type UpdateReviewStatus = {
+    type: typeof UPDATE_REVIEW_STATUS;
+    payload: FinishedStatus;
+};
+export declare const updateReviewStatus: (payload: FinishedStatus) => UpdateReviewStatus;

package/{lib/actions → es/actions/ui}/step-items.d.ts

@@ -1,6 +1,21 @@
-import { UpdateStepItemsOnNextClickPayload, UpdateStepItemsOnValidationClickPayload } from '../types/step-items';
+import { FinishedSlidesState } from '../../reducers/ui/finished-slides';
 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;
+    current: boolean;
+};
 export declare type UpdateStepItemsOnValidation = {
     type: typeof UPDATE_STEP_ITEMS_ON_VALIDATION;
     payload: UpdateStepItemsOnValidationClickPayload;
@@ -12,3 +27,4 @@ export declare type UpdateStepItemsOnNext = {
 export declare type StepItemsAction = UpdateStepItemsOnValidation | UpdateStepItemsOnNext;
 export declare const updateStepItemsOnValidation: (payload: UpdateStepItemsOnValidationClickPayload) => UpdateStepItemsOnValidation;
 export declare const updateStepItemsOnNext: (payload: UpdateStepItemsOnNextClickPayload) => UpdateStepItemsOnNext;
+export {};

package/es/actions/{step-items.js → ui/step-items.js}

@@ -1,6 +1,11 @@
 // -----------------------------------------------------------------------------
 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/common/index.d.ts

@@ -1,7 +1,7 @@
 export declare const TOTAL_SLIDES_STACK = 5;
 export declare const HIGHEST_INDEX: number;
 export declare const VIEWS: {
-    readonly home: 'home';
+    readonly skills: 'skills';
     readonly onboarding: 'onboarding';
     readonly slides: 'slides';
 };

package/es/common/index.js

@@ -1,7 +1,7 @@
 export const TOTAL_SLIDES_STACK = 5;
 export const HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
 export const VIEWS = {
-    home: 'home',
+    skills: 'skills',
     onboarding: 'onboarding',
     slides: 'slides'
 };

package/es/configure-store.d.ts

@@ -1,5 +1,35 @@
-import { AnyAction, EmptyObject, Store } from 'redux';
-import { StoreState } from './types/store-state';
-export default function configureStore(): Store<EmptyObject & StoreState, AnyAction> & {
-    dispatch: {};
+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 {};

package/es/configure-store.js

@@ -2,7 +2,6 @@ import { applyMiddleware, compose, createStore } from 'redux';
 import thunk from 'redux-thunk';
 import rootReducer from './reducers';
 import onStartApp from './middlewares/on-start-app';
-const preloadedState = undefined;
 // -----------------------------------------------------------------------------
 export default function configureStore() {
     const _compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
@@ -13,6 +12,6 @@ export default function configureStore() {
         })
         : compose;
     const enhancer = _compose(applyMiddleware(thunk, onStartApp));
-    const store = createStore(rootReducer, preloadedState, enhancer);
+    const store = createStore(rootReducer, undefined, enhancer);
     return store;
 }

package/es/fixtures/qcm-slide.js

@@ -1,3 +1,4 @@
+import noop from 'lodash/fp/noop';
 export const slide = {
     questionText: 'QCM',
     answerUI: {
@@ -9,19 +10,22 @@ export const slide = {
                     selected: false,
                     title: 'choix1',
                     help: '(help choix1)',
-                    ariaLabel: '__ariaLabel1'
+                    ariaLabel: '__ariaLabel1',
+                    onClick: noop
                 },
                 {
                     selected: false,
                     title: 'choix2',
                     help: '(help choix2)',
-                    ariaLabel: '__ariaLabel2'
+                    ariaLabel: '__ariaLabel2',
+                    onClick: noop
                 },
                 {
                     selected: false,
                     title: 'choix3',
                     help: '(help choix3)',
-                    ariaLabel: '__ariaLabel3'
+                    ariaLabel: '__ariaLabel3',
+                    onClick: noop
                 }
             ]
         }

package/es/fixtures/temp-fixture.d.ts

@@ -1,3 +1,3 @@
-import { SlidesViewProps } from '../types/views';
+import { SlidesViewProps } from '../types/views/slides';
 export declare const correctionPopinProps: SlidesViewProps['correctionPopinProps'];
 export declare const congratsProps: SlidesViewProps['congratsProps'];

package/es/index.js

@@ -2,14 +2,12 @@ import React, { useEffect, useState } from 'react';
 import { connect, Provider } from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
 import configureStore from './configure-store';
-import { navigateTo, navigateBack, startApp } from './actions/navigation';
-import { updateSlidesOnNext, updateSlidesOnValidation } from './actions/slides';
-import { getCurrentViewName } from './reducers/navigation';
 import { congratsProps, correctionPopinProps } from './fixtures/temp-fixture';
-import { updateFinishedSlides } from './actions/finished-slides';
-import { updateReviewStatus } from './actions/review-status';
-import { updateStepItemsOnValidation, updateStepItemsOnNext } from './actions/step-items';
-import { validateSlide } from './actions/data/validate-slide';
+import { updateSlidesOnNext, updateSlidesOnValidation, validateSlide } from './actions/data/slides';
+import { navigateTo, navigateBack, startApp } from './actions/ui/navigation';
+import { updateFinishedSlides } from './actions/ui/finished-slides';
+import { updateReviewStatus } from './actions/ui/review-status';
+import { updateStepItemsOnValidation, updateStepItemsOnNext } from './actions/ui/step-items';
 // -----------------------------------------------------------------------------
 const mapDispatchToProps = {
     navigateTo,
@@ -22,33 +20,53 @@ const mapDispatchToProps = {
     updateStepItemsOnNext,
     updateFinishedSlides
 };
-const mapStateToProps = (state) => {
-    return {
-        viewName: getCurrentViewName(state),
-        slides: {
-            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'
+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: {
+        headerProps: {
+            mode: '__revision_mode',
+            skillName: '__agility',
+            onQuitClick: () => {
+                // eslint-disable-next-line no-console
+                console.log('onQuitClick');
             },
-            slides: state.ui.slides,
-            validate: {
-                label: '__validate'
-            },
-            finishedSlides: state.ui.finishedSlides,
-            stepItems: state.ui.stepItems,
-            reviewStatus: state.ui.reviewStatus,
-            correctionPopinProps,
-            congratsProps,
-            slideValidationResult: state.data.slideValidationResult
-        }
-    };
-};
+            '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
+    },
+    skills: mapStateToSkillsProps(state)
+});
 // Props = StaticProps && Dispatchers
 const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 // -----------------------------------------------------------------------------
@@ -62,14 +80,14 @@ const AppReview = ({ options }) => {
         }
         else {
             const _configure = async () => {
-                const _store = await configureStore();
-                setStore(_store);
+                const newStore = await configureStore();
+                setStore(newStore);
             };
             _configure();
         }
     }, [options, store]);
     if (!store || !appStarted)
-        return null;
+        return React.createElement("div", null);
     return (React.createElement(Provider, { store: store },
         React.createElement(App, null)));
 };

package/es/index.test.js

@@ -45,7 +45,7 @@ test('should validate all the slides (all correct scenario)', async (t) => {
     await waitForChanges(1000);
     const wrapper = container.querySelector('[data-name="slides-revision-container"]');
     t.truthy(wrapper);
-    const stackedSlidesContainer = wrapper.querySelector('[data-name="stacked-slides-container"]');
+    const stackedSlidesContainer = wrapper?.querySelector('[data-name="stacked-slides-container"]');
     t.truthy(stackedSlidesContainer);
     await clickAllSlides(t, container);
     t.pass();

package/es/middlewares/on-start-app.d.ts

@@ -1,6 +1,5 @@
-import type { Middleware } from 'redux';
+import type { Middleware, Store } from 'redux';
 import { Dispatch } from 'redux';
 import { Action } from '../actions';
-import { StoreState } from '../types/store-state';
-declare const onStartApp: Middleware<{}, StoreState, Dispatch<Action>>;
+declare const onStartApp: Middleware<{}, Store, Dispatch<Action>>;
 export default onStartApp;

package/es/middlewares/on-start-app.js

@@ -1,27 +1,28 @@
-// import fetchCourse from '../services/fetch-demo';
 import { VIEWS } from '../common';
-import { navigateTo, START_APP } from '../actions/navigation';
-import { storeToken } from '../actions/token';
-import { storeFirstSlide } from '../actions/slides';
+import { storeToken } from '../actions/data/token';
+import { receivedSkills, errorFetchingSkills } from '../actions/data/skills';
+import { storeFirstSlide } from '../actions/data/slides';
+import { navigateTo, START_APP } from '../actions/ui/navigation';
+// eslint-disable-next-line import/no-named-as-default
+import fetchSkills from '../services/fetch-skills';
 const onStartApp = ({ dispatch }) => next => (action) => {
     if (action.type === START_APP) {
-        // eslint-disable-next-line no-warning-comments
-        // TODO: fetchProgression + fetchSlide à partir de la progression passée dans les options de l'app
-        const { slide } = action.payload;
+        const { slide, token } = action.payload;
+        dispatch(storeToken(token));
         if (slide) {
-            const { token } = action.payload;
-            dispatch(storeToken(token));
             dispatch(storeFirstSlide(slide));
         }
-        const initialView = slide ? VIEWS.slides : VIEWS.onboarding;
+        else {
+            fetchSkills(token)
+                .then(skills => {
+                return dispatch(receivedSkills(skills));
+            })
+                .catch(err => {
+                return dispatch(errorFetchingSkills(err));
+            });
+        }
+        const initialView = slide ? VIEWS.slides : VIEWS.skills;
         dispatch(navigateTo(initialView));
-        // --------------
-        // demo service
-        // const language = 'fr';
-        // const universalRef = 'dis_xxx15';
-        // fetchCourse(token, language, universalRef).then(course => {
-        //   dispatch(receivedCourse(course));
-        // });
     }
     return next(action);
 };

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

@@ -0,0 +1,7 @@
+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>;
+export default _default;

package/es/reducers/data/index.js

@@ -0,0 +1,11 @@
+import { combineReducers } from 'redux';
+import progression from './progression';
+import skills from './skills';
+import slides from './slides';
+import token from './token';
+export default combineReducers({
+    progression,
+    skills,
+    slides,
+    token
+});

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

@@ -0,0 +1,14 @@
+import { ValidateSlide } from '../../actions/data/slides';
+import { AnswerUI } from '../../types/slides';
+export declare type ProgressionState = {
+    slideNumber: number;
+    isCorrect?: boolean;
+    exitNode?: 'successExitNode' | 'failExitNode';
+    nextSlide?: {
+        questionText?: string;
+        answerUI?: AnswerUI;
+    };
+} | null;
+export declare const initialState: ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide) => ProgressionState;
+export default reducer;

package/es/reducers/data/progression.js

@@ -0,0 +1,78 @@
+import { getOr, noop } from 'lodash/fp';
+import { VALIDATE_SLIDE } from '../../actions/data/slides';
+// -----------------------------------------------------------------------------
+export const initialState = null;
+// -----------------------------------------------------------------------------
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = initialState, action) => {
+    switch (action.type) {
+        case VALIDATE_SLIDE: {
+            const previousSlideNumber = getOr(-1, 'slideNumber', state);
+            // hard coded for now
+            return {
+                // 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'
+                    }
+                }
+            };
+        }
+        default:
+            return state;
+    }
+};
+// -----------------------------------------------------------------------------
+export default reducer;