@coorpacademy/app-review 0.5.2 → 0.5.4-alpha.8

package/es/actions/api/fetch-rank.js

@@ -6,6 +6,10 @@ export const RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE';
 export const RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST';
 export const RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS';
 export const RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE';
+const bailout = (path) => (state) => {
+    const value = get(path, state);
+    return !Number.isNaN(value);
+};
 export const fetchRank = (dispatch, getState, services, types, path) => {
     const action = buildTask({
         types,
@@ -14,7 +18,7 @@ export const fetchRank = (dispatch, getState, services, types, path) => {
             const token = get(['data', 'token'], state);
             return services.fetchRank(token);
         },
-        bailout: path ? (state) => !!get(path, state) : undefined
+        bailout: path ? bailout(path) : undefined
     });
     return dispatch(action);
 };

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/reducers/data/rank.d.ts

@@ -1,7 +1,8 @@
+import { type ReceivedProgression } from '../../actions/api/post-progression';
 import { RankAction } from '../../actions/api/fetch-rank';
 export declare type RankState = {
-    start?: number | null;
-    end?: number | null;
+    start: number;
+    end: number;
 };
-declare const reducer: (state: RankState | undefined, action: RankAction) => RankState;
+declare const reducer: (state: RankState | undefined, action: RankAction | ReceivedProgression) => RankState;
 export default reducer;

package/es/reducers/data/rank.js

@@ -1,34 +1,25 @@
-import { get, isNull, isUndefined, pipe, set, unset, update } from 'lodash/fp';
-import { RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS, RANK_FETCH_START_FAILURE, RANK_FETCH_END_REQUEST, RANK_FETCH_END_SUCCESS, RANK_FETCH_END_FAILURE } from '../../actions/api/fetch-rank';
-const initialState = {};
+import set from 'lodash/fp/set';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { RANK_FETCH_START_SUCCESS, RANK_FETCH_END_SUCCESS } from '../../actions/api/fetch-rank';
+const initialState = {
+    start: Number.NaN,
+    end: Number.NaN
+};
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
     switch (action.type) {
-        case RANK_FETCH_START_REQUEST: {
-            return update('start', (startRank) => (isUndefined(startRank) ? null : startRank), state);
+        case POST_PROGRESSION_SUCCESS: {
+            return initialState;
         }
         case RANK_FETCH_START_SUCCESS: {
             const { payload } = action;
             return set('start', payload.rank, state);
         }
-        case RANK_FETCH_START_FAILURE: {
-            if (pipe(get('start'), isNull)(state))
-                return unset('start', state);
-            return state;
-        }
-        case RANK_FETCH_END_REQUEST: {
-            return update('end', (endRank) => (isUndefined(endRank) ? null : endRank), state);
-        }
         case RANK_FETCH_END_SUCCESS: {
             const { payload } = action;
             return set('end', payload.rank, state);
         }
-        case RANK_FETCH_END_FAILURE: {
-            if (pipe(get('end'), isNull)(state))
-                return unset('end', state);
-            return state;
-        }
         default:
             return state;
     }

package/es/reducers/index.d.ts

@@ -19,6 +19,12 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
         positions: import("./ui/positions").UIPositionState;
+        showQuitPopin: boolean;
+        showCongrats: boolean;
     }>;
-}>, 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>;
+}>, 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/index.d.ts

@@ -3,12 +3,16 @@ import { NavigationState } from './navigation';
 import { UIAnswerState } from './answers';
 import { UIPositionState } from './positions';
 import { UISlideState } from './slide';
+import { type ShowQuitPopinState } from './quit-popin';
+import { UIShowCongratsState } from './show-congrats';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
     positions: UIPositionState;
+    showQuitPopin: ShowQuitPopinState;
+    showCongrats: UIShowCongratsState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
@@ -16,5 +20,11 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     answers: UIAnswerState;
     slide: UISlideState;
     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>;
+    showQuitPopin: boolean;
+    showCongrats: 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

@@ -4,10 +4,14 @@ import navigation from './navigation';
 import answers from './answers';
 import positions from './positions';
 import slide from './slide';
+import showQuitPopin from './quit-popin';
+import showCongrats from './show-congrats';
 export default combineReducers({
     currentSlideRef,
     navigation,
     answers,
     slide,
-    positions
+    positions,
+    showQuitPopin,
+    showCongrats
 });

package/es/reducers/ui/navigation.js

@@ -15,5 +15,4 @@ state = [], action) => {
             return state;
     }
 };
-// -----------------------------------------------------------------------------
 export default reducer;

package/es/reducers/ui/positions.js

