@coorpacademy/app-review 0.3.2 → 0.3.4-alpha.5

package/es/reducers/data/corrections.js

@@ -7,12 +7,12 @@ state = initialState, action) => {
     switch (action.type) {
         case CORRECTION_FETCH_REQUEST: {
             const { meta } = action;
-            return set(meta.slideRef, null, state);
+            return set([meta.slideRef], null, state);
         }
         case CORRECTION_FETCH_SUCCESS: {
             const { meta } = action;
             const correction = action.payload;
-            return set(meta.slideRef, correction, state);
+            return set([meta.slideRef], correction, state);
         }
         default:
             return state;

package/es/reducers/index.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
     }>;
-}>, 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("./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>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
+import { NextSlide } 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) => UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlide) => UIAnswerState;
 export default reducer;

package/es/reducers/ui/answers.js

@@ -1,12 +1,24 @@
-import { includes, set, values } from 'lodash/fp';
-import { ANSWER_EDIT } from '../../actions/ui/answers';
-const ANSWER_EDIT_ACTIONS = values(ANSWER_EDIT);
+import { set } from 'lodash/fp';
+import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 export const initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
-    return includes(action.type, ANSWER_EDIT_ACTIONS)
-        ? set(action.meta.slideRef, action.payload, initialState)
-        : state;
+    switch (action.type) {
+        case EDIT_QCM:
+        case EDIT_QCM_GRAPHIC:
+        case EDIT_QCM_DRAG:
+        case EDIT_TEMPLATE:
+        case EDIT_BASIC:
+        case EDIT_SLIDER: {
+            return set([action.meta.slideRef], action.payload, initialState);
+        }
+        case NEXT_SLIDE: {
+            return set([action.payload.nextSlideRef], [], state);
+        }
+        default:
+            return state;
+    }
 };
 export default reducer;

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

@@ -13,5 +13,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     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/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>;
 export default _default;

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

@@ -2,12 +2,15 @@ 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 { SlideUIAnimations } from '../../types/slides';
 export declare type UISlide = {
     validateButton: boolean;
     animateCorrectionPopin: boolean;
     showCorrectionPopin: boolean;
+    animationType?: SlideUIAnimations;
 };
 export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlide) => UISlideState;
 export default reducer;

package/es/reducers/ui/slide.js

@@ -2,21 +2,23 @@ import compact from 'lodash/fp/compact';
 import isEmpty from 'lodash/fp/isEmpty';
 import pipe from 'lodash/fp/pipe';
 import set from 'lodash/fp/set';
+import unset from 'lodash/fp/unset';
 import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
 import { POST_ANSWER_REQUEST } from '../../actions/api/post-answer';
 import { CORRECTION_FETCH_SUCCESS } from '../../actions/api/fetch-correction';
 import { SLIDE_FETCH_REQUEST } from '../../actions/api/fetch-slide';
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 export const initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
     switch (action.type) {
         case SLIDE_FETCH_REQUEST: {
-            return set([action.meta.slideRef], {
+            return pipe(unset([action.meta.slideRef, 'animationType']), set([action.meta.slideRef], {
                 validateButton: false,
                 animateCorrectionPopin: false,
                 showCorrectionPopin: false
-            }, state);
+            }))(state);
         }
         case EDIT_QCM:
         case EDIT_QCM_GRAPHIC:
@@ -32,6 +34,9 @@ state = initialState, action) => {
         case CORRECTION_FETCH_SUCCESS: {
             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);
+        }
         default:
             return state;
     }

package/lib/reducers/data/corrections.js

@@ -8,12 +8,12 @@ state, action) {
     switch (action.type) {
         case CORRECTION_FETCH_REQUEST: {
             var meta = action.meta;
-            return set(meta.slideRef, null, state);
+            return set([meta.slideRef], null, state);
         }
         case CORRECTION_FETCH_SUCCESS: {
             var meta = action.meta;
             var correction = action.payload;
-            return set(meta.slideRef, correction, state);
+            return set([meta.slideRef], correction, state);
         }
         default:
             return state;

package/lib/reducers/index.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
     }>;
-}>, 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("./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>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
+import { NextSlide } 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) => UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlide) => UIAnswerState;
 export default reducer;

