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

package/es/reducers/index.d.ts

@@ -19,11 +19,6 @@ 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;
     }>;
-}>, 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";
-}>;
+}>, 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/index.d.ts

@@ -3,14 +3,12 @@ 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;
@@ -18,10 +16,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     answers: UIAnswerState;
     slide: UISlideState;
     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";
-}>;
+}>, 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

@@ -4,12 +4,10 @@ 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,
-    positions,
-    showQuitPopin
+    positions
 });

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

@@ -40,15 +40,6 @@ 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;
@@ -56,14 +47,6 @@ 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;
@@ -104,7 +87,6 @@ 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,7 +6,6 @@ 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';
@@ -169,42 +168,16 @@ 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: () => dispatch(openQuitPopin),
+            onQuitClick,
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
             steps: buildStepItems(state)
@@ -221,7 +194,6 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
             correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
             endReview: false
         },
-        congrats: undefined,
-        quitPopin: showQuitPopin === true ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
+        congrats: undefined
     };
 };

package/lib/reducers/index.d.ts

@@ -19,11 +19,6 @@ 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;
     }>;
-}>, 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";
-}>;
+}>, 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/index.d.ts

@@ -3,14 +3,12 @@ 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;
@@ -18,10 +16,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     answers: UIAnswerState;
     slide: UISlideState;
     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";
-}>;
+}>, 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

@@ -4,12 +4,10 @@ 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: currentSlideRef,
     navigation: navigation,
     answers: answers,
     slide: slide,
-    positions: positions,
-    showQuitPopin: showQuitPopin
+    positions: positions
 });

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

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

package/lib/views/slides/index.js

@@ -17,7 +17,6 @@ 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';
@@ -165,44 +164,16 @@ var getCorrectionPopinProps = function (dispatch) {
         };
     };
 };
-var buildQuitPopinProps = function (dispatch) {
-    return function (onQuitClick) {
-        return {
-            content: "Tu t'en vas d\u00E9j\u00E0 ?",
-            icon: "MoonRocket",
-            mode: 'alert',
-            descriptionText: "Tu vas t'en sortir ! Si tu arr\u00EAtes 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: function () {
-                    dispatch(closeQuitPopin);
-                },
-                ariaLabel: 'Continue review'
-            }
-        };
-    };
-};
 export var mapStateToSlidesProps = function (state, dispatch, onQuitClick) {
     var currentSlideRef = get(['ui', 'currentSlideRef'], state);
     var correction = get(['data', 'corrections', currentSlideRef], state);
     var isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
     var klf = getOr('', ['data', 'slides', currentSlideRef, 'klf'], state);
-    var showQuitPopin = get(['ui', 'showQuitPopin'], state);
     return {
         header: {
             mode: '__revision_mode',
             skillName: '__agility',
-            onQuitClick: function () { return dispatch(openQuitPopin); },
+            onQuitClick: onQuitClick,
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
             steps: buildStepItems(state)
@@ -219,7 +190,6 @@ export var mapStateToSlidesProps = function (state, dispatch, onQuitClick) {
             correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
             endReview: false
         },
-        congrats: undefined,
-        quitPopin: showQuitPopin === true ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
+        congrats: undefined
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.5.1-alpha.26+f825a15a6",
+  "version": "0.5.1",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -43,8 +43,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.23.8",
-    "@coorpacademy/redux-task": "1.1.5",
+    "@coorpacademy/components": "10.24.0",
+    "@coorpacademy/redux-task": "^1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^7.2.9",
@@ -58,7 +58,7 @@
   "devDependencies": {
     "@coorpacademy/css-modules-require-hook": "2.1.5",
     "@coorpacademy/eslint-plugin-coorpacademy": "^11.0.0",
-    "@coorpacademy/webpack-config": "10.0.4",
+    "@coorpacademy/webpack-config": "10.0.5",
     "@testing-library/react": "^12.1.5",
     "@types/lodash": "^4.14.182",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
@@ -77,5 +77,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "f825a15a6a6ff42539c9f4848db71ea526cad455"
+  "gitHead": "abad47a390275389da6de707a0473141eab843ac"
 }

package/src/actions/api/test/fetch-correction.test.ts

@@ -43,8 +43,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/src/actions/api/test/fetch-rank.test.ts

@@ -28,8 +28,7 @@ const initialState: StoreState = {
     currentSlideRef: '',
     navigation: [],
     answers: {},
-    slide: {},
-    showQuitPopin: false
+    slide: {}
   }
 };
 

package/src/actions/api/test/fetch-skills.test.ts

@@ -24,8 +24,7 @@ const initialState: StoreState = {
     currentSlideRef: '',
     navigation: [],
     answers: {},
-    slide: {},
-    showQuitPopin: false
+    slide: {}
   }
 };
 

package/src/actions/api/test/fetch-slide.test.ts

@@ -26,8 +26,7 @@ const initialState: StoreState = {
     currentSlideRef: '',
     navigation: [],
     answers: {},
-    slide: {},
-    showQuitPopin: false
+    slide: {}
   }
 };
 

