@coorpacademy/app-review 0.4.4 → 0.5.0

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

@@ -5,10 +5,12 @@ declare type NextSlidePayload = {
     currentSlideRef: string;
     nextSlideRef: string;
     animationType: string;
+    totalCorrectAnswers: number;
+    answeredSlides: string[];
 };
-export declare type NextSlide = {
+export declare type NextSlideAction = {
     type: typeof NEXT_SLIDE;
     payload: NextSlidePayload;
 };
-export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlide;
+export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlideAction;
 export {};

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

@@ -1,14 +1,17 @@
+import filter from 'lodash/fp/filter';
 import get from 'lodash/fp/get';
-import getOr from 'lodash/fp/getOr';
 export const NEXT_SLIDE = '@@slide/NEXT_SLIDE';
 export const nextSlide = (dispatch, getState) => {
     const state = getState();
+    const progression = state.data.progression;
+    const { isCorrect, allAnswers, slides } = progression.state;
+    const correctAnswers = filter((answer) => answer.isCorrect, allAnswers);
     const payload = {
         currentSlideRef: get(['ui', 'currentSlideRef'], state),
         nextSlideRef: get(['state', 'nextContent', 'ref'], state.data.progression),
-        animationType: getOr(false, ['state', 'isCorrect'], state.data.progression)
-            ? 'unstack'
-            : 'restack'
+        animationType: isCorrect ? 'unstack' : 'restack',
+        totalCorrectAnswers: correctAnswers.length,
+        answeredSlides: slides
     };
     const action = {
         type: NEXT_SLIDE,

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

@@ -12,10 +12,9 @@ export declare type Slide = {
     nextContent?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextContent'>;
 };
 export declare const SET_CURRENT_SLIDE: "@@slide/SET_CURRENT_SLIDE";
-export declare type SetCurrentSlide = {
+export declare type SetCurrentSlideAction = {
     type: typeof SET_CURRENT_SLIDE;
     payload: SlideFromAPI;
 };
-export declare const setCurrentSlide: (payload: SlideFromAPI) => SetCurrentSlide;
-export declare type UISlidesAction = SetCurrentSlide;
+export declare const setCurrentSlide: (payload: SlideFromAPI) => SetCurrentSlideAction;
 export {};

package/es/common/index.d.ts

@@ -1,3 +1,4 @@
+import type { ProgressionFromAPI } from '../types/common';
 export declare const VIEWS: {
     readonly skills: 'skills';
     readonly onboarding: 'onboarding';
@@ -5,3 +6,4 @@ export declare const VIEWS: {
 };
 export declare const slideIndexes: readonly ["0", "1", "2", "3", "4"];
 export declare type SlideIndexes = typeof slideIndexes[number];
+export declare const getProgressionSlidesRefs: (progression: ProgressionFromAPI) => string[];

package/es/common/index.js

@@ -1,6 +1,15 @@
+import concat from 'lodash/fp/concat';
+import slice from 'lodash/fp/slice';
 export const VIEWS = {
     skills: 'skills',
     onboarding: 'onboarding',
     slides: 'slides'
 };
 export const slideIndexes = ['0', '1', '2', '3', '4'];
+export const getProgressionSlidesRefs = (progression) => {
+    if (progression.state.step.current < 5) {
+        const slideRef = progression.state.nextContent.ref;
+        return concat(progression.state.slides, [slideRef]);
+    }
+    return slice(0, 5, progression.state.slides);
+};

package/es/reducers/index.d.ts

@@ -18,6 +18,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         navigation: import("./ui/navigation").NavigationState;
         answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
+        positions: import("./ui/positions").UIPositionState;
     }>;
-}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction | import("../actions/ui/next-slide").NextSlide>;
+}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/es/reducers/ui/answers.d.ts

@@ -1,7 +1,7 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
-import { NextSlide } from '../../actions/ui/next-slide';
+import { NextSlideAction } from '../../actions/ui/next-slide';
 export declare type UISlideAnswer = string[];
 export declare type UIAnswerState = Record<string, UISlideAnswer>;
 export declare const initialState: UIAnswerState;
-declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlide) => UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlideAction) => UIAnswerState;
 export default reducer;

package/es/reducers/ui/current-slide-ref.d.ts

@@ -1,4 +1,5 @@
-import { UISlidesAction } from '../../actions/ui/slides';
+import { NextSlideAction } from '../../actions/ui/next-slide';
+import { SetCurrentSlideAction } from '../../actions/ui/slides';
 export declare type CurrentSlideRefState = string;