package/lib/reducers/ui/answers.js

@@ -1,13 +1,25 @@
-import { includes, set, values } from 'lodash/fp';
-import { ANSWER_EDIT } from '../../actions/ui/answers';
-var ANSWER_EDIT_ACTIONS = values(ANSWER_EDIT);
+import { set } from 'lodash/fp';
+import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 export var initialState = {};
 var reducer = function (
 // eslint-disable-next-line default-param-last
 state, action) {
     if (state === void 0) { state = initialState; }
-    return includes(action.type, ANSWER_EDIT_ACTIONS)
-        ? set(action.meta.slideRef, action.payload, initialState)
-        : state;
+    switch (action.type) {
+        case EDIT_QCM:
+        case EDIT_QCM_GRAPHIC:
+        case EDIT_QCM_DRAG:
+        case EDIT_TEMPLATE:
+        case EDIT_BASIC:
+        case EDIT_SLIDER: {
+            return set([action.meta.slideRef], action.payload, initialState);
+        }
+        case NEXT_SLIDE: {
+            return set([action.payload.nextSlideRef], [], state);
+        }
+        default:
+            return state;
+    }
 };
 export default reducer;

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

@@ -13,5 +13,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     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/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>;
 export default _default;

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

@@ -2,12 +2,15 @@ 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 { SlideUIAnimations } from '../../types/slides';
 export declare type UISlide = {
     validateButton: boolean;
     animateCorrectionPopin: boolean;
     showCorrectionPopin: boolean;
+    animationType?: SlideUIAnimations;
 };
 export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlide) => UISlideState;
 export default reducer;

package/lib/reducers/ui/slide.js

@@ -2,10 +2,12 @@ import compact from 'lodash/fp/compact';
 import isEmpty from 'lodash/fp/isEmpty';
 import pipe from 'lodash/fp/pipe';
 import set from 'lodash/fp/set';
+import unset from 'lodash/fp/unset';
 import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
 import { POST_ANSWER_REQUEST } from '../../actions/api/post-answer';
 import { CORRECTION_FETCH_SUCCESS } from '../../actions/api/fetch-correction';
 import { SLIDE_FETCH_REQUEST } from '../../actions/api/fetch-slide';
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 export var initialState = {};
 var reducer = function (
 // eslint-disable-next-line default-param-last
@@ -13,11 +15,11 @@ state, action) {
     if (state === void 0) { state = initialState; }
     switch (action.type) {
         case SLIDE_FETCH_REQUEST: {
-            return set([action.meta.slideRef], {
+            return pipe(unset([action.meta.slideRef, 'animationType']), set([action.meta.slideRef], {
                 validateButton: false,
                 animateCorrectionPopin: false,
                 showCorrectionPopin: false
-            }, state);
+            }))(state);
         }
         case EDIT_QCM:
         case EDIT_QCM_GRAPHIC:
@@ -33,6 +35,9 @@ state, action) {
         case CORRECTION_FETCH_SUCCESS: {
             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);
+        }
         default:
             return state;
     }

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.3.2",
+  "version": "0.3.4-alpha.5+61f74b9c6",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
   },
   "license": "UNLICENSED",
   "scripts": {
-    "start": "node commands/start.js",
-    "static": "node commands/build-static-webapp.js",
-    "poststatic": "cp -r public static",
+    "static": "webpack --progress --output-path static/dist",
+    "poststatic": "cp sandbox/index.html static/index.html",
+    "start": "cross-env BABEL_ENV=es webpack-dev-server --content-base sandbox --host 0.0.0.0 --history-api-fallback true --hot true",
     "prepare": "npm run clean && npm run build --production",
     "build:commonjs": "tsc -p tsconfig.lib.json",
     "build:es": "tsc -p tsconfig.es.json",
     "build": "concurrently \"npm run build:commonjs\" \"npm run build:es\"",
     "clean:commonjs": "rm -rf lib",
     "clean:es": "rm -rf es",
-    "clean": "concurrently \"npm run clean:commonjs\" \"npm run clean:es\"",
+    "clean:static": "rm -rf static",
+    "clean": "concurrently \"npm run clean:commonjs\" \"npm run clean:es\" \"npm run clean:static\"",
     "typecheck": "tsc --noEmit",
     "ava": "ava",
     "test:unit": "nyc npm run ava",
@@ -42,10 +43,10 @@
   },
   "dependencies": {
     "@coorpacademy/components": "10.23.1",
-    "@coorpacademy/redux-task": "^1.1.5",
+    "@coorpacademy/redux-task": "1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
-    "react-redux": "^8.0.1",
+    "react-redux": "7.2.8",
     "redux": "^4.2.0",
     "redux-thunk": "^2.4.1"
   },
