@coorpacademy/app-review 0.4.5 → 0.5.1-alpha.26

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/quit-popin.d.ts

@@ -0,0 +1,8 @@
+export declare const OPEN_POPIN: "@@ui/OPEN_POPIN";
+export declare const CLOSE_POPIN: "@@ui/CLOSE_POPIN";
+export declare const openQuitPopin: {
+    type: "@@ui/OPEN_POPIN";
+};
+export declare const closeQuitPopin: {
+    type: "@@ui/CLOSE_POPIN";
+};

package/es/actions/ui/quit-popin.js

@@ -0,0 +1,8 @@
+export const OPEN_POPIN = '@@ui/OPEN_POPIN';
+export const CLOSE_POPIN = '@@ui/CLOSE_POPIN';
+export const openQuitPopin = {
+    type: OPEN_POPIN
+};
+export const closeQuitPopin = {
+    type: CLOSE_POPIN
+};

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,12 @@ 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;
+        showQuitPopin: boolean;
     }>;
-}>, 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 | {
+    type: "@@ui/OPEN_POPIN";
+} | {
+    type: "@@ui/CLOSE_POPIN";
+}>;
 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,27 @@
 import { CurrentSlideRefState } from './current-slide-ref';
 import { NavigationState } from './navigation';
 import { UIAnswerState } from './answers';
+import { UIPositionState } from './positions';
 import { UISlideState } from './slide';
+import { type ShowQuitPopinState } from './quit-popin';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
+    positions: UIPositionState;
+    showQuitPopin: ShowQuitPopinState;
 };
 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;
+    showQuitPopin: boolean;
+}>, 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 | {
+    type: "@@ui/OPEN_POPIN";
+} | {
+    type: "@@ui/CLOSE_POPIN";
+}>;
 export default _default;

package/es/reducers/ui/index.js

@@ -2,10 +2,14 @@ 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';
+import showQuitPopin from './quit-popin';
 export default combineReducers({
     currentSlideRef,
     navigation,
     answers,
-    slide
+    slide,
+    positions,
+    showQuitPopin
 });

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/quit-popin.d.ts

@@ -0,0 +1,4 @@
+import { closeQuitPopin, openQuitPopin } from '../../actions/ui/quit-popin';
+export declare type ShowQuitPopinState = boolean;
+declare const reducer: (state: boolean | undefined, action: typeof openQuitPopin | typeof closeQuitPopin) => ShowQuitPopinState;
+export default reducer;

package/es/reducers/ui/quit-popin.js

@@ -0,0 +1,16 @@
+import { CLOSE_POPIN, OPEN_POPIN } from '../../actions/ui/quit-popin';
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = false, action) => {
+    switch (action.type) {
+        case OPEN_POPIN: {
+            return true;
+        }
+        case CLOSE_POPIN: {
+            return false;
+        }
+        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;
@@ -41,6 +40,15 @@ declare type CorrectionPopinNext = {
     ariaLabel: string;
     onClick: Function;
 };
+declare type QuitPopinButton = {
+    label: string;
+    type: string;
+    customStyle?: {
+        color: string;
+    };
+    handleOnclick: Function;
+    ariaLabel: string;
+};
 export declare type CorrectionPopinProps = {
     klf?: CorrectionPopinKlf;
     information: CorrectionPopinInformation;
@@ -48,6 +56,14 @@ export declare type CorrectionPopinProps = {
     resultLabel: string;
     type: 'right' | 'wrong';
 };
+export declare type QuitPopinProps = {
+    content: string;
+    icon: string;
+    mode: string;
+    descriptionText: string;
+    firstButton: QuitPopinButton;
+    secondButton: QuitPopinButton;
+};
 export declare type SlidesViewProps = {
     header: {
         mode: string;
@@ -88,6 +104,7 @@ export declare type SlidesViewProps = {
             type: string;
         };
     };
+    quitPopin?: QuitPopinProps;
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];

package/es/views/slides/index.js

@@ -1,13 +1,13 @@
-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 { closeQuitPopin, openQuitPopin } from '../../actions/ui/quit-popin';
+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 +16,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 +46,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,
@@ -176,16 +169,42 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf) =>
         type: isCorrect ? 'right' : 'wrong'
     };
 };
+const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
+    return {
+        content: `Tu t'en vas déjà ?`,
+        icon: `MoonRocket`,
+        mode: 'alert',
+        descriptionText: `Tu vas t'en sortir ! Si tu arrêtes maintenant, tu vas perdre ta progression.`,
+        firstButton: {
+            label: 'Arrêter ma session',
+            type: 'tertiary',
+            customStyle: {
+                color: '#ED3436'
+            },
+            handleOnclick: onQuitClick,
+            ariaLabel: 'Stop session'
+        },
+        secondButton: {
+            label: `Continuer d'apprendre`,
+            type: 'primary',
+            handleOnclick: () => {
+                dispatch(closeQuitPopin);
+            },
+            ariaLabel: 'Continue review'
+        }
+    };
+};
 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);
     const klf = getOr('', ['data', 'slides', currentSlideRef, 'klf'], state);
+    const showQuitPopin = get(['ui', 'showQuitPopin'], state);
     return {
         header: {
             mode: '__revision_mode',
             skillName: '__agility',
-            onQuitClick,
+            onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
             steps: buildStepItems(state)
@@ -202,6 +221,7 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
             correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
             endReview: false
         },
-        congrats: undefined
+        congrats: undefined,
+        quitPopin: showQuitPopin === true ? buildQuitPopinProps(dispatch)(onQuitClick) : 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/quit-popin.d.ts

@@ -0,0 +1,8 @@
+export declare const OPEN_POPIN: "@@ui/OPEN_POPIN";
+export declare const CLOSE_POPIN: "@@ui/CLOSE_POPIN";
+export declare const openQuitPopin: {
+    type: "@@ui/OPEN_POPIN";
+};
+export declare const closeQuitPopin: {
+    type: "@@ui/CLOSE_POPIN";
+};

package/lib/actions/ui/quit-popin.js

@@ -0,0 +1,8 @@
+export var OPEN_POPIN = '@@ui/OPEN_POPIN';
+export var CLOSE_POPIN = '@@ui/CLOSE_POPIN';
+export var openQuitPopin = {
+    type: OPEN_POPIN
+};
+export var closeQuitPopin = {
+    type: CLOSE_POPIN
+};

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,12 @@ 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;
+        showQuitPopin: boolean;
     }>;
-}>, 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 | {
+    type: "@@ui/OPEN_POPIN";
+} | {
+    type: "@@ui/CLOSE_POPIN";
+}>;
 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;
         }