@coorpacademy/app-review 0.2.10-alpha.5 → 0.2.11

package/es/actions/ui/next-slide.d.ts

@@ -0,0 +1,14 @@
+import type { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+export declare const NEXT_SLIDE: "@@slide/NEXT_SLIDE";
+declare type NextSlidePayload = {
+    currentSlideRef: string;
+    nextSlideRef: string;
+    animationType: string;
+};
+export declare type NextSlide = {
+    type: typeof NEXT_SLIDE;
+    payload: NextSlidePayload;
+};
+export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlide;
+export {};

package/es/actions/ui/next-slide.js

@@ -0,0 +1,15 @@
+import get from 'lodash/fp/get';
+export const NEXT_SLIDE = '@@slide/NEXT_SLIDE';
+export const nextSlide = (dispatch, getState) => {
+    const state = getState();
+    const payload = {
+        currentSlideRef: get(['ui', 'currentSlideRef'], state),
+        nextSlideRef: get(['data', 'progression', 'state', 'nextContent', 'ref'], state),
+        animationType: state.data.progression?.state.isCorrect ? 'unstack' : 'restack'
+    };
+    const action = {
+        type: NEXT_SLIDE,
+        payload
+    };
+    return dispatch(action);
+};

package/es/actions/ui/test/next-slide.test.d.ts

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

package/es/actions/ui/test/next-slide.test.js

@@ -0,0 +1,63 @@
+import test from 'ava';
+import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
+import { nextSlide, NEXT_SLIDE } from '../next-slide';
+import { createTestStore } from '../../test/create-test-store';
+import { getChoicesCorrection, postAnswerResponses, services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
+const progression = postAnswerResponses[freeTextSlide.universalRef];
+const skillRef = '_skill-ref';
+const answer = ['Vous isoler dans un lieu calme'];
+const state = {
+    data: {
+        progression,
+        slides: {
+            [freeTextSlide.universalRef]: freeTextSlide,
+            [qcmGraphicSlide.universalRef]: qcmGraphicSlide
+        },
+        skills: [{ skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+        token: '1234',
+        corrections: { [freeTextSlide.universalRef]: getChoicesCorrection(freeTextSlide.universalRef) },
+        rank: { start: 93 }
+    },
+    ui: {
+        currentSlideRef: freeTextSlide._id,
+        navigation: ['loader', 'slides'],
+        answers: answer,
+        slide: {
+            validateButton: false,
+            animateCorrectionPopin: true,
+            showCorrectionPopin: true
+        }
+    }
+};
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is correct', t => {
+    const expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'unstack'
+            }
+        }
+    ];
+    const { dispatch } = createTestStore(t, state, services, expectedActions);
+    dispatch(nextSlide);
+});
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is not correct', t => {
+    const stateWithWrongAnswer = pipe(set(['data', 'progression', 'state', 'isCorrect'], false), set(['data', 'progression', 'state', 'allAnswers', 0, 'isCorrect'], false))(state);
+    const expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'restack'
+            }
+        }
+    ];
+    const { dispatch } = createTestStore(t, stateWithWrongAnswer, services, expectedActions);
+    dispatch(nextSlide);
+});

package/es/index.js

@@ -11,21 +11,18 @@ import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-const ConnectedApp = ({ onQuitClick }) => {
+const ConnectedApp = () => {
     const dispatch = useDispatch();
     const props = {
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
-        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
+        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch)),
         skills: useSelector((state) => mapStateToSkillsProps(state))
     };
-    // eslint-disable-next-line no-console
-    console.log(props);
     return React.createElement(AppReviewTemplate, { ...props });
 };
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
     const [isProgressionCreated, setIsProgressionCreated] = useState(false);
-    const onQuitClick = get('onQuitClick', options);
     useEffect(() => {
         if (store)
             return;
@@ -69,6 +66,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
+        React.createElement(ConnectedApp, null)));
 };
 export default AppReview;

package/es/test/index.test.js