@@ -56,27 +57,25 @@
   "devDependencies": {
     "@coorpacademy/css-modules-require-hook": "2.1.5",
     "@coorpacademy/eslint-plugin-coorpacademy": "^11.0.0",
+    "@coorpacademy/webpack-config": "10.0.4",
     "@testing-library/react": "^12.1.5",
     "@types/lodash": "^4.14.182",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.28.0",
     "ava": "^4.3.0",
     "browser-env": "^3.3.0",
-    "chalk": "^4.1.2",
     "concurrently": "^5.2.0",
-    "connect-history-api-fallback": "^1.6.0",
     "dotenv": "^16.0.1",
-    "esbuild": "^0.14.39",
-    "esbuild-css-modules-plugin": "https://github.com/chrisdugne/esbuild-css-modules-plugin#main",
-    "esbuild-plugin-svgr": "^1.0.1",
     "eslint": "^8.18.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "live-server": "^1.2.2",
     "nock": "^13.2.9",
-    "postcss-modules-values-replace": "^3.4.0",
     "react-dom": "^17.0.2",
+    "ts-loader": "^8.2.0",
     "ts-node": "^10.9.1",
-    "typescript": "^4.7.4"
+    "typescript": "^4.7.4",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.11.0"
   },
-  "gitHead": "3f9397043735ff77287b0cbe9cb6c92a1a49af95"
+  "gitHead": "61f74b9c65517172cad944c10392fd89913f0d6f"
 }

package/readme.md

