@coorpacademy/app-review 0.2.8 → 0.2.9

package/lib/views/slides/test/index.test.js

@@ -1,14 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import test from 'ava';
 import identity from 'lodash/fp/identity';
 import omit from 'lodash/fp/omit';
 import set from 'lodash/fp/set';
-import { postProgressionResponse as createdProgression, postAnswerResponses, progressionSlideWithPendingSlide } from '../../../test/util/services.mock';
+import { postProgressionResponse as createdProgression, postAnswerResponses, progressionSlideWithPendingSlide, getChoicesCorrection, incorrectFreeTextPostAnswerResponse } from '../../../test/util/services.mock';
 import { mapStateToSlidesProps } from '..';
 import { freeTextSlide } from './fixtures/free-text';
 import { qcmGraphicSlide } from './fixtures/qcm-graphic';
 import { templateSlide } from './fixtures/template';
 import { qcmSlide } from './fixtures/qcm';
 import { sliderSlide } from './fixtures/slider';
+var popinPropsRightAnswer = {
+    resultLabel: '_right',
+    information: {
+        label: '_klf',
+        message: 'To negotiate your salary when being hired, you have to establish a benchmark beforehand. In other words, you should assess the salary to which you aspire by enquiring about the remuneration paid in the same industry, the same region and the same position.'
+    },
+    klf: undefined,
+    next: {
+        ariaLabel: '_correctionNextAriaLabel',
+        label: '_correctionNextLabel'
+    },
+    type: 'right'
+};
+var popinPropsWrongAnswer = __assign(__assign({}, popinPropsRightAnswer), { klf: {
+        label: '_klf',
+        tooltip: 'To negotiate your salary when being hired, you have to establish a benchmark beforehand. In other words, you should assess the salary to which you aspire by enquiring about the remuneration paid in the same industry, the same region and the same position.'
+    }, type: 'wrong', resultLabel: '_wrong', information: {
+        label: '_correctAnswer',
+        message: 'Benchmark'
+    } });
 test('should create initial props when fetched slide is not still received', function (t) {
     // SCENARIO : @@progression/POST_SUCCESS ok and @@slides/FETCH_REQUEST, (the slide is being fetched)
     var state = {
@@ -19,7 +50,8 @@ test('should create initial props when fetched slide is not still received', fun
                 sli_N1XACJobn: null
             },
             token: '1234',
-            corrections: {}
+            corrections: {},
+            rank: {}
         },
         ui: {
             currentSlideRef: '',
@@ -107,7 +139,8 @@ test('should create props when first slide is on the state', function (t) {
                 sli_VJYjJnJhg: freeTextSlide
             },
             token: '1234',
-            corrections: {}
+            corrections: {},
+            rank: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -158,6 +191,8 @@ test('should create props when first slide is on the state', function (t) {
         endReview: false
     });
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,
@@ -206,7 +241,8 @@ test('should create props when slide is on the state and user has selected answe
                 sli_VJYjJnJhg: freeTextSlide
             },
             token: '1234',
-            corrections: {}
+            corrections: {},
+            rank: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -257,6 +293,8 @@ test('should create props when slide is on the state and user has selected answe
         endReview: false
     });
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,
@@ -306,7 +344,8 @@ test('should verify props when first slide was answered correctly and next slide
                 sli_VkSQroQnx: null
             },
             token: '1234',
-            corrections: {}
+            corrections: {},
+            rank: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -357,6 +396,8 @@ test('should verify props when first slide was answered correctly and next slide
         endReview: false
     });
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,
@@ -406,7 +447,8 @@ test('should verify props when first slide was answered with error and next slid
                 sli_VkSQroQnx: null
             },
             token: '1234',
-            corrections: {}
+            corrections: {},
+            rank: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -453,7 +495,8 @@ test('should verify props when first slide was answered with error and next slid
         ]
     });
 });