package/src/actions/api/test/post-answer.test.ts

@@ -75,8 +75,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 
@@ -178,8 +177,7 @@ test('should dispatch post-answer, fetch-correction and fetch-end-rank actions w
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 

package/src/actions/api/test/post-progression.test.ts

@@ -27,8 +27,7 @@ const initialState: StoreState = {
     currentSlideRef: '',
     navigation: [],
     answers: {},
-    slide: {},
-    showQuitPopin: false
+    slide: {}
   }
 };
 

package/src/actions/data/test/token.test.ts

@@ -18,8 +18,7 @@ const initialState: StoreState = {
     currentSlideRef: '',
     navigation: [],
     answers: {},
-    slide: {},
-    showQuitPopin: false
+    slide: {}
   }
 };
 

package/src/actions/ui/test/answers.test.ts

@@ -53,8 +53,7 @@ const initialState: StoreState = {
     currentSlideRef: '',
     navigation: [],
     answers: {},
-    slide: {},
-    showQuitPopin: false
+    slide: {}
   }
 };
 

package/src/actions/ui/test/next-slide.test.ts

@@ -41,8 +41,7 @@ const state: StoreState = {
         animateCorrectionPopin: true,
         showCorrectionPopin: true
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is correct', t => {

package/src/actions/ui/test/slides.test.ts

@@ -19,8 +19,7 @@ const initialState: StoreState = {
     navigation: [],
     positions: [0, 1, 2, 3, 4],
     answers: {},
-    slide: {},
-    showQuitPopin: false
+    slide: {}
   }
 };
 

package/src/reducers/ui/index.ts

@@ -5,7 +5,6 @@ import navigation, {NavigationState} from './navigation';
 import answers, {UIAnswerState} from './answers';
 import positions, {UIPositionState} from './positions';
 import slide, {UISlideState} from './slide';