@@ -14,7 +14,7 @@ npm start
 requirements:
 
 - [mooc](https://github.com/CoorpAcademy/coorpacademy) installed and running to expose a local API.
-- duplicated `.env.sample` to `.env` with a local token to access the mooc API.
+- copy and rename `.env.sample` to `.env` with a local token (`API_TEST_TOKEN`) to access the mooc API.
 
 ## developing views locally
 
@@ -51,14 +51,3 @@ npx ava --watch
 
 `react` must also be the same version on this package and the rootApp
 *(possible generic error Warning: Invalid hook call. [...] 3. You might have more than one copy of React in the same app)*
-
-### tmp notes
-
-export: <https://stackoverflow.com/a/70020984/959219>
-
-css modules:
-
-- <https://github.com/evanw/esbuild/issues/20>
-- <https://github.com/indooorsman/esbuild-css-modules-plugin/issues/35>
-- <https://github.com/princed/postcss-modules-values-replace>
-- <https://github.com/CoorpAcademy/coorpacademy-lambda/blob/master/teams/postcss.config.js#L4>

package/src/reducers/data/corrections.ts

@@ -21,12 +21,12 @@ const reducer = (
   switch (action.type) {
     case CORRECTION_FETCH_REQUEST: {
       const {meta} = action;
-      return set(meta.slideRef, null, state);
+      return set([meta.slideRef], null, state);
     }
     case CORRECTION_FETCH_SUCCESS: {
       const {meta} = action;
       const correction = action.payload;
-      return set(meta.slideRef, correction, state);
+      return set([meta.slideRef], correction, state);
     }
     default:
       return state;

package/src/reducers/ui/answers.ts

@@ -1,8 +1,16 @@
-import {includes, set, values} from 'lodash/fp';
-import {EditAnswerAction, ANSWER_EDIT} from '../../actions/ui/answers';
+import {set} from 'lodash/fp';
+import {
+  EditAnswerAction,
+  EDIT_BASIC,
+  EDIT_QCM,
+  EDIT_QCM_DRAG,
+  EDIT_QCM_GRAPHIC,
+  EDIT_SLIDER,
+  EDIT_TEMPLATE
+} from '../../actions/ui/answers';
+import {NextSlide, NEXT_SLIDE} from '../../actions/ui/next-slide';
 
 export type UISlideAnswer = string[];
-const ANSWER_EDIT_ACTIONS = values(ANSWER_EDIT);
 
 export type UIAnswerState = Record<string, UISlideAnswer>;
 
@@ -11,11 +19,23 @@ export const initialState: UIAnswerState = {};
 const reducer = (
   // eslint-disable-next-line default-param-last
   state: UIAnswerState = initialState,
-  action: EditAnswerAction
+  action: EditAnswerAction | NextSlide
 ): UIAnswerState => {
-  return includes(action.type, ANSWER_EDIT_ACTIONS)
-    ? set(action.meta.slideRef, action.payload, initialState)
-    : state;
+  switch (action.type) {
+    case EDIT_QCM:
+    case EDIT_QCM_GRAPHIC:
+    case EDIT_QCM_DRAG:
+    case EDIT_TEMPLATE:
+    case EDIT_BASIC:
+    case EDIT_SLIDER: {
+      return set([action.meta.slideRef], action.payload, initialState);
+    }
+    case NEXT_SLIDE: {
+      return set([action.payload.nextSlideRef], [], state);
+    }
+    default:
+      return state;
+  }
 };
 
 export default reducer;

package/src/reducers/ui/slide.ts

@@ -2,6 +2,7 @@ import compact from 'lodash/fp/compact';
 import isEmpty from 'lodash/fp/isEmpty';
 import pipe from 'lodash/fp/pipe';
 import set from 'lodash/fp/set';
+import unset from 'lodash/fp/unset';
 import {
   EditAnswerAction,
   EDIT_BASIC,
@@ -14,11 +15,14 @@ import {
 import {PostAnswerRequestAction, POST_ANSWER_REQUEST} from '../../actions/api/post-answer';
 import {ReceivedCorrection, CORRECTION_FETCH_SUCCESS} from '../../actions/api/fetch-correction';
 import {FetchSlide, SLIDE_FETCH_REQUEST} from '../../actions/api/fetch-slide';
+import {NextSlide, NEXT_SLIDE} from '../../actions/ui/next-slide';
+import {SlideUIAnimations} from '../../types/slides';
 
 export type UISlide = {
   validateButton: boolean;
   animateCorrectionPopin: boolean;
   showCorrectionPopin: boolean;
+  animationType?: SlideUIAnimations;
 };
 
 export type UISlideState = Record<string, UISlide>;
@@ -28,19 +32,18 @@ export const initialState: UISlideState = {};
 const reducer = (
   // eslint-disable-next-line default-param-last
   state: UISlideState = initialState,
-  action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection
+  action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlide
 ): UISlideState => {
   switch (action.type) {
     case SLIDE_FETCH_REQUEST: {
-      return set(
-        [action.meta.slideRef],
-        {
+      return pipe(
+        unset([action.meta.slideRef, 'animationType']),
+        set([action.meta.slideRef], {
           validateButton: false,
           animateCorrectionPopin: false,
           showCorrectionPopin: false
-        },
-        state
-      );
+        })
+      )(state);
     }
     case EDIT_QCM:
     case EDIT_QCM_GRAPHIC:
@@ -63,6 +66,12 @@ const reducer = (
         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);
+    }
     default:
       return state;
   }

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

@@ -7,6 +7,7 @@ import {qcmSlide} from '../../../views/slides/test/fixtures/qcm';
 import {qcmGraphicSlide} from '../../../views/slides/test/fixtures/qcm-graphic';
 import {sliderSlide} from '../../../views/slides/test/fixtures/slider';
 import {templateSlide} from '../../../views/slides/test/fixtures/template';
+import {NEXT_SLIDE} from '../../../actions/ui/next-slide';
 
 test('should have initial value', t => {
   const state = reducer(undefined, {} as EditAnswerAction);
@@ -84,3 +85,19 @@ test('should set the value of EDIT_TEMPLATE action', t => {
   );
   t.deepEqual(state, {[templateSlide.universalRef]: ['value1', 'value2']});
 });
+
+test('should set the next slide ref with an empty array if NEXT_SLIDE action is received', t => {
+  const state = reducer(
+    {'1234': ['Answer'], '5678': ['Other Answer']},
+    {
+      type: NEXT_SLIDE,
+      payload: {
+        currentSlideRef: '1234',
+        nextSlideRef: '5678',
+        animationType: 'unstack'
+      }
+    }
+  );
+  t.truthy(state);
+  t.deepEqual(state, {'1234': ['Answer'], '5678': []});
+});

package/src/reducers/ui/test/slide.test.ts

@@ -4,6 +4,7 @@ import {EDIT_BASIC} from '../../../actions/ui/answers';
 import {PostAnswerRequestAction, POST_ANSWER_REQUEST} from '../../../actions/api/post-answer';
 import {CORRECTION_FETCH_SUCCESS} from '../../../actions/api/fetch-correction';
 import {SLIDE_FETCH_REQUEST} from '../../../actions/api/fetch-slide';
+import {NEXT_SLIDE} from '../../../actions/ui/next-slide';
 
 test('should set validateButton, animateCorrectionPopin and showCorrectionPopin to false if SLIDE_FETCH_REQUEST is received', t => {
   const state = reducer(undefined, {
@@ -51,6 +52,35 @@ test('should set animateCorrectionPopin to true if CORRECTION_FETCH_SUCCESS is r
   t.deepEqual(state, {'1234': {animateCorrectionPopin: true, showCorrectionPopin: true}});
 });
 
+test('should set animateCorrectionPopin to false and animationType to unstack or restack if NEXT_SLIDE is received', t => {
+  const state = reducer(
+    {
+      '1234': {
+        validateButton: false,
+        animateCorrectionPopin: true,
+        showCorrectionPopin: true
+      }
+    },
+    {
+      type: NEXT_SLIDE,
+      payload: {
+        currentSlideRef: '1234',
+        nextSlideRef: '5678',
+        animationType: 'unstack'
+      }
+    }
+  );
+  t.truthy(state);
+  t.deepEqual(state, {
+    '1234': {
+      validateButton: false,
+      animateCorrectionPopin: false,
+      showCorrectionPopin: true,
+      animationType: 'unstack'
+    }
+  });
+});
+
 test('should return state directly when there is no corresponding action handler + have an initial state', t => {
   const state = reducer(undefined, {type: 'NOPE'} as unknown as PostAnswerRequestAction);
   t.deepEqual(state, initialState);

package/src/types/globals.d.ts

@@ -1,5 +1,4 @@
 declare module '*.css';
 declare module 'browser-env';
-declare module '@coorpacademy/components/es/template/app-review';
-declare module '@coorpacademy/components/es/template/app-review/template-context';
+declare module '@coorpacademy/components/es/*';
 declare module '@coorpacademy/redux-task';