@@ -12,7 +12,9 @@ state = initialState, action) => {
             return initialState;
         }
         case NEXT_SLIDE: {
-            const { totalCorrectAnswers, answeredSlides, currentSlideRef, animationType } = action.payload;
+            const { totalCorrectAnswers, answeredSlides, currentSlideRef, animationType, nextSlideRef } = action.payload;
+            if (nextSlideRef === 'successExitNode')
+                return state;
             const nextCurrentSlidePosition = animationType === 'unstack' ? -1 : 4 - totalCorrectAnswers;
             const currentSlideIndex = findIndex(ref => ref === currentSlideRef, answeredSlides);
             const newState = map(position => (position === -1 ? position : position - 1), state);

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/show-congrats.d.ts

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

package/es/reducers/ui/show-congrats.js

@@ -0,0 +1,20 @@
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = false, action) => {
+    switch (action.type) {
+        case POST_PROGRESSION_SUCCESS: {
+            return false;
+        }
+        case NEXT_SLIDE: {
+            const { nextSlideRef } = action.payload;
+            if (nextSlideRef === 'successExitNode')
+                return true;
+            return false;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/es/reducers/ui/slide.js

@@ -35,7 +35,10 @@ state = initialState, action) => {
             return pipe(set([action.meta.slideRef, 'animateCorrectionPopin'], true), set([action.meta.slideRef, 'showCorrectionPopin'], true))(state);
         }
         case NEXT_SLIDE: {
-            return pipe(set([action.payload.currentSlideRef, 'animateCorrectionPopin'], false), set([action.payload.currentSlideRef, 'animationType'], action.payload.animationType))(state);
+            const { currentSlideRef, nextSlideRef } = action.payload;
+            if (nextSlideRef === 'successExitNode')
+                return state;
+            return pipe(set([currentSlideRef, 'animateCorrectionPopin'], false), set([currentSlideRef, 'animationType'], action.payload.animationType))(state);
         }
         default:
             return state;

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

@@ -40,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;
@@ -47,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;
@@ -87,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

@@ -6,6 +6,7 @@ import reduce from 'lodash/fp/reduce';
 import set from 'lodash/fp/set';
 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';
@@ -168,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)
@@ -194,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 ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
     };
 };

package/lib/actions/api/fetch-rank.js

@@ -6,6 +6,12 @@ export var RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE';
 export var RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST';
 export var RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS';
 export var RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE';
+var bailout = function (path) {
+    return function (state) {
+        var value = get(path, state);
+        return !Number.isNaN(value);
+    };
+};
 export var fetchRank = function (dispatch, getState, services, types, path) {
     var action = buildTask({
         types: types,
@@ -14,7 +20,7 @@ export var fetchRank = function (dispatch, getState, services, types, path) {
             var token = get(['data', 'token'], state);
             return services.fetchRank(token);
         },
-        bailout: path ? function (state) { return !!get(path, state); } : undefined
+        bailout: path ? bailout(path) : undefined
     });
     return dispatch(action);
 };

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/reducers/data/rank.d.ts

@@ -1,7 +1,8 @@
+import { type ReceivedProgression } from '../../actions/api/post-progression';
 import { RankAction } from '../../actions/api/fetch-rank';
 export declare type RankState = {
-    start?: number | null;
-    end?: number | null;
+    start: number;
+    end: number;
 };
-declare const reducer: (state: RankState | undefined, action: RankAction) => RankState;
+declare const reducer: (state: RankState | undefined, action: RankAction | ReceivedProgression) => RankState;
 export default reducer;

package/lib/reducers/data/rank.js

@@ -1,35 +1,26 @@
-import { get, isNull, isUndefined, pipe, set, unset, update } from 'lodash/fp';
-import { RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS, RANK_FETCH_START_FAILURE, RANK_FETCH_END_REQUEST, RANK_FETCH_END_SUCCESS, RANK_FETCH_END_FAILURE } from '../../actions/api/fetch-rank';
-var initialState = {};
+import set from 'lodash/fp/set';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { RANK_FETCH_START_SUCCESS, RANK_FETCH_END_SUCCESS } from '../../actions/api/fetch-rank';
+var initialState = {
+    start: Number.NaN,
+    end: Number.NaN
+};
 var reducer = function (
 // eslint-disable-next-line default-param-last
 state, action) {
     if (state === void 0) { state = initialState; }
     switch (action.type) {
-        case RANK_FETCH_START_REQUEST: {
-            return update('start', function (startRank) { return (isUndefined(startRank) ? null : startRank); }, state);
+        case POST_PROGRESSION_SUCCESS: {
+            return initialState;
         }
         case RANK_FETCH_START_SUCCESS: {
             var payload = action.payload;
             return set('start', payload.rank, state);
         }
-        case RANK_FETCH_START_FAILURE: {
-            if (pipe(get('start'), isNull)(state))
-                return unset('start', state);
-            return state;
-        }
-        case RANK_FETCH_END_REQUEST: {
-            return update('end', function (endRank) { return (isUndefined(endRank) ? null : endRank); }, state);
-        }
         case RANK_FETCH_END_SUCCESS: {
             var payload = action.payload;
             return set('end', payload.rank, state);
         }
-        case RANK_FETCH_END_FAILURE: {
-            if (pipe(get('end'), isNull)(state))
-                return unset('end', state);
-            return state;
-        }
         default:
             return state;
     }

package/lib/reducers/index.d.ts

@@ -19,6 +19,12 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
         positions: import("./ui/positions").UIPositionState;
+        showQuitPopin: boolean;
+        showCongrats: boolean;
     }>;
-}>, 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>;
+}>, 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/index.d.ts