@@ -36,15 +36,8 @@ const clickAllSlides = async (t, container, accumulator = 0) => {
 };
 const appOptions = {
     token: process.env.API_TEST_TOKEN || '',
-    templateContext: {
-        theme: { color: { primary: '#123' } }
-    },
     skillRef: 'skill_NJC0jFKoH',
-    services,
-    onQuitClick: () => {
-        // eslint-disable-next-line no-console
-        console.log('onQuitClick - options');
-    }
+    services
 };
 test('should show the loader while the app is fetching the data', async (t) => {
     t.plan(2);

package/es/types/common.d.ts

@@ -1,8 +1,3 @@
-declare type TemplateContextValues = {
-    brandTheme?: unknown;
-    theme?: unknown;
-    translations?: unknown;
-};
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -140,12 +135,8 @@ export declare type Options = {
 };
 export declare type AppOptions = {
     token: string;
-    theme?: unknown;
-    translations?: unknown;
-    templateContext?: TemplateContextValues;
     skillRef?: string;
     services: Services;
-    onQuitClick: Function;
 };
 export declare type JWT = {
     exp: number;

package/es/types/slides.d.ts

@@ -44,8 +44,9 @@ export declare type DropDown = {
 export declare type QuestionRange = {
     type: 'slider';
     placeholder?: string;
-    onChange?: Function;
+    onChange?: (value: number) => void;
     onChangeEnd?: Function;
+    onSliderChange?: (value: number) => void;
     multi?: boolean;
     value: number | number[];
     title: string;

package/es/views/slides/index.d.ts

@@ -89,5 +89,5 @@ export declare type SlidesViewProps = {
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];
-export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: Function) => SlidesViewProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch) => SlidesViewProps;
 export {};

package/es/views/slides/index.js

@@ -163,7 +163,7 @@ const getCorrectionPopinProps = (isCorrect, correctAnswer, klf) => ({
     },
     type: isCorrect ? 'right' : 'wrong'
 });
-export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
+export const mapStateToSlidesProps = (state, dispatch) => {
     const currentSlideRef = get(['ui', 'currentSlideRef'], state);
     const correction = get(['data', 'corrections', currentSlideRef], state);
     const isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
@@ -173,7 +173,8 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
             mode: '__revision_mode',
             skillName: '__agility',
             onQuitClick: () => {
-                onQuitClick();
+                // eslint-disable-next-line no-console
+                console.log('onQuitClick');
             },
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',

package/es/views/slides/map-api-slide-to-ui.js

@@ -132,8 +132,13 @@ const sliderProps = (dispatch) => (answers, question) => {
         title: `${currentValue} ${question.content.unitLabel}`,
         value: sliderPosition,
         onChange: (position) => {
+            // atom/range handler
             const newValue = pipe(multiply(maxValue), round, get(__, values), _toString)(position);
             dispatch(editAnswer([newValue]));
+        },
+        onSliderChange: (newValue) => {
+            // mobile/slider handler
+            dispatch(editAnswer([`${newValue}`]));
         }
     };
 };

package/es/views/slides/test/fixtures/slider.js

@@ -30,7 +30,8 @@ export const sliderUISlide = {
             maxLabel: '15 an(s)',
             title: '1 an(s)',
             value: 0,
-            onChange: noop
+            onChange: noop,
+            onSliderChange: noop
         }
     }
 };

package/es/views/slides/test/index.test.js