-declare const reducer: (state: string | undefined, action: UISlidesAction) => CurrentSlideRefState;
+declare const reducer: (state: string | undefined, action: SetCurrentSlideAction | NextSlideAction) => CurrentSlideRefState;
 export default reducer;

package/es/reducers/ui/current-slide-ref.js

@@ -1,8 +1,11 @@
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 import { SET_CURRENT_SLIDE } from '../../actions/ui/slides';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = '', action) => {
     switch (action.type) {
+        case NEXT_SLIDE:
+            return action.payload.nextSlideRef;
         case SET_CURRENT_SLIDE: {
             return action.payload._id;
         }

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

@@ -1,17 +1,20 @@
 import { CurrentSlideRefState } from './current-slide-ref';
 import { NavigationState } from './navigation';
 import { UIAnswerState } from './answers';
+import { UIPositionState } from './positions';
 import { UISlideState } from './slide';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
+    positions: UIPositionState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction | import("../../actions/ui/next-slide").NextSlide>;
+    positions: UIPositionState;
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/es/reducers/ui/index.js

@@ -2,10 +2,12 @@ import { combineReducers } from 'redux';
 import currentSlideRef from './current-slide-ref';
 import navigation from './navigation';
 import answers from './answers';
+import positions from './positions';
 import slide from './slide';
 export default combineReducers({
     currentSlideRef,
     navigation,
     answers,
-    slide
+    slide,
+    positions
 });

package/es/reducers/ui/positions.d.ts

@@ -0,0 +1,5 @@
+import { ReceivedProgression } from '../../actions/api/post-progression';
+import { NextSlideAction } from '../../actions/ui/next-slide';
+export declare type UIPositionState = number[];
+declare const reducer: (state: UIPositionState | undefined, action: NextSlideAction | ReceivedProgression) => UIPositionState;
+export default reducer;

package/es/reducers/ui/positions.js

@@ -0,0 +1,25 @@
+import findIndex from 'lodash/fp/findIndex';
+import map from 'lodash/fp/map';
+import set from 'lodash/fp/set';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
+const initialState = [0, 1, 2, 3, 4];
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = initialState, action) => {
+    switch (action.type) {
+        case POST_PROGRESSION_SUCCESS: {
+            return initialState;
+        }
+        case NEXT_SLIDE: {
+            const { totalCorrectAnswers, answeredSlides, currentSlideRef, animationType } = action.payload;
+            const nextCurrentSlidePosition = animationType === 'unstack' ? -1 : 4 - totalCorrectAnswers;
+            const currentSlideIndex = findIndex(ref => ref === currentSlideRef, answeredSlides);
+            const newState = map(position => (position === -1 ? position : position - 1), state);
+            return set([`${currentSlideIndex}`], nextCurrentSlidePosition)(newState);
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/es/reducers/ui/slide.d.ts

@@ -2,7 +2,7 @@ import { EditAnswerAction } from '../../actions/ui/answers';
 import { PostAnswerRequestAction } from '../../actions/api/post-answer';
 import { ReceivedCorrection } from '../../actions/api/fetch-correction';
 import { FetchSlide } from '../../actions/api/fetch-slide';
-import { NextSlide } from '../../actions/ui/next-slide';
+import { NextSlideAction } from '../../actions/ui/next-slide';
 import { SlideUIAnimations } from '../../types/slides';
 export declare type UISlide = {
     validateButton: boolean;
@@ -12,5 +12,5 @@ export declare type UISlide = {
 };
 export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlide) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlideAction) => UISlideState;
 export default reducer;

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

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { SlideIndexes } from '../../common';
+import { type SlideIndexes } from '../../common';
 import type { StoreState } from '../../reducers';
 import type { AnswerUI } from '../../types/slides';
 declare const ICON_VALUES: {
@@ -15,7 +15,6 @@ declare type StepItem = {
 };
 declare type SlideUIAnimations = 'unstack' | 'restack';
 export declare type ReviewSlide = {
-    hidden: boolean;
     position: number;
     loading: boolean;
     showCorrectionPopin?: boolean;
@@ -68,7 +67,7 @@ export declare type SlidesViewProps = {
         endReview: boolean;
     };
     reviewBackgroundAriaLabel?: string;
-    congratsProps?: {
+    congrats?: {
         'aria-label'?: string;
         'data-name'?: string;
         animationLottie: unknown;

package/es/views/slides/index.js

@@ -1,13 +1,12 @@
-import concat from 'lodash/fp/concat';
 import findLast from 'lodash/fp/findLast';
 import get from 'lodash/fp/get';
 import getOr from 'lodash/fp/getOr';
 import last from 'lodash/fp/last';
 import reduce from 'lodash/fp/reduce';
 import set from 'lodash/fp/set';
-import slice from 'lodash/fp/slice';
 import toInteger from 'lodash/fp/toInteger';
 import join from 'lodash/fp/join';
+import { getProgressionSlidesRefs } from '../../common';
 import { postAnswer } from '../../actions/api/post-answer';
 import { nextSlide } from '../../actions/ui/next-slide';
 import { mapApiSlideToUi } from './map-api-slide-to-ui';
@@ -16,40 +15,29 @@ const ICON_VALUES = {
     wrong: 'wrong',
     'no-answer': 'no-answer'
 };
+// TODO replace this, position no more needed
 export const initialState = {
     '0': {
-        hidden: false,
         position: 0,
         loading: true
     },
     '1': {
-        hidden: false,
         position: 1,
         loading: true
     },
     '2': {
-        hidden: false,
         position: 2,
         loading: true
     },
     '3': {
-        hidden: false,
         position: 3,
         loading: true
     },
     '4': {
-        hidden: false,
         position: 4,
         loading: true
     }
 };
-const getProgressionSlidesRefs = (progression) => {
-    if (progression.state.step.current < 5) {
-        const slideRef = progression.state.nextContent.ref;
-        return concat(progression.state.slides, [slideRef]);
-    }
-    return slice(0, 5, progression.state.slides);
-};
 const buildStackSlides = (state, dispatch) => {
     const currentSlideRef = state.ui.currentSlideRef;
     const progression = state.data.progression;
@@ -57,23 +45,27 @@ const buildStackSlides = (state, dispatch) => {
         return initialState;
     const slideRefs = getProgressionSlidesRefs(progression);
     // @ts-expect-error typescript does not support capped versions of lodash functions
-    const stack = reduce.convert({ cap: false })((acc, uiSlide, index) => {
-        const slideRef = slideRefs[toInteger(index)];
+    const stack = reduce.convert({ cap: false })((acc, uiSlide, _index) => {
+        const index = toInteger(_index);
+        const positions = state.ui.positions;
+        const position = positions[index];
+        const slideRef = slideRefs[index];
         if (!slideRef)
-            return set(index, uiSlide, acc);
+            return set(index, { ...uiSlide, position }, acc);
         const slideFromAPI = get(slideRef, state.data.slides);
         if (!slideFromAPI)
-            return set(index, uiSlide, acc);
+            return set(index, { ...uiSlide, position }, acc);
         const answers = getOr([], ['ui', 'answers', slideRef], state);
         const { questionText, answerUI } = mapApiSlideToUi(dispatch)(slideFromAPI, answers);
-        const parentContentTitle = getOr('', 'parentContentTitle.title', slideFromAPI);
-        const parentContentType = getOr('', 'parentContentTitle.type', slideFromAPI);
+        const { title: parentContentTitle, type: parentContentType } = slideFromAPI.parentContentTitle;
         const isCurrentSlideRef = currentSlideRef === slideRef;
-        const animateCorrectionPopin = isCurrentSlideRef && get(['ui', 'slide', slideRef, 'animateCorrectionPopin'], state);
-        const showCorrectionPopin = isCurrentSlideRef && get(['ui', 'slide', slideRef, 'showCorrectionPopin'], state);
-        const animationType = get(['ui', 'slide', slideRef, 'animationType'], state);
+        const slideUI = get(['ui', 'slide', slideRef], state);
+        const animateCorrectionPopin = isCurrentSlideRef && slideUI.animateCorrectionPopin;
+        const showCorrectionPopin = isCurrentSlideRef && slideUI.showCorrectionPopin;
+        const animationType = slideUI.animationType;
         const updatedUiSlide = {
             ...uiSlide,
+            position,
             showCorrectionPopin,
             animateCorrectionPopin,
             loading: false,
@@ -202,6 +194,6 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
             correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
             endReview: false
         },
-        congratsProps: undefined
+        congrats: undefined
     };
 };

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

@@ -5,10 +5,12 @@ declare type NextSlidePayload = {
     currentSlideRef: string;
     nextSlideRef: string;
     animationType: string;
+    totalCorrectAnswers: number;
+    answeredSlides: string[];
 };
-export declare type NextSlide = {
+export declare type NextSlideAction = {
     type: typeof NEXT_SLIDE;
     payload: NextSlidePayload;
 };
-export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlide;
+export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlideAction;
 export {};

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

@@ -1,14 +1,17 @@
+import filter from 'lodash/fp/filter';
 import get from 'lodash/fp/get';
-import getOr from 'lodash/fp/getOr';
 export var NEXT_SLIDE = '@@slide/NEXT_SLIDE';
 export var nextSlide = function (dispatch, getState) {
     var state = getState();
+    var progression = state.data.progression;
+    var _a = progression.state, isCorrect = _a.isCorrect, allAnswers = _a.allAnswers, slides = _a.slides;
+    var correctAnswers = filter(function (answer) { return answer.isCorrect; }, allAnswers);
     var payload = {
         currentSlideRef: get(['ui', 'currentSlideRef'], state),
         nextSlideRef: get(['state', 'nextContent', 'ref'], state.data.progression),
-        animationType: getOr(false, ['state', 'isCorrect'], state.data.progression)
-            ? 'unstack'
-            : 'restack'
+        animationType: isCorrect ? 'unstack' : 'restack',
+        totalCorrectAnswers: correctAnswers.length,
+        answeredSlides: slides
     };
     var action = {
         type: NEXT_SLIDE,

package/lib/actions/ui/slides.d.ts

@@ -12,10 +12,9 @@ export declare type Slide = {
     nextContent?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextContent'>;
 };
 export declare const SET_CURRENT_SLIDE: "@@slide/SET_CURRENT_SLIDE";
-export declare type SetCurrentSlide = {
+export declare type SetCurrentSlideAction = {
     type: typeof SET_CURRENT_SLIDE;
     payload: SlideFromAPI;
 };
-export declare const setCurrentSlide: (payload: SlideFromAPI) => SetCurrentSlide;
-export declare type UISlidesAction = SetCurrentSlide;
+export declare const setCurrentSlide: (payload: SlideFromAPI) => SetCurrentSlideAction;
 export {};

package/lib/common/index.d.ts

@@ -1,3 +1,4 @@
+import type { ProgressionFromAPI } from '../types/common';
 export declare const VIEWS: {
     readonly skills: 'skills';
     readonly onboarding: 'onboarding';
@@ -5,3 +6,4 @@ export declare const VIEWS: {
 };
 export declare const slideIndexes: readonly ["0", "1", "2", "3", "4"];
 export declare type SlideIndexes = typeof slideIndexes[number];
+export declare const getProgressionSlidesRefs: (progression: ProgressionFromAPI) => string[];

package/lib/common/index.js

@@ -1,6 +1,15 @@
+import concat from 'lodash/fp/concat';
+import slice from 'lodash/fp/slice';
 export var VIEWS = {
     skills: 'skills',
     onboarding: 'onboarding',
     slides: 'slides'
 };
 export var slideIndexes = ['0', '1', '2', '3', '4'];
+export var getProgressionSlidesRefs = function (progression) {
+    if (progression.state.step.current < 5) {
+        var slideRef = progression.state.nextContent.ref;
+        return concat(progression.state.slides, [slideRef]);
+    }
+    return slice(0, 5, progression.state.slides);
+};

package/lib/reducers/index.d.ts

@@ -18,6 +18,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         navigation: import("./ui/navigation").NavigationState;
         answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
+        positions: import("./ui/positions").UIPositionState;
     }>;
-}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction | import("../actions/ui/next-slide").NextSlide>;
+}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/lib/reducers/ui/answers.d.ts

@@ -1,7 +1,7 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
-import { NextSlide } from '../../actions/ui/next-slide';
+import { NextSlideAction } from '../../actions/ui/next-slide';
 export declare type UISlideAnswer = string[];
 export declare type UIAnswerState = Record<string, UISlideAnswer>;
 export declare const initialState: UIAnswerState;
-declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlide) => UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlideAction) => UIAnswerState;
 export default reducer;

package/lib/reducers/ui/current-slide-ref.d.ts

@@ -1,4 +1,5 @@
-import { UISlidesAction } from '../../actions/ui/slides';
+import { NextSlideAction } from '../../actions/ui/next-slide';
+import { SetCurrentSlideAction } from '../../actions/ui/slides';
 export declare type CurrentSlideRefState = string;
-declare const reducer: (state: string | undefined, action: UISlidesAction) => CurrentSlideRefState;
+declare const reducer: (state: string | undefined, action: SetCurrentSlideAction | NextSlideAction) => CurrentSlideRefState;
 export default reducer;

package/lib/reducers/ui/current-slide-ref.js

@@ -1,9 +1,12 @@
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 import { SET_CURRENT_SLIDE } from '../../actions/ui/slides';
 var reducer = function (
 // eslint-disable-next-line default-param-last
 state, action) {
     if (state === void 0) { state = ''; }
     switch (action.type) {
+        case NEXT_SLIDE:
+            return action.payload.nextSlideRef;
         case SET_CURRENT_SLIDE: {
             return action.payload._id;
         }

package/lib/reducers/ui/index.d.ts

@@ -1,17 +1,20 @@
 import { CurrentSlideRefState } from './current-slide-ref';
 import { NavigationState } from './navigation';
 import { UIAnswerState } from './answers';
+import { UIPositionState } from './positions';
 import { UISlideState } from './slide';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
+    positions: UIPositionState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction | import("../../actions/ui/next-slide").NextSlide>;
+    positions: UIPositionState;
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/lib/reducers/ui/index.js

@@ -2,10 +2,12 @@ import { combineReducers } from 'redux';
 import currentSlideRef from './current-slide-ref';
 import navigation from './navigation';
 import answers from './answers';
+import positions from './positions';
 import slide from './slide';
 export default combineReducers({
     currentSlideRef: currentSlideRef,
     navigation: navigation,
     answers: answers,
-    slide: slide
+    slide: slide,
+    positions: positions
 });

package/lib/reducers/ui/positions.d.ts

@@ -0,0 +1,5 @@
+import { ReceivedProgression } from '../../actions/api/post-progression';
+import { NextSlideAction } from '../../actions/ui/next-slide';
+export declare type UIPositionState = number[];
+declare const reducer: (state: UIPositionState | undefined, action: NextSlideAction | ReceivedProgression) => UIPositionState;
+export default reducer;

package/lib/reducers/ui/positions.js

@@ -0,0 +1,26 @@
+import findIndex from 'lodash/fp/findIndex';
+import map from 'lodash/fp/map';
+import set from 'lodash/fp/set';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
+var initialState = [0, 1, 2, 3, 4];
+var reducer = function (
+// eslint-disable-next-line default-param-last
+state, action) {
+    if (state === void 0) { state = initialState; }
+    switch (action.type) {
+        case POST_PROGRESSION_SUCCESS: {
+            return initialState;
+        }
+        case NEXT_SLIDE: {
+            var _a = action.payload, totalCorrectAnswers = _a.totalCorrectAnswers, answeredSlides = _a.answeredSlides, currentSlideRef_1 = _a.currentSlideRef, animationType = _a.animationType;
+            var nextCurrentSlidePosition = animationType === 'unstack' ? -1 : 4 - totalCorrectAnswers;
+            var currentSlideIndex = findIndex(function (ref) { return ref === currentSlideRef_1; }, answeredSlides);
+            var newState = map(function (position) { return (position === -1 ? position : position - 1); }, state);
+            return set(["".concat(currentSlideIndex)], nextCurrentSlidePosition)(newState);
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/lib/reducers/ui/slide.d.ts

@@ -2,7 +2,7 @@ import { EditAnswerAction } from '../../actions/ui/answers';
 import { PostAnswerRequestAction } from '../../actions/api/post-answer';
 import { ReceivedCorrection } from '../../actions/api/fetch-correction';
 import { FetchSlide } from '../../actions/api/fetch-slide';
-import { NextSlide } from '../../actions/ui/next-slide';
+import { NextSlideAction } from '../../actions/ui/next-slide';
 import { SlideUIAnimations } from '../../types/slides';
 export declare type UISlide = {
     validateButton: boolean;
@@ -12,5 +12,5 @@ export declare type UISlide = {
 };
 export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlide) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlideAction) => UISlideState;
 export default reducer;

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

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { SlideIndexes } from '../../common';
+import { type SlideIndexes } from '../../common';
 import type { StoreState } from '../../reducers';
 import type { AnswerUI } from '../../types/slides';
 declare const ICON_VALUES: {
@@ -15,7 +15,6 @@ declare type StepItem = {
 };
 declare type SlideUIAnimations = 'unstack' | 'restack';
 export declare type ReviewSlide = {
-    hidden: boolean;
     position: number;
     loading: boolean;
     showCorrectionPopin?: boolean;
@@ -68,7 +67,7 @@ export declare type SlidesViewProps = {
         endReview: boolean;
     };
     reviewBackgroundAriaLabel?: string;
-    congratsProps?: {
+    congrats?: {
         'aria-label'?: string;
         'data-name'?: string;
         animationLottie: unknown;