@coorpacademy/app-review 0.1.15 → 0.1.17

package/es/views/slides/test/fixtures/slider.js

@@ -0,0 +1,36 @@
+import noop from 'lodash/fp/noop';
+export const sliderSlide = {
+    question: {
+        content: {
+            min: 1,
+            max: 15,
+            unitLabel: 'an(s)'
+        },
+        type: 'slider',
+        header: 'En combien d’années la communauté de communes du Thouarsais est-elle passée de zéro à un tiers d’énergies renouvelables ?',
+        explanation: 'Déplacez le curseur.'
+    },
+    klf: 'Dans le cadre d’un projet local, la communauté de communes du Thouarsais, dans le Poitou (ouest de la France), a développé un parc diversifié d’énergies renouvelables : éolien, biomasse, solaire… En sept ans seulement, entre 2007 et 2014, la part d’énergies renouvelables est passée de zéro à un tiers !',
+    tips: 'En 2014, le Thouarsais a reçu la médaille de bronze du championnat européen des énergies renouvelables.',
+    universalRef: 'sli_VkAzsCLKb',
+    id: 'sli_VkAzsCLKb',
+    parentContentTitle: {
+        title: 'Developing the review app',
+        type: 'course'
+    }
+};
+export const sliderUISlide = {
+    questionText: 'En combien d’années la communauté de communes du Thouarsais est-elle passée de zéro à un tiers d’énergies renouvelables ?',
+    answerUI: {
+        help: 'Déplacez le curseur.',
+        model: {
+            type: 'slider',
+            placeholder: 'Déplacez le curseur.',
+            minLabel: '1 an(s)',
+            maxLabel: '15 an(s)',
+            title: '1 an(s)',
+            value: 0,
+            onChange: noop
+        }
+    }
+};

package/es/{helpers → views/slides}/test/fixtures/text-template.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const textTemplateSlide: SlideFromAPI;
 export declare const textTemplateUISlide: Partial<UISlide>;

package/es/{helpers → views/slides}/test/fixtures/text-template.js

@@ -31,7 +31,11 @@ export const textTemplateSlide = {
     tips: "L'origine de l'expression <i>role model</i> est attribué au sociologue Robert K. Merton.",
     universalRef: 'sli_VJKQonm2g',
     hasClue: true,
-    id: 'sli_VJKQonm2g'
+    id: 'sli_VJKQonm2g',
+    parentContentTitle: {
+        title: 'Using redux',
+        type: 'chapter'
+    }
 };
 export const textTemplateUISlide = {
     questionText: 'Comment le protégé doit-il percevoir son mentor ?',

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,234 @@
+import test from 'ava';
+import identity from 'lodash/fp/identity';
+import omit from 'lodash/fp/omit';
+import { mapStateToSlidesProps } from '..';
+import { freeTextSlide } from './fixtures/free-text';
+test('should create initial props when fetched slide is still not received', t => {
+    const state = {
+        data: {
+            progression: {
+                _id: '62b1d1087aa12f00253f40ee',
+                content: {
+                    ref: '_skillref',
+                    type: 'skill'
+                },
+                engine: {
+                    ref: 'review'
+                },
+                state: {
+                    allAnswers: [],
+                    isCorrect: true,
+                    nextContent: {
+                        ref: 'sli_N1XACJobn',
+                        type: 'slide'
+                    },
+                    pendingSlides: [],
+                    slides: [],
+                    step: {
+                        current: 1
+                    },
+                    stars: 0
+                }
+            },
+            skills: [],
+            slides: {
+                sli_N1XACJobn: null
+            },
+            token: '1234'
+        },
+        ui: {
+            currentSlideRef: '',
+            navigation: ['loader', 'slides'],
+            answers: [],
+            slide: {
+                validateButton: false
+            }
+        }
+    };
+    const 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: 'no-answer',
+                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'], props.stack), {
+        correctionPopinProps: undefined,
+        endReview: false,
+        slides: {
+            '0': {
+                hidden: false,
+                position: 0,
+                loading: true
+            },
+            '1': {
+                hidden: false,
+                position: 1,
+                loading: true
+            },
+            '2': {
+                hidden: false,
+                position: 2,
+                loading: true
+            },
+            '3': {
+                hidden: false,
+                position: 3,
+                loading: true
+            },
+            '4': {
+                hidden: false,
+                position: 4,
+                loading: true
+            }
+        }
+    });
+});
+test('should create initial props when the slide is on the state', t => {
+    const state = {
+        data: {
+            progression: {
+                _id: '62b1d1087aa12f00253f40ee',
+                content: {
+                    ref: '_skillref',
+                    type: 'skill'
+                },
+                engine: {
+                    ref: 'review'
+                },
+                state: {
+                    allAnswers: [],
+                    isCorrect: true,
+                    nextContent: {
+                        ref: 'sli_N1XACJobn',
+                        type: 'slide'
+                    },
+                    pendingSlides: [],
+                    slides: [],
+                    step: {
+                        current: 1
+                    },
+                    stars: 0
+                }
+            },
+            skills: [],
+            slides: {
+                sli_N1XACJobn: freeTextSlide
+            },
+            token: '1234'
+        },
+        ui: {
+            currentSlideRef: 'sli_N1XACJobn',
+            navigation: ['loader', 'slides'],
+            answers: ['My value'],
+            slide: {
+                validateButton: true
+            }
+        }
+    };
+    const 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: 'no-answer',
+                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'], props.stack), {
+        correctionPopinProps: undefined,
+        endReview: false
+    });
+    t.false(props.stack.validateButton.disabled);
+    t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        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(['0'], props.stack.slides), {
+        '1': {
+            hidden: false,
+            position: 1,
+            loading: true
+        },
+        '2': {
+            hidden: false,
+            position: 2,
+            loading: true
+        },
+        '3': {
+            hidden: false,
+            position: 3,
+            loading: true
+        },
+        '4': {
+            hidden: false,
+            position: 4,
+            loading: true
+        }
+    });
+});