-test('should verify props when first slide was answered and next slide is fecthed', function (t) {
+test('should verify props when first slide was answered, next slide is fetched & correction is fetched', function (t) {
+    var _a;
     // Scenario: after POST_ANSWER_SUCCESS and SLIDE_FETCH_SUCCESS for the nextContent.ref slide
     var state = {
         data: {
@@ -464,14 +507,19 @@ test('should verify props when first slide was answered and next slide is fecthe
                 sli_VkSQroQnx: qcmGraphicSlide
             },
             token: '1234',
-            corrections: {}
+            corrections: (_a = {},
+                _a[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
+                _a),
+            rank: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
             navigation: ['loader', 'slides'],
             answers: ['My value'],
             slide: {
-                validateButton: false
+                validateButton: false,
+                animateCorrectionPopin: true,
+                showCorrectionPopin: true
             }
         }
     };
@@ -510,11 +558,13 @@ test('should verify props when first slide was answered and next slide is fecthe
             }
         ]
     });
-    t.deepEqual(omit(['validateButton', 'slides'], props.stack), {
-        correctionPopinProps: undefined,
+    t.deepEqual(omit(['validateButton', 'slides', 'correctionPopinProps.klf.onClick'], props.stack), {
+        correctionPopinProps: popinPropsRightAnswer,
         endReview: false
     });
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: true,
+        showCorrectionPopin: true,
         hidden: false,
         position: 0,
         loading: false,
@@ -530,11 +580,13 @@ test('should verify props when first slide was answered and next slide is fecthe
         }
     });
     t.deepEqual(omit('answerUI', props.stack.slides['1']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 1,
         loading: false,
         parentContentTitle: 'From "Developing the review app" course',
-        questionText: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?'
+        questionText: 'Quels sont les 4 piliers de l’apprentissage ?'
     });
     t.is(props.stack.validateButton.disabled, true);
     t.deepEqual(omit(['0', '1'], props.stack.slides), {
@@ -555,7 +607,120 @@ test('should verify props when first slide was answered and next slide is fecthe
         }
     });
 });