-import showQuitPopin, {type ShowQuitPopinState} from './quit-popin';
 
 export type UIState = {
   currentSlideRef: CurrentSlideRefState;
@@ -13,7 +12,6 @@ export type UIState = {
   answers: UIAnswerState;
   slide: UISlideState;
   positions: UIPositionState;
-  showQuitPopin: ShowQuitPopinState;
 };
 
 export default combineReducers({
@@ -21,6 +19,5 @@ export default combineReducers({
   navigation,
   answers,
   slide,
-  positions,
-  showQuitPopin
+  positions
 });

package/src/views/skills/test/skills.test.ts

@@ -19,8 +19,7 @@ test('should create initial props when there are no skills on the state', t => {
       positions: [0, 1, 2, 3, 4],
       navigation: ['loader', 'skills'],
       answers: {},
-      slide: {},
-      showQuitPopin: false
+      slide: {}
     }
   };
 
@@ -65,8 +64,7 @@ test('should create initial props when skills on the state', t => {
       positions: [0, 1, 2, 3, 4],
       navigation: ['loader', 'skills'],
       answers: {},
-      slide: {},
-      showQuitPopin: false
+      slide: {}
     }
   };
 

package/src/views/slides/index.ts

@@ -7,7 +7,6 @@ import set from 'lodash/fp/set';
 import toInteger from 'lodash/fp/toInteger';
 import type {Dispatch} from 'redux';
 import join from 'lodash/fp/join';
-import {closeQuitPopin, openQuitPopin} from '../../actions/ui/quit-popin';
 import type {ProgressionAnswerItem} from '../../types/common';
 import {getProgressionSlidesRefs, type SlideIndexes} from '../../common';
 import type {StoreState} from '../../reducers';
@@ -63,16 +62,6 @@ type CorrectionPopinNext = {
   onClick: Function;
 };
 
-type QuitPopinButton = {
-  label: string;
-  type: string;
-  customStyle?: {
-    color: string;
-  };
-  handleOnclick: Function;
-  ariaLabel: string;
-};
-
 export type CorrectionPopinProps = {
   klf?: CorrectionPopinKlf;
   information: CorrectionPopinInformation;
@@ -81,15 +70,6 @@ export type CorrectionPopinProps = {
   type: 'right' | 'wrong';
 };
 
-export type QuitPopinProps = {
-  content: string;
-  icon: string;
-  mode: string;
-  descriptionText: string;
-  firstButton: QuitPopinButton;
-  secondButton: QuitPopinButton;
-};
-
 export type SlidesViewProps = {
   header: {
     mode: string;
@@ -130,7 +110,6 @@ export type SlidesViewProps = {
       type: string;
     };
   };
-  quitPopin?: QuitPopinProps;
 };
 
 // TODO replace this, position no more needed
@@ -314,33 +293,6 @@ const getCorrectionPopinProps =
     };
   };
 
-const buildQuitPopinProps =
-  (dispatch: Dispatch) =>
-  (onQuitClick: Function): QuitPopinProps => {
-    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: (): void => {
-          dispatch(closeQuitPopin);
-        },
-        ariaLabel: 'Continue review'
-      }
-    };
-  };
 export const mapStateToSlidesProps = (
   state: StoreState,
   dispatch: Dispatch,
@@ -350,12 +302,12 @@ export const mapStateToSlidesProps = (
   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: () => dispatch(openQuitPopin),
+      onQuitClick,
       'aria-label': 'aria-header-wrapper',
       closeButtonAriaLabel: 'aria-close-button',
       steps: buildStepItems(state)
@@ -373,7 +325,6 @@ export const mapStateToSlidesProps = (
         correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
       endReview: false
     },
-    congrats: undefined,
-    quitPopin: showQuitPopin === true ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
+    congrats: undefined
   };
 };

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