package/es/views/slides/test/map-api-slide-to-ui.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/{helpers → views/slides}/test/map-api-slide-to-ui.test.js

@@ -1,4 +1,5 @@
 import test from 'ava';
+import identity from 'lodash/fp/identity';
 import { mapApiSlideToUi } from '../map-api-slide-to-ui';
 import { qcmUISlide, qcmSlide } from './fixtures/qcm';
 import { qcmDragUISlide, qcmDragSlide } from './fixtures/qcm-drag';
@@ -7,26 +8,35 @@ import { qcmGraphicUISlide, qcmGraphicSlide } from './fixtures/qcm-graphic';
 import { textTemplateSlide, textTemplateUISlide } from './fixtures/text-template';
 import { selectTemplateSlide, selectTemplateUISlide } from './fixtures/select-template';
 import { sliderSlide, sliderUISlide } from './fixtures/slider';
-const _mapApiSlideToUi = mapApiSlideToUi({ translate: (text) => text });
+const _mapApiSlideToUi = mapApiSlideToUi(identity);
 const macro = test.macro({
     title(providedTitle) {
         return `should handle ${providedTitle} conversion`.trim();
     },
     exec(t, arg) {
-        t.deepEqual(JSON.parse(JSON.stringify(_mapApiSlideToUi(arg.slide))), JSON.parse(JSON.stringify(arg.expectedUiSlide)));
+        t.deepEqual(JSON.parse(JSON.stringify(_mapApiSlideToUi(arg.slide, arg.answers))), JSON.parse(JSON.stringify(arg.expectedUiSlide)));
     }
 });
-test('qcm', macro, { slide: qcmSlide, expectedUiSlide: qcmUISlide });
-test('qcm drag', macro, { slide: qcmDragSlide, expectedUiSlide: qcmDragUISlide });
-test('qcm graphic', macro, { slide: qcmGraphicSlide, expectedUiSlide: qcmGraphicUISlide });
-test('text template', macro, { slide: textTemplateSlide, expectedUiSlide: textTemplateUISlide });
+test('qcm', macro, { slide: qcmSlide, answers: [], expectedUiSlide: qcmUISlide });
+test('qcm drag', macro, { slide: qcmDragSlide, answers: [], expectedUiSlide: qcmDragUISlide });
+test('qcm graphic', macro, {
+    slide: qcmGraphicSlide,
+    answers: [],
+    expectedUiSlide: qcmGraphicUISlide
+});
+test('text template', macro, {
+    slide: textTemplateSlide,
+    answers: [],
+    expectedUiSlide: textTemplateUISlide
+});
 test('select template', macro, {
     slide: selectTemplateSlide,
+    answers: [],
     expectedUiSlide: selectTemplateUISlide
 });