-test('should verify props when currentSlideRef has changed to nextContent of progression after first asnwered question', function (t) {
+test('should verify props when first slide was answered incorrectly, next slide is fetched & correction is fetched', function (t) {
+    var _a;
+    // Scenario: after POST_ANSWER_SUCCESS and SLIDE_FETCH_SUCCESS for the nextContent.ref slide
+    var state = {
+        data: {
+            progression: incorrectFreeTextPostAnswerResponse,
+            skills: [],
+            slides: {
+                sli_VJYjJnJhg: freeTextSlide,
+                sli_VkSQroQnx: qcmGraphicSlide
+            },
+            token: '1234',
+            corrections: (_a = {},
+                _a[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id, true),
+                _a),
+            rank: {}
+        },
+        ui: {
+            currentSlideRef: 'sli_VJYjJnJhg',
+            navigation: ['loader', 'slides'],
+            answers: ['My value'],
+            slide: {
+                validateButton: false,
+                animateCorrectionPopin: true,
+                showCorrectionPopin: true
+            }
+        }
+    };
+    var props = mapStateToSlidesProps(state, identity);
+    t.is(props.congratsProps, undefined);
+    t.deepEqual(omit(['onQuitClick'], props.header), {
+        'aria-label': 'aria-header-wrapper',
+        closeButtonAriaLabel: 'aria-close-button',
+        mode: '__revision_mode',
+        skillName: '__agility',
+        steps: [
+            {
+                current: true,
+                icon: 'wrong',
+                value: '1'
+            },
+            {
+                current: false,
+                icon: 'no-answer',
+                value: '2'
+            },
+            {
+                current: false,
+                icon: 'no-answer',
+                value: '3'
+            },
+            {
+                current: false,
+                icon: 'no-answer',
+                value: '4'
+            },
+            {
+                current: false,
+                icon: 'no-answer',
+                value: '5'
+            }
+        ]
+    });
+    t.deepEqual(omit(['validateButton', 'slides', 'correctionPopinProps.klf.onClick'], props.stack), {
+        correctionPopinProps: popinPropsWrongAnswer,
+        endReview: false
+    });
+    t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: true,
+        showCorrectionPopin: true,
+        hidden: false,
+        position: 0,
+        loading: false,
+        parentContentTitle: 'From "Developing the review app" course',
+        questionText: 'Which term is used to describe the act of asking what the usual salary is for the position you are applying for?'
+    });
+    t.deepEqual(omit('model.onChange', props.stack.slides['0'].answerUI), {
+        help: 'Type your answer.',
+        model: {
+            placeholder: 'Type here',
+            type: 'freeText',
+            value: 'My value'
+        }
+    });
+    t.deepEqual(omit('answerUI', props.stack.slides['1']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
+        hidden: false,
+        position: 1,
+        loading: false,
+        parentContentTitle: 'From "Developing the review app" course',
+        questionText: 'Quels sont les 4 piliers de l’apprentissage ?'
+    });
+    t.is(props.stack.validateButton.disabled, true);
+    t.deepEqual(omit(['0', '1'], props.stack.slides), {
+        '2': {
+            hidden: false,
+            position: 2,
+            loading: true
+        },
+        '3': {
+            hidden: false,
+            position: 3,
+            loading: true
+        },
+        '4': {
+            hidden: false,
+            position: 4,
+            loading: true
+        }
+    });
+});
+test('should verify props when currentSlideRef has changed to nextContent of progression after first answered question', function (t) {
+    var _a;
     // state after click on NEXT_SLIDE
     var state = {
         data: {
@@ -566,7 +731,10 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
                 sli_VkSQroQnx: qcmGraphicSlide
             },
             token: '1234',
-            corrections: {}
+            corrections: (_a = {},
+                _a[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
+                _a),
+            rank: {}
         },
         ui: {
             currentSlideRef: 'sli_VkSQroQnx',
@@ -615,7 +783,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
     // TODO update test with props.stack validations when NEXT_SLIDE implemented
 });
 test('should verify props when progression is in success', function (t) {
-    var _a;
+    var _a, _b;
     // state after receive last POST_ANSWER_SUCCESS and before last NEXT_SLIDE
     var state = {
         data: {
@@ -629,7 +797,14 @@ test('should verify props when progression is in success', function (t) {
                 _a[templateSlide.universalRef] = templateSlide,
                 _a),
             token: '1234',
-            corrections: {}
+            corrections: (_b = {},
+                _b[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
+                _b[qcmGraphicSlide.universalRef] = getChoicesCorrection(qcmGraphicSlide._id),
+                _b[qcmSlide.universalRef] = getChoicesCorrection(qcmSlide._id),
+                _b[sliderSlide.universalRef] = getChoicesCorrection(sliderSlide._id),
+                _b[templateSlide.universalRef] = getChoicesCorrection(templateSlide._id),
+                _b),
+            rank: {}
         },
         ui: {
             currentSlideRef: templateSlide.universalRef,
@@ -677,8 +852,8 @@ test('should verify props when progression is in success', function (t) {
     });
     // TODO update test with props.stack validations when NEXT_SLIDE implemented
 });
-test('should verify props when progression has answered a current pendingslide', function (t) {
-    var _a;
+test('should verify props when progression has answered a current pendingSlide', function (t) {
+    var _a, _b;
     // Scenario, freeTextSlide and qcmSlide are pending slides, freeTextSlide was answered correctly, qcmSlide remains but not yet the currentSlideRef
     var state = {
         data: {
@@ -692,7 +867,14 @@ test('should verify props when progression has answered a current pendingslide',
                 _a[templateSlide.universalRef] = templateSlide,
                 _a),
             token: '1234',
-            corrections: {}
+            corrections: (_b = {},
+                _b[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
+                _b[qcmGraphicSlide.universalRef] = getChoicesCorrection(qcmGraphicSlide._id),
+                _b[qcmSlide.universalRef] = getChoicesCorrection(qcmSlide._id, true),
+                _b[sliderSlide.universalRef] = getChoicesCorrection(sliderSlide._id),
+                _b[templateSlide.universalRef] = getChoicesCorrection(templateSlide._id),
+                _b),
+            rank: {}
         },
         ui: {
             currentSlideRef: freeTextSlide.universalRef,
@@ -738,8 +920,8 @@ test('should verify props when progression has answered a current pendingslide',
         ]
     });
 });
-test('should verify props when progression has still pendingslide', function (t) {
-    var _a;
+test('should verify props when progression still has a pendingSlide', function (t) {
+    var _a, _b;
     // Scenario, freeTextSlide and qcmSlide are pending slides, freeTextSlide was answered correctly, qcmSlide remains and it is the currentSlideRef
     var state = {
         data: {
@@ -753,7 +935,14 @@ test('should verify props when progression has still pendingslide', function (t)
                 _a[templateSlide.universalRef] = templateSlide,
                 _a),
             token: '1234',
-            corrections: {}
+            corrections: (_b = {},
+                _b[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
+                _b[qcmGraphicSlide.universalRef] = getChoicesCorrection(qcmGraphicSlide._id),
+                _b[qcmSlide.universalRef] = getChoicesCorrection(qcmSlide._id, true),
+                _b[sliderSlide.universalRef] = getChoicesCorrection(sliderSlide._id),
+                _b[templateSlide.universalRef] = getChoicesCorrection(templateSlide._id),
+                _b),
+            rank: {}
         },
         ui: {
             currentSlideRef: qcmSlide.universalRef,

package/lib/views/slides/test/slide.free-text.on-change.test.js

@@ -36,7 +36,8 @@ var initialState = {
             _a),
         skills: [],
         token: '1234',
-        corrections: {}
+        corrections: {},
+        rank: {}
     },
     ui: {
         currentSlideRef: freeTextSlide._id,
@@ -59,6 +60,8 @@ test('should dispatch EDIT_BASIC action via the property onChange of a Free Text
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
     var props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,

package/lib/views/slides/test/slide.qcm-drag.on-click.test.js

@@ -36,7 +36,8 @@ var initialState = {
             _a),
         skills: [],
         token: '1234',
-        corrections: {}
+        corrections: {},
+        rank: {}
     },
     ui: {
         currentSlideRef: qcmDragSlide._id,
@@ -59,6 +60,8 @@ test('should dispatch EDIT_QCM_DRAG action via the property onClick of a QCM Dra
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
     var props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,

package/lib/views/slides/test/slide.qcm-graphic.on-click.test.js

@@ -36,7 +36,8 @@ var initialState = {
             _a),
         skills: [],
         token: '1234',
-        corrections: {}
+        corrections: {},
+        rank: {}
     },
     ui: {
         currentSlideRef: qcmGraphicSlide._id,
@@ -53,17 +54,19 @@ test('should dispatch EDIT_QCM_GRAPHIC action via the property onClick of a QCM
     var expectedActions = [
         {
             type: EDIT_QCM_GRAPHIC,
-            payload: ['Faux']
+            payload: ['Le retour d’information']
         }
     ];
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
     var props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,
         parentContentTitle: 'From "Developing the review app" course',
-        questionText: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?'
+        questionText: 'Quels sont les 4 piliers de l’apprentissage ?'
     });
     var SlideProps = (_a = props.stack.slides['0'].answerUI) === null || _a === void 0 ? void 0 : _a.model;
     var onClick = get(['1', 'onClick'], SlideProps.answers);

package/lib/views/slides/test/slide.qcm.on-click.test.js

@@ -36,7 +36,8 @@ var initialState = {
             _a),
         skills: [],
         token: '1234',
-        corrections: {}
+        corrections: {},
+        rank: {}
     },
     ui: {
         currentSlideRef: qcmSlide._id,
@@ -61,6 +62,8 @@ test('should dispatch EDIT_QCM action via the property onClick of a QCM slide',
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
     var props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,

package/lib/views/slides/test/slide.slider.on-change.test.js

@@ -36,7 +36,8 @@ var initialState = {
             _a),
         skills: [],
         token: '1234',
-        corrections: {}
+        corrections: {},
+        rank: {}
     },
     ui: {
         currentSlideRef: sliderSlide._id,
@@ -59,6 +60,8 @@ test('should dispatch EDIT_SLIDER action via the property onChange of a Slider s
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
     var props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,

package/lib/views/slides/test/slide.template.on-change.test.js

@@ -36,7 +36,8 @@ var initialState = {
             _a),
         skills: [],
         token: '1234',
-        corrections: {}
+        corrections: {},
+        rank: {}
     },
     ui: {
         currentSlideRef: templateSlide._id,
@@ -54,6 +55,8 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
     var props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,
@@ -71,6 +74,8 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
     var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
     var props = mapStateToSlidesProps(getState(), dispatch);
     t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        animateCorrectionPopin: false,
+        showCorrectionPopin: false,
         hidden: false,
         position: 0,
         loading: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -41,7 +41,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.22.23",
+    "@coorpacademy/components": "10.22.24",
     "@coorpacademy/redux-task": "^1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
@@ -78,5 +78,5 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "31b40916b16bd71f9e2717ef10fdb00f4404f5c4"
+  "gitHead": "3b2b9c0d9d47e93f89c09351c1f79a20c07cefc3"
 }

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

@@ -0,0 +1,84 @@
+import buildTask from '@coorpacademy/redux-task';
+import get from 'lodash/fp/get';
+import type {Dispatch} from 'redux';
+import type {StoreState} from '../../reducers';
+import type {Rank, Services, Options} from '../../types/common';
+
+export const RANK_FETCH_START_REQUEST = '@@rank/FETCH_START_REQUEST' as const;
+export const RANK_FETCH_START_SUCCESS = '@@rank/FETCH_START_SUCCESS' as const;
+export const RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE' as const;
+
+export const RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST' as const;
+export const RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS' as const;
+export const RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE' as const;
+
+type RankFetchStartRequestType = typeof RANK_FETCH_START_REQUEST;
+type RankFetchStartSuccessType = typeof RANK_FETCH_START_SUCCESS;
+type RankFetchStartFailureType = typeof RANK_FETCH_START_FAILURE;
+type RankFetchEndRequestType = typeof RANK_FETCH_END_REQUEST;
+type RankFetchEndSuccessType = typeof RANK_FETCH_END_SUCCESS;
+type RankFetchEndFailureType = typeof RANK_FETCH_END_FAILURE;
+
+export type RankRequestAction = {
+  type: RankFetchStartRequestType | RankFetchEndRequestType;
+};
+
+export type RankSuccessAction = {
+  type: RankFetchStartSuccessType | RankFetchEndSuccessType;
+  payload: Rank;
+};
+
+export type RankFailureAction = {
+  type: RankFetchStartFailureType | RankFetchEndFailureType;
+};
+
+export type RankAction = RankRequestAction | RankSuccessAction | RankFailureAction;
+
+type RankStart = [RankFetchStartRequestType, RankFetchStartSuccessType, RankFetchStartFailureType];
+type RankEnd = [RankFetchEndRequestType, RankFetchEndSuccessType, RankFetchEndFailureType];
+
+export const fetchRank = (
+  dispatch: Dispatch,
+  getState: () => StoreState,
+  services: Services,
+  types: RankStart | RankEnd,
+  path?: string
+): RankAction => {
+  const action = buildTask({
+    types,
+    task: () => {
+      const state = getState();
+      const token = get(['data', 'token'], state);
+      return services.fetchRank(token);
+    },
+    bailout: path ? (state: StoreState): boolean => !!get(path, state) : undefined
+  });
+
+  return dispatch(action);
+};
+
+export const fetchStartRank = (
+  dispatch: Dispatch,
+  getState: () => StoreState,
+  {services}: Options
+): RankAction => {
+  return fetchRank(
+    dispatch,
+    getState,
+    services,
+    [RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS, RANK_FETCH_START_FAILURE],
+    'data.rank.start'
+  );
+};
+
+export const fetchEndRank = (
+  dispatch: Dispatch,
+  getState: () => StoreState,
+  {services}: Options
+): RankAction => {
+  return fetchRank(dispatch, getState, services, [
+    RANK_FETCH_END_REQUEST,
+    RANK_FETCH_END_SUCCESS,
+    RANK_FETCH_END_FAILURE
+  ]);
+};

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

@@ -29,7 +29,8 @@ const initialState: StoreState = {
     },
     skills: [{skillRef, custom: false, name: skillRef, slidesToReview: 5}],
     token: '1234',
-    corrections: {}
+    corrections: {},
+    rank: {}
   },
   ui: {
     currentSlideRef: freeTextSlide._id,