@@ -42,8 +42,7 @@ test('should create initial props when fetched slide is not still received', t =
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -134,8 +133,7 @@ test('should create props when first slide is on the state', t => {
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -241,8 +239,7 @@ test('should create props when slide is on the state and user has selected answe
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -354,8 +351,7 @@ test('should verify props when first slide was answered correctly and next slide
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -471,8 +467,7 @@ test('should verify props when first slide was answered with error and next slid
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -545,8 +540,7 @@ test('should verify props when first slide was answered, next slide is fetched &
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -676,8 +670,7 @@ test('should verify props when first slide was answered incorrectly, next slide
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -814,8 +807,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -946,8 +938,7 @@ test('should verify props when progression is in success', t => {
           animateCorrectionPopin: true,
           showCorrectionPopin: true
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -1054,8 +1045,7 @@ test('should verify props when progression has answered a current pendingSlide',
           showCorrectionPopin: false,
           animationType: 'unstack'
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -1159,8 +1149,7 @@ test('should verify props when progression still has a pendingSlide', t => {
           showCorrectionPopin: false,
           animationType: 'unstack'
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 
@@ -1199,34 +1188,3 @@ test('should verify props when progression still has a pendingSlide', t => {
     ]
   });
 });
-
-test('should verify that props quitPopin is not undefined when popin is displayed', t => {
-  const state: StoreState = {
-    data: {
-      progression: createdProgression,
-      skills: [],
-      slides: {
-        sli_N1XACJobn: null
-      },
-      token: '1234',
-      corrections: {},
-      rank: {}
-    },
-    ui: {
-      currentSlideRef: '',
-      navigation: ['loader', 'slides'],
-      answers: {},
-      positions: [0, 1, 2, 3, 4],
-      slide: {
-        sli_N1XACJobn: {
-          validateButton: false,
-          animateCorrectionPopin: false,
-          showCorrectionPopin: false
-        }
-      },
-      showQuitPopin: true
-    }
-  };
-  const props = mapStateToSlidesProps(state, identity, identity);
-  t.not(props.quitPopin, undefined);
-});

package/src/views/slides/test/slide.free-text.on-change.test.ts

@@ -66,8 +66,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/src/views/slides/test/slide.next-slide.on-click.test.ts

@@ -43,8 +43,7 @@ test('correction popin actions after click', async t => {
           animateCorrectionPopin: false,
           showCorrectionPopin: false
         }
-      },
-      showQuitPopin: false
+      }
     }
   };
 

package/src/views/slides/test/slide.qcm-drag.on-click.test.ts

@@ -55,8 +55,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/src/views/slides/test/slide.qcm-graphic.on-click.test.ts

@@ -55,8 +55,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/src/views/slides/test/slide.qcm.on-click.test.ts

@@ -55,8 +55,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/src/views/slides/test/slide.slider.on-change.test.ts

@@ -55,8 +55,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/src/views/slides/test/slide.slider.on-slider-change.test.ts

@@ -55,8 +55,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/src/views/slides/test/slide.template.on-change.test.ts

@@ -56,8 +56,7 @@ const initialState: StoreState = {
         animateCorrectionPopin: false,
         showCorrectionPopin: false
       }
-    },
-    showQuitPopin: false
+    }
   }
 };
 

package/es/actions/ui/quit-popin.d.ts

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

@@ -1,8 +0,0 @@
-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/ui/quit-popin.d.ts

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

@@ -1,16 +0,0 @@
-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/lib/actions/ui/quit-popin.d.ts

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

@@ -1,8 +0,0 @@
-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/ui/quit-popin.d.ts

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

@@ -1,17 +0,0 @@
-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/src/actions/ui/quit-popin.ts

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

package/src/actions/ui/test/quit-popin.test.ts

@@ -1,38 +0,0 @@
-import test from 'ava';
-import {createTestStore} from '../../test/create-test-store';
-import type {StoreState} from '../../../reducers';
-import {closeQuitPopin, CLOSE_POPIN, openQuitPopin, OPEN_POPIN} from '../quit-popin';
-import {services} from '../../../test/util/services.mock';
-
-const initialState: StoreState = {
-  data: {
-    progression: null,
-    slides: {},
-    skills: [],
-    token: '1234',
-    corrections: {},
-    rank: {}
-  },
-  ui: {
-    currentSlideRef: '',
-    navigation: [],
-    answers: {},
-    slide: {},
-    positions: [],
-    showQuitPopin: false
-  }
-};
-
-test('should dispatch OPEN_POPIN when openQuitPopin action is called', async t => {
-  const expectedAction = [{type: OPEN_POPIN}];
-
-  const {dispatch} = createTestStore(t, initialState, services, expectedAction);
-  await dispatch(openQuitPopin);
-});
-
-test('should dispatch CLOSE_POPIN when closeQuitPopin action is called', async t => {
-  const expectedAction = [{type: CLOSE_POPIN}];
-
-  const {dispatch} = createTestStore(t, initialState, services, expectedAction);
-  await dispatch(closeQuitPopin);
-});

package/src/reducers/ui/quit-popin.ts

@@ -1,22 +0,0 @@
-import {closeQuitPopin, CLOSE_POPIN, openQuitPopin, OPEN_POPIN} from '../../actions/ui/quit-popin';
-
-export type ShowQuitPopinState = boolean;
-
-const reducer = (
-  // eslint-disable-next-line default-param-last
-  state: ShowQuitPopinState = false,
-  action: typeof openQuitPopin | typeof closeQuitPopin
-): ShowQuitPopinState => {
-  switch (action.type) {
-    case OPEN_POPIN: {
-      return true;
-    }
-    case CLOSE_POPIN: {
-      return false;
-    }
-    default:
-      return state;
-  }
-};
-
-export default reducer;

package/src/reducers/ui/test/quit-popin.test.ts

@@ -1,24 +0,0 @@
-import test from 'ava';
-import {CLOSE_POPIN, OPEN_POPIN} from '../../../actions/ui/quit-popin';
-import reducer from '../quit-popin';
-
-test('should have showQuitPopin intial value to false', t => {
-  const state = reducer(undefined, {
-    type: '@@ui/CLOSE_POPIN'
-  });
-  t.is(state, false);
-});
-
-test('should set showQuitPopin to true if OPEN_POPIN is received', t => {
-  const state = reducer(false, {
-    type: OPEN_POPIN
-  });
-  t.is(state, true);
-});
-
-test('should set showQuitPopin to false if CLOSE_POPIN is received', t => {
-  const state = reducer(true, {
-    type: CLOSE_POPIN
-  });
-  t.is(state, false);
-});

package/src/views/slides/test/header.on-click.test.ts

@@ -1,42 +0,0 @@
-import test from 'ava';
-import identity from 'lodash/fp/identity';
-import {createTestStore} from '../../../actions/test/create-test-store';
-import {incorrectFreeTextPostAnswerResponse, services} from '../../../test/util/services.mock';
-import {StoreState} from '../../../reducers';
-import {OPEN_POPIN} from '../../../actions/ui/quit-popin';
-import {mapStateToSlidesProps} from '..';
-
-const state: StoreState = {
-  data: {
-    progression: incorrectFreeTextPostAnswerResponse,
-    skills: [],
-    slides: {
-      sli_N1XACJobn: null
-    },
-    token: '1234',
-    corrections: {},
-    rank: {}
-  },
-  ui: {
-    currentSlideRef: '',
-    navigation: ['loader', 'slides'],
-    answers: {},
-    positions: [0, 1, 2, 3, 4],
-    slide: {
-      sli_N1XACJobn: {
-        validateButton: false,
-        animateCorrectionPopin: false,
-        showCorrectionPopin: false
-      }
-    },
-    showQuitPopin: false
-  }
-};
-
-test('should dispatch OPEN_POPIN action after a click on close button in header', async t => {
-  const expectedAction = [{type: OPEN_POPIN}];
-  const {dispatch, getState} = createTestStore(t, state, services, expectedAction);
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
-  await props.header.onQuitClick();
-  t.pass();
-});

package/src/views/slides/test/on-quit-popin.on-click.test.ts

@@ -1,64 +0,0 @@
-import test from 'ava';
-import identity from 'lodash/fp/identity';
-import {createTestStore} from '../../../actions/test/create-test-store';
-import {CLOSE_POPIN} from '../../../actions/ui/quit-popin';
-import {incorrectFreeTextPostAnswerResponse, services} from '../../../test/util/services.mock';
-import {StoreState} from '../../../reducers';
-import {mapStateToSlidesProps, QuitPopinProps} from '..';
-import {freeTextSlide} from './fixtures/free-text';
-import {qcmGraphicSlide} from './fixtures/qcm-graphic';
-
-const state: StoreState = {
-  data: {
-    progression: incorrectFreeTextPostAnswerResponse,
-    skills: [],
-    slides: {
-      sli_VJYjJnJhg: freeTextSlide,
-      sli_VkSQroQnx: qcmGraphicSlide
-    },
-    token: '1234',
-    corrections: {},
-    rank: {}
-  },
-  ui: {
-    currentSlideRef: 'sli_VJYjJnJhg',
-    navigation: ['loader', 'slides'],
-    answers: {sli_VJYjJnJhg: ['My value']},
-    positions: [0, 1, 2, 3, 4],
-    slide: {
-      sli_VJYjJnJhg: {
-        validateButton: false,
-        animateCorrectionPopin: true,
-        showCorrectionPopin: true
-      },
-      sli_VkSQroQnx: {
-        validateButton: false,
-        animateCorrectionPopin: false,
-        showCorrectionPopin: false
-      }
-    },
-    showQuitPopin: true
-  }
-};
-
-test('should dispatch CLOSE_POPIN action via the property handleOnclick of secondButton when popin is open', async t => {
-  const expectedAction = [{type: CLOSE_POPIN}];
-  const {dispatch, getState} = createTestStore(t, state, services, expectedAction);
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
-  const quitPopin = props.quitPopin as QuitPopinProps;
-  await quitPopin.secondButton.handleOnclick();
-  const updatedState = getState();
-  t.is(updatedState.ui.showQuitPopin, false);
-  t.pass();
-});
-
-test('should dispatch onQuitClick function via the property handleOnclick of firstButton when popin is open', async t => {
-  t.plan(2);
-
-  const expectedAction = [{type: CLOSE_POPIN}];
-  const {dispatch, getState} = createTestStore(t, state, services, expectedAction);
-  const props = mapStateToSlidesProps(getState(), dispatch, () => t.pass());
-  const quitPopin = props.quitPopin as QuitPopinProps;
-  await quitPopin.firstButton.handleOnclick();
-  t.pass();
-});