-test('free text', macro, { slide: freeTextSlide, expectedUiSlide: freeTextUISlide });
-test('slider', macro, { slide: sliderSlide, expectedUiSlide: sliderUISlide });
+test('free text', macro, { slide: freeTextSlide, answers: [], expectedUiSlide: freeTextUISlide });
+test('slider', macro, { slide: sliderSlide, answers: [], expectedUiSlide: sliderUISlide });
 test('should throw an error if the question type can not be handled', t => {
     const faultySlide = { ...qcmSlide, question: { type: 'lol' } };
-    t.throws(() => _mapApiSlideToUi(faultySlide));
+    t.throws(() => _mapApiSlideToUi(faultySlide, []));
 });

package/lib/actions/api/fetch-skills.d.ts

@@ -1,13 +1,11 @@
-import type { ThunkAction } from 'redux-thunk';
-import { AnyAction } from 'redux';
+import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import { Options, Skill } from '../../types/common';
+import type { Options, Skill } from '../../types/common';
 export declare const SKILLS_FETCH_REQUEST: "@@skills/FETCH_REQUEST";
 export declare const SKILLS_FETCH_SUCCESS: "@@skills/FETCH_SUCCESS";
 export declare const SKILLS_FETCH_FAILURE: "@@skills/FETCH_FAILURE";
-export interface ReceivedSkills extends AnyAction {
+export declare type ReceivedSkills = {
     type: '@@skills/FETCH_SUCCESS';
     payload: Skill[];
-}
-export declare type FetchSkillsAction = ThunkAction<Promise<void>, StoreState, Options, AnyAction>;
-export declare const fetchSkills: (token: string) => FetchSkillsAction;
+};
+export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

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

@@ -1,13 +1,64 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import buildTask from '@coorpacademy/redux-task';
+import get from 'lodash/fp/get';
 export var SKILLS_FETCH_REQUEST = '@@skills/FETCH_REQUEST';
 export var SKILLS_FETCH_SUCCESS = '@@skills/FETCH_SUCCESS';
 export var SKILLS_FETCH_FAILURE = '@@skills/FETCH_FAILURE';
-export var fetchSkills = function (token) {
-    return buildTask({
-        types: [SKILLS_FETCH_REQUEST, SKILLS_FETCH_SUCCESS, SKILLS_FETCH_FAILURE],
-        task: function (dispatch, getState, _a) {
-            var services = _a.services;
-            return services.fetchSkills(token);
-        }
+export var fetchSkills = function (dispatch, getState, _a) {
+    var services = _a.services;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var action;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    action = buildTask({
+                        types: [SKILLS_FETCH_REQUEST, SKILLS_FETCH_SUCCESS, SKILLS_FETCH_FAILURE],
+                        task: function () {
+                            var state = getState();
+                            var token = get('data.token', state);
+                            return services.fetchSkills(token);
+                        }
+                    });
+                    return [4 /*yield*/, dispatch(action)];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/];
+            }
+        });
     });
 };

package/lib/actions/api/fetch-slide.d.ts

@@ -1,13 +1,20 @@
-import type { AnyAction } from 'redux';
-import type { ThunkAction } from 'redux-thunk';
+import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Options, ProgressionFromAPI, SlideFromAPI } from '../../types/common';
+import type { Options, SlideFromAPI } from '../../types/common';
 export declare const SLIDE_FETCH_REQUEST: "@@slides/FETCH_REQUEST";
 export declare const SLIDE_FETCH_SUCCESS: "@@slides/FETCH_SUCCESS";
 export declare const SLIDE_FETCH_FAILURE: "@@slides/FETCH_FAILURE";
-export interface ReceivedSlide extends AnyAction {
+export declare type FetchSlide = {
+    type: typeof SLIDE_FETCH_REQUEST;
+    meta: {
+        slideRef: string;
+    };
+};
+export declare type ReceivedSlide = {
     type: typeof SLIDE_FETCH_SUCCESS;
     payload: SlideFromAPI;
-}
-export declare type FetchSlideAction = ThunkAction<Promise<SlideFromAPI>, StoreState, Options, AnyAction>;
-export declare const fetchSlide: (progressionFromAPI: ProgressionFromAPI, token: string) => FetchSlideAction;
+    meta: {
+        slideRef: string;
+    };
+};
+export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

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

