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

package/es/index.js

@@ -11,18 +11,21 @@ import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-const ConnectedApp = () => {
+const ConnectedApp = ({ onQuitClick }) => {
     const dispatch = useDispatch();
     const props = {
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
-        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch)),
+        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
         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;
@@ -66,6 +69,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, null)));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
 };
 export default AppReview;

package/es/test/index.test.js

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

package/es/types/common.d.ts

@@ -1,3 +1,8 @@
+declare type TemplateContextValues = {
+    brandTheme?: unknown;
+    theme?: unknown;
+    translations?: unknown;
+};
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -135,8 +140,12 @@ 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,9 +44,8 @@ export declare type DropDown = {
 export declare type QuestionRange = {
     type: 'slider';
     placeholder?: string;
-    onChange?: (value: number) => void;
+    onChange?: Function;
     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) => SlidesViewProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: Function) => 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) => {
+export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
     const currentSlideRef = get(['ui', 'currentSlideRef'], state);
     const correction = get(['data', 'corrections', currentSlideRef], state);
     const isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
@@ -173,8 +173,7 @@ export const mapStateToSlidesProps = (state, dispatch) => {
             mode: '__revision_mode',
             skillName: '__agility',
             onQuitClick: () => {
-                // eslint-disable-next-line no-console
-                console.log('onQuitClick');
+                onQuitClick();
             },
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',

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

@@ -132,13 +132,8 @@ 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,8 +30,7 @@ export const sliderUISlide = {
             maxLabel: '15 an(s)',
             title: '1 an(s)',
             value: 0,
-            onChange: noop,
-            onSliderChange: noop
+            onChange: 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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);
+    const props = mapStateToSlidesProps(state, identity, 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,6 +1,7 @@
 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';
@@ -56,7 +57,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);
+    const props = mapStateToSlidesProps(getState(), dispatch, identity);
     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,6 +1,7 @@
 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';
@@ -56,7 +57,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);
+    const props = mapStateToSlidesProps(getState(), dispatch, identity);
     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,6 +1,7 @@
 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';
@@ -56,7 +57,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);
+    const props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

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

@@ -1,6 +1,7 @@
 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';
@@ -58,7 +59,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);
+    const props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

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

@@ -1,6 +1,7 @@
 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';
@@ -56,7 +57,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);
+    const props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

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

@@ -1,6 +1,7 @@
 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';
@@ -51,7 +52,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);
+    const props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,
@@ -69,7 +70,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);
+    const props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

package/lib/index.js

@@ -22,19 +22,23 @@ import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-var ConnectedApp = function () {
+var ConnectedApp = function (_a) {
+    var onQuitClick = _a.onQuitClick;
     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); }),
+        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch, onQuitClick); }),
         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;
@@ -78,6 +82,6 @@ var AppReview = function (_a) {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, null)));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
 };
 export default AppReview;

package/lib/test/index.test.js

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

package/lib/types/common.d.ts

@@ -1,3 +1,8 @@
+declare type TemplateContextValues = {
+    brandTheme?: unknown;
+    theme?: unknown;
+    translations?: unknown;
+};
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -135,8 +140,12 @@ 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/lib/types/slides.d.ts

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

package/lib/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) => SlidesViewProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: Function) => SlidesViewProps;
 export {};

package/lib/views/slides/index.js

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

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

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

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

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

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

@@ -62,7 +62,7 @@ test('should create initial props when fetched slide is not still received', fun
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -151,7 +151,7 @@ test('should create props when first slide is on the state', function (t) {
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -253,7 +253,7 @@ test('should create props when slide is on the state and user has selected answe
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -356,7 +356,7 @@ test('should verify props when first slide was answered correctly and next slide
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -459,7 +459,7 @@ test('should verify props when first slide was answered with error and next slid
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -523,7 +523,7 @@ test('should verify props when first slide was answered, next slide is fetched &
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -635,7 +635,7 @@ test('should verify props when first slide was answered incorrectly, next slide
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -745,7 +745,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -815,7 +815,7 @@ test('should verify props when progression is in success', function (t) {
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.is(props.congratsProps, undefined);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
@@ -885,7 +885,7 @@ test('should verify props when progression has answered a current pendingSlide',
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
         closeButtonAriaLabel: 'aria-close-button',
@@ -953,7 +953,7 @@ test('should verify props when progression still has a pendingSlide', function (
             }
         }
     };
-    var props = mapStateToSlidesProps(state, identity);
+    var props = mapStateToSlidesProps(state, identity, identity);
     t.deepEqual(omit(['onQuitClick'], props.header), {
         'aria-label': 'aria-header-wrapper',
         closeButtonAriaLabel: 'aria-close-button',

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

@@ -2,6 +2,7 @@ var _a;
 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';
@@ -58,7 +59,7 @@ test('should dispatch EDIT_BASIC action via the property onChange of a Free Text
         }
     ];
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
-    var props = mapStateToSlidesProps(getState(), dispatch);
+    var props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

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

@@ -2,6 +2,7 @@ var _a;
 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';
@@ -58,7 +59,7 @@ test('should dispatch EDIT_QCM_DRAG action via the property onClick of a QCM Dra
         }
     ];
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
-    var props = mapStateToSlidesProps(getState(), dispatch);
+    var props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,

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

@@ -2,6 +2,7 @@ var _a;
 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';
@@ -58,7 +59,7 @@ test('should dispatch EDIT_QCM_GRAPHIC action via the property onClick of a QCM
         }
     ];
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
-    var props = mapStateToSlidesProps(getState(), dispatch);
+    var props = mapStateToSlidesProps(getState(), dispatch, identity);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
         animateCorrectionPopin: false,
         showCorrectionPopin: false,