@@ -3,12 +3,16 @@ import { NavigationState } from './navigation';
 import { UIAnswerState } from './answers';
 import { UIPositionState } from './positions';
 import { UISlideState } from './slide';
+import { type ShowQuitPopinState } from './quit-popin';
+import { UIShowCongratsState } from './show-congrats';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
     positions: UIPositionState;
+    showQuitPopin: ShowQuitPopinState;
+    showCongrats: UIShowCongratsState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
@@ -16,5 +20,11 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     answers: UIAnswerState;
     slide: UISlideState;
     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>;
+    showQuitPopin: boolean;
+    showCongrats: 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/lib/reducers/ui/index.js

@@ -4,10 +4,14 @@ import navigation from './navigation';
 import answers from './answers';
 import positions from './positions';
 import slide from './slide';
+import showQuitPopin from './quit-popin';
+import showCongrats from './show-congrats';
 export default combineReducers({
     currentSlideRef: currentSlideRef,
     navigation: navigation,
     answers: answers,
     slide: slide,
-    positions: positions
+    positions: positions,
+    showQuitPopin: showQuitPopin,
+    showCongrats: showCongrats
 });

package/lib/reducers/ui/navigation.js

@@ -25,5 +25,4 @@ state, action) {
             return state;
     }
 };
-// -----------------------------------------------------------------------------
 export default reducer;

package/lib/reducers/ui/positions.js

@@ -13,7 +13,9 @@ state, action) {
             return initialState;
         }
         case NEXT_SLIDE: {
-            var _a = action.payload, totalCorrectAnswers = _a.totalCorrectAnswers, answeredSlides = _a.answeredSlides, currentSlideRef_1 = _a.currentSlideRef, animationType = _a.animationType;
+            var _a = action.payload, totalCorrectAnswers = _a.totalCorrectAnswers, answeredSlides = _a.answeredSlides, currentSlideRef_1 = _a.currentSlideRef, animationType = _a.animationType, nextSlideRef = _a.nextSlideRef;
+            if (nextSlideRef === 'successExitNode')
+                return state;
             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);

package/lib/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/lib/reducers/ui/quit-popin.js

@@ -0,0 +1,17 @@
+import { CLOSE_POPIN, OPEN_POPIN } from '../../actions/ui/quit-popin';
+var reducer = function (
+// eslint-disable-next-line default-param-last
+state, action) {
+    if (state === void 0) { state = false; }
+    switch (action.type) {
+        case OPEN_POPIN: {
+            return true;
+        }
+        case CLOSE_POPIN: {
+            return false;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/lib/reducers/ui/show-congrats.d.ts

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

package/lib/reducers/ui/show-congrats.js

@@ -0,0 +1,21 @@
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+var reducer = function (
+// eslint-disable-next-line default-param-last
+state, action) {
+    if (state === void 0) { state = false; }
+    switch (action.type) {
+        case POST_PROGRESSION_SUCCESS: {
+            return false;
+        }
+        case NEXT_SLIDE: {
+            var nextSlideRef = action.payload.nextSlideRef;
+            if (nextSlideRef === 'successExitNode')
+                return true;
+            return false;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/lib/reducers/ui/slide.js

@@ -36,7 +36,10 @@ state, action) {
             return pipe(set([action.meta.slideRef, 'animateCorrectionPopin'], true), set([action.meta.slideRef, 'showCorrectionPopin'], true))(state);
         }
         case NEXT_SLIDE: {
-            return pipe(set([action.payload.currentSlideRef, 'animateCorrectionPopin'], false), set([action.payload.currentSlideRef, 'animationType'], action.payload.animationType))(state);
+            var _a = action.payload, currentSlideRef = _a.currentSlideRef, nextSlideRef = _a.nextSlideRef;
+            if (nextSlideRef === 'successExitNode')
+                return state;
+            return pipe(set([currentSlideRef, 'animateCorrectionPopin'], false), set([currentSlideRef, 'animationType'], action.payload.animationType))(state);
         }
         default:
             return state;

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

@@ -40,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;
@@ -47,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;
@@ -87,6 +104,7 @@ export declare type SlidesViewProps = {
             type: string;
         };
     };
+    quitPopin?: QuitPopinProps;
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];