@@ -1,3 +1,39 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import buildTask from '@coorpacademy/redux-task';
 import get from 'lodash/fp/get';
 import has from 'lodash/fp/has';
@@ -6,26 +42,42 @@ import { setCurrentSlide } from '../ui/slides';
 export var SLIDE_FETCH_REQUEST = '@@slides/FETCH_REQUEST';
 export var SLIDE_FETCH_SUCCESS = '@@slides/FETCH_SUCCESS';
 export var SLIDE_FETCH_FAILURE = '@@slides/FETCH_FAILURE';
-export var fetchSlide = function (progressionFromAPI, token) {
-    return buildTask({
-        types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
-        bailout: function (state) {
-            var slideRef = get('state.nextContent', progressionFromAPI).ref;
-            return has("data.slide.".concat(slideRef), state);
-        },
-        task: function (dispatch, getState, _a) {
-            var services = _a.services;
-            var slideRef = get('state.nextContent', progressionFromAPI).ref;
-            return services.fetchSlide(slideRef, token).then(function (slideFromAPI) {
-                if (!slideFromAPI)
-                    throw new Error('Slide not found');
-                var state = getState();
-                var slides = get('data.progression.state.slides', state);
-                if (isEmpty(slides)) {
-                    dispatch(setCurrentSlide(slideFromAPI));
+export var fetchSlide = function (slideRef) {
+    return function (dispatch, getState, _a) {
+        var services = _a.services;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var action, response, slideFromAPI, state, slides;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        action = buildTask({
+                            types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
+                            bailout: function (state) {
+                                return has("data.slide.".concat(slideRef), state);
+                            },
+                            task: function () {
+                                var state = getState();
+                                var token = get('data.token', state);
+                                return services.fetchSlide(slideRef, token);
+                            },
+                            meta: { slideRef: slideRef }
+                        });
+                        return [4 /*yield*/, dispatch(action)];
+                    case 1:
+                        response = _b.sent();
+                        if (response.type === SLIDE_FETCH_SUCCESS) {
+                            slideFromAPI = response.payload;
+                            if (!slideFromAPI)
+                                throw new Error('Slide not found');
+                            state = getState();
+                            slides = get('data.progression.state.slides', state);
+                            if (isEmpty(slides)) {
+                                dispatch(setCurrentSlide(slideFromAPI));
+                            }
+                        }
+                        return [2 /*return*/];
                 }
-                return slideFromAPI;
             });
-        }
-    });
+        });
+    };
 };

package/lib/actions/api/post-answer.d.ts

@@ -0,0 +1,10 @@
+import type { Dispatch } from 'redux';
+import type { Options } from '../../types/common';
+import type { StoreState } from '../../reducers';
+export declare const POST_ANSWER_REQUEST: "@@answer/POST_REQUEST";
+export declare const POST_ANSWER_SUCCESS: "@@answer/POST_SUCCESS";
+export declare const POST_ANSWER_FAILURE: "@@answer/POST_FAILURE";
+export declare type PostAnswerRequestAction = {
+    type: typeof POST_ANSWER_REQUEST;
+};
+export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

package/lib/actions/api/post-answer.js

@@ -0,0 +1,75 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import buildTask from '@coorpacademy/redux-task';
+import get from 'lodash/fp/get';
+import { fetchSlide } from './fetch-slide';
+export var POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
+export var POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
+export var POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
+export var postAnswer = function (dispatch, getState, _a) {
+    var services = _a.services;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var action, response, progression, slideRef;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    action = buildTask({
+                        types: [POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS, POST_ANSWER_FAILURE],
+                        task: function () {
+                            var state = getState();
+                            var token = get('data.token', state);
+                            var answer = get('ui.answers', state);
+                            var progressionId = get('data.progression._id', state);
+                            var skillRef = get('data.progression.content.ref', state);
+                            return services.postAnswer(skillRef, token, progressionId, answer);
+                        }
+                    });
+                    return [4 /*yield*/, dispatch(action)];
+                case 1:
+                    response = _b.sent();
+                    if (!(response.type === POST_ANSWER_SUCCESS)) return [3 /*break*/, 3];
+                    progression = response.payload;
+                    slideRef = progression.state.nextContent.ref;
+                    return [4 /*yield*/, dispatch(fetchSlide(slideRef))];
+                case 2:
+                    _b.sent();
+                    _b.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+};