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

package/lib/views/slides/test/slide.qcm.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';
@@ -60,7 +61,7 @@ test('should dispatch EDIT_QCM action via the property onClick of a QCM slide',
         }
     ];
     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.slider.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_SLIDER action via the property onChange of a Slider s
         }
     ];
     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.template.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';
@@ -53,7 +54,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
     t.plan(2);
     var expectedActions = [{ type: EDIT_TEMPLATE, payload: ['', 'test', ''] }];
     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,
@@ -72,7 +73,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
     t.plan(2);
     var expectedActions = [{ type: EDIT_TEMPLATE, payload: ['Catalogue', '', ''] }];
     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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.2.10-alpha.16+979312a0a",
+  "version": "0.2.10-alpha.5+b5f45c65b",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -41,7 +41,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.22.25-alpha.16+979312a0a",
+    "@coorpacademy/components": "10.22.24",
     "@coorpacademy/redux-task": "1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
@@ -78,5 +78,5 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "979312a0adf811d29dd0f18ceef61194e2b2c69d"
+  "gitHead": "b5f45c65ba35d615bc2a74df5c9ff7afe25a35bb"
 }

package/src/index.tsx

@@ -19,17 +19,18 @@ import {VIEWS} from './common';
 import {mapStateToSlidesProps} from './views/slides';
 import {mapStateToSkillsProps} from './views/skills';
 
-const ConnectedApp = (): JSX.Element => {
+const ConnectedApp = ({onQuitClick}: {onQuitClick: Function}): JSX.Element => {
   const dispatch = useDispatch();
 
   const props = {
     viewName: useSelector(
       (state: StoreState) => state.ui.navigation[state.ui.navigation.length - 1]
     ),
-    slides: useSelector((state: StoreState) => mapStateToSlidesProps(state, dispatch)),
+    slides: useSelector((state: StoreState) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
     skills: useSelector((state: StoreState) => mapStateToSkillsProps(state))
   };
-
+  // eslint-disable-next-line no-console
+  console.log(props);
   return <AppReviewTemplate {...props} />;
 };
 
@@ -37,6 +38,8 @@ const AppReview = ({options}: {options: AppOptions}): JSX.Element | null => {
   const [store, setStore] = useState<Store<StoreState, AnyAction> | null>(null);
   const [isProgressionCreated, setIsProgressionCreated] = useState(false);
 
+  const onQuitClick = get('onQuitClick', options);
+
   useEffect(() => {
     if (store) return;
 
@@ -88,7 +91,7 @@ const AppReview = ({options}: {options: AppOptions}): JSX.Element | null => {
 
   return (
     <Provider store={store}>
-      <ConnectedApp />
+      <ConnectedApp onQuitClick={onQuitClick} />
     </Provider>
   );
 };

package/src/test/index.test.tsx

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

package/src/types/common.ts

@@ -1,3 +1,10 @@
+// TODO use type from components
+type TemplateContextValues = {
+  brandTheme?: unknown;
+  theme?: unknown; // TODO type Theme
+  translations?: unknown; // TODO type Translations
+};
+
 // TODO: EDIT_CHOICES -> specify typing
 export type ChoiceFromAPI = {
   _id: string;
@@ -169,8 +176,12 @@ export type Options = {
 
 export type AppOptions = {
   token: string;
+  theme?: unknown;
+  translations?: unknown;
+  templateContext?: TemplateContextValues;
   skillRef?: string;
   services: Services;
+  onQuitClick: Function;
 };
 
 export type JWT = {

package/src/types/slides.ts

@@ -59,9 +59,8 @@ export type DropDown = {
 export 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/src/views/slides/index.ts

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

package/src/views/slides/map-api-slide-to-ui.ts

@@ -225,7 +225,6 @@ const sliderProps =
       title: `${currentValue} ${question.content.unitLabel}`,
       value: sliderPosition,
       onChange: (position: number): void => {
-        // atom/range handler
         const newValue: string = pipe(
           multiply(maxValue),
           round,
@@ -233,10 +232,6 @@ const sliderProps =
           _toString
         )(position);
         dispatch(editAnswer([newValue]));
-      },
-      onSliderChange: (newValue: number): void => {
-        // mobile/slider handler
-        dispatch(editAnswer([`${newValue}`]));
       }
     };
   };

package/src/views/slides/test/fixtures/slider.ts

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

package/src/views/slides/test/index.test.ts

@@ -70,7 +70,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',
@@ -161,7 +161,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',
@@ -266,7 +266,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',
@@ -372,7 +372,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',
@@ -482,7 +482,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',
@@ -547,7 +547,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',
@@ -661,7 +661,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',
@@ -773,7 +773,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',
@@ -845,7 +845,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',
@@ -917,7 +917,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',
@@ -986,7 +986,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/src/views/slides/test/slide.free-text.on-change.test.ts

@@ -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 {ProgressionFromAPI} from '../../../types/common';
 import {services} from '../../../test/util/services.mock';
@@ -64,7 +65,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/src/views/slides/test/slide.qcm-drag.on-click.test.ts

@@ -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 {ProgressionFromAPI} from '../../../types/common';
 import {services} from '../../../test/util/services.mock';
@@ -64,7 +65,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/src/views/slides/test/slide.qcm-graphic.on-click.test.ts

@@ -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 {ProgressionFromAPI} from '../../../types/common';
 import {services} from '../../../test/util/services.mock';
@@ -64,7 +65,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/src/views/slides/test/slide.qcm.on-click.test.ts

@@ -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 {ProgressionFromAPI} from '../../../types/common';
 import {services} from '../../../test/util/services.mock';
@@ -66,7 +67,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/src/views/slides/test/slide.slider.on-change.test.ts

@@ -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 {ProgressionFromAPI} from '../../../types/common';
 import {services} from '../../../test/util/services.mock';
@@ -64,7 +65,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/src/views/slides/test/slide.template.on-change.test.ts

@@ -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 {ProgressionFromAPI} from '../../../types/common';
 import {services} from '../../../test/util/services.mock';
@@ -59,7 +60,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   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,
@@ -81,7 +82,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   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/es/actions/ui/next-slide.d.ts

@@ -1,14 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

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

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

@@ -1,63 +0,0 @@
-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/views/slides/test/slide.slider.on-slider-change.test.d.ts

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

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

@@ -1,63 +0,0 @@
-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/lib/actions/ui/next-slide.d.ts

@@ -1,14 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

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