@@ -57,7 +57,7 @@ test('should create initial props when fetched slide is not still received', t =
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -146,7 +146,7 @@ test('should create props when first slide is on the state', t => {
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -248,7 +248,7 @@ test('should create props when slide is on the state and user has selected answe
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -351,7 +351,7 @@ test('should verify props when first slide was answered correctly and next slide
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -454,7 +454,7 @@ test('should verify props when first slide was answered with error and next slid
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -517,7 +517,7 @@ test('should verify props when first slide was answered, next slide is fetched &
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -628,7 +628,7 @@ test('should verify props when first slide was answered incorrectly, next slide
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -737,7 +737,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -806,7 +806,7 @@ test('should verify props when progression is in success', t => {
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -875,7 +875,7 @@ test('should verify props when progression has answered a current pendingSlide',
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
         closeButtonAriaLabel: 'aria-close-button',
@@ -942,7 +942,7 @@ test('should verify props when progression still has a pendingSlide', t => {
             }
         }
     };
-    const props = mapStateToSlidesProps(state, identity, identity);
+    const props = mapStateToSlidesProps(state, identity);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
         closeButtonAriaLabel: 'aria-close-button',

package/es/views/slides/test/slide.free-text.on-change.test.js

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 import get from 'lodash/fp/get';
-import identity from 'lodash/fp/identity';
 import { mapStateToSlidesProps } from '..';
 import { services } from '../../../test/util/services.mock';
 import { createTestStore } from '../../../actions/test/create-test-store';
@@ -57,7 +56,7 @@ test('should dispatch EDIT_BASIC action via the property onChange of a Free Text
         }
     ];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
-    const props = mapStateToSlidesProps(getState(), dispatch, identity);
+    const props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

package/es/views/slides/test/slide.qcm-drag.on-click.test.js

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 import get from 'lodash/fp/get';
-import identity from 'lodash/fp/identity';
 import { mapStateToSlidesProps } from '..';
 import { services } from '../../../test/util/services.mock';
 import { createTestStore } from '../../../actions/test/create-test-store';
@@ -57,7 +56,7 @@ test('should dispatch EDIT_QCM_DRAG action via the property onClick of a QCM Dra
         }
     ];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
-    const props = mapStateToSlidesProps(getState(), dispatch, identity);
+    const props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

package/es/views/slides/test/slide.qcm-graphic.on-click.test.js

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 import get from 'lodash/fp/get';
-import identity from 'lodash/fp/identity';
 import { mapStateToSlidesProps } from '..';
 import { services } from '../../../test/util/services.mock';
 import { createTestStore } from '../../../actions/test/create-test-store';
@@ -57,7 +56,7 @@ test('should dispatch EDIT_QCM_GRAPHIC action via the property onClick of a QCM
         }
     ];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
-    const props = mapStateToSlidesProps(getState(), dispatch, identity);
+    const props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

package/es/views/slides/test/slide.qcm.on-click.test.js

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 import get from 'lodash/fp/get';
-import identity from 'lodash/fp/identity';
 import { mapStateToSlidesProps } from '..';
 import { services } from '../../../test/util/services.mock';
 import { createTestStore } from '../../../actions/test/create-test-store';
@@ -59,7 +58,7 @@ test('should dispatch EDIT_QCM action via the property onClick of a QCM slide',
         }
     ];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
-    const props = mapStateToSlidesProps(getState(), dispatch, identity);
+    const props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

package/es/views/slides/test/slide.slider.on-change.test.js

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 import get from 'lodash/fp/get';
-import identity from 'lodash/fp/identity';
 import { mapStateToSlidesProps } from '..';
 import { services } from '../../../test/util/services.mock';
 import { createTestStore } from '../../../actions/test/create-test-store';
@@ -57,7 +56,7 @@ test('should dispatch EDIT_SLIDER action via the property onChange of a Slider s
         }
     ];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
-    const props = mapStateToSlidesProps(getState(), dispatch, identity);
+    const props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

package/es/views/slides/test/slide.slider.on-slider-change.test.d.ts

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

package/es/views/slides/test/slide.slider.on-slider-change.test.js

@@ -0,0 +1,63 @@
+import test from 'ava';
+import get from 'lodash/fp/get';
+import { mapStateToSlidesProps } from '..';
+import { services } from '../../../test/util/services.mock';
+import { createTestStore } from '../../../actions/test/create-test-store';
+import { EDIT_SLIDER } from '../../../actions/ui/answers';
+import { sliderSlide } from './fixtures/slider';
+const progression = {
+    _id: '123456789123',
+    content: { type: 'skill', ref: '_skill-ref' },
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [],
+        isCorrect: true,
+        nextContent: {
+            ref: sliderSlide._id,
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: [],
+        step: {
+            current: 1
+        },
+        stars: 0
+    }
+};
+const initialState = {
+    data: {
+        progression,
+        slides: {
+            [sliderSlide._id]: sliderSlide
+        },
+        skills: [],
+        token: '1234',
+        corrections: {},
+        rank: {}
+    },
+    ui: {
+        currentSlideRef: sliderSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_SLIDER action via the property onSliderChange of a Slider slide', t => {
+    t.plan(1);
+    const expectedActions = [
+        {
+            type: EDIT_SLIDER,
+            payload: ['111']
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
+    const props = mapStateToSlidesProps(getState(), dispatch);
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const onSliderChange = get('onSliderChange', SlideProps);
+    onSliderChange(111);
+});

package/es/views/slides/test/slide.template.on-change.test.js

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 import get from 'lodash/fp/get';
-import identity from 'lodash/fp/identity';
 import { mapStateToSlidesProps } from '..';
 import { services } from '../../../test/util/services.mock';
 import { createTestStore } from '../../../actions/test/create-test-store';
@@ -52,7 +51,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
     t.plan(2);
     const expectedActions = [{ type: EDIT_TEMPLATE, payload: ['', 'test', ''] }];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
-    const props = mapStateToSlidesProps(getState(), dispatch, identity);
+    const props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,
@@ -70,7 +69,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
     t.plan(2);
     const expectedActions = [{ type: EDIT_TEMPLATE, payload: ['Catalogue', '', ''] }];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
-    const props = mapStateToSlidesProps(getState(), dispatch, identity);
+    const props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

package/lib/actions/ui/next-slide.d.ts

@@ -0,0 +1,14 @@
+import type { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+export declare const NEXT_SLIDE: "@@slide/NEXT_SLIDE";
+declare type NextSlidePayload = {
+    currentSlideRef: string;
+    nextSlideRef: string;
+    animationType: string;
+};
+export declare type NextSlide = {
+    type: typeof NEXT_SLIDE;
+    payload: NextSlidePayload;
+};
+export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlide;
+export {};

package/lib/actions/ui/next-slide.js

@@ -0,0 +1,16 @@
+import get from 'lodash/fp/get';
+export var NEXT_SLIDE = '@@slide/NEXT_SLIDE';
+export var nextSlide = function (dispatch, getState) {
+    var _a;
+    var state = getState();
+    var payload = {
+        currentSlideRef: get(['ui', 'currentSlideRef'], state),
+        nextSlideRef: get(['data', 'progression', 'state', 'nextContent', 'ref'], state),
+        animationType: ((_a = state.data.progression) === null || _a === void 0 ? void 0 : _a.state.isCorrect) ? 'unstack' : 'restack'
+    };
+    var action = {
+        type: NEXT_SLIDE,
+        payload: payload
+    };
+    return dispatch(action);
+};

package/lib/actions/ui/test/next-slide.test.d.ts

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

package/lib/actions/ui/test/next-slide.test.js

@@ -0,0 +1,64 @@
+var _a, _b;
+import test from 'ava';
+import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
+import { nextSlide, NEXT_SLIDE } from '../next-slide';
+import { createTestStore } from '../../test/create-test-store';
+import { getChoicesCorrection, postAnswerResponses, services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
+var progression = postAnswerResponses[freeTextSlide.universalRef];
+var skillRef = '_skill-ref';
+var answer = ['Vous isoler dans un lieu calme'];
+var state = {
+    data: {
+        progression: progression,
+        slides: (_a = {},
+            _a[freeTextSlide.universalRef] = freeTextSlide,
+            _a[qcmGraphicSlide.universalRef] = qcmGraphicSlide,
+            _a),
+        skills: [{ skillRef: skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+        token: '1234',
+        corrections: (_b = {}, _b[freeTextSlide.universalRef] = getChoicesCorrection(freeTextSlide.universalRef), _b),
+        rank: { start: 93 }
+    },
+    ui: {
+        currentSlideRef: freeTextSlide._id,
+        navigation: ['loader', 'slides'],
+        answers: answer,
+        slide: {
+            validateButton: false,
+            animateCorrectionPopin: true,
+            showCorrectionPopin: true
+        }
+    }
+};
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is correct', function (t) {
+    var expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'unstack'
+            }
+        }
+    ];
+    var dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+    dispatch(nextSlide);
+});
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is not correct', function (t) {
+    var stateWithWrongAnswer = pipe(set(['data', 'progression', 'state', 'isCorrect'], false), set(['data', 'progression', 'state', 'allAnswers', 0, 'isCorrect'], false))(state);
+    var expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'restack'
+            }
+        }
+    ];
+    var dispatch = createTestStore(t, stateWithWrongAnswer, services, expectedActions).dispatch;
+    dispatch(nextSlide);
+});

package/lib/index.js

@@ -22,23 +22,19 @@ import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-var ConnectedApp = function (_a) {
-    var onQuitClick = _a.onQuitClick;
+var ConnectedApp = function () {
     var dispatch = useDispatch();
     var props = {
         viewName: useSelector(function (state) { return state.ui.navigation[state.ui.navigation.length - 1]; }),
-        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch, onQuitClick); }),
+        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch); }),
         skills: useSelector(function (state) { return mapStateToSkillsProps(state); })
     };
-    // eslint-disable-next-line no-console
-    console.log(props);
     return React.createElement(AppReviewTemplate, __assign({}, props));
 };
 var AppReview = function (_a) {
     var options = _a.options;
     var _b = useState(null), store = _b[0], setStore = _b[1];
     var _c = useState(false), isProgressionCreated = _c[0], setIsProgressionCreated = _c[1];
-    var onQuitClick = get('onQuitClick', options);
     useEffect(function () {
         if (store)
             return;
@@ -82,6 +78,6 @@ var AppReview = function (_a) {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
+        React.createElement(ConnectedApp, null)));
 };
 export default AppReview;