@coorpacademy/app-review 0.1.15 → 0.1.17

package/lib/actions/data/test/token.test.d.ts

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

package/lib/actions/data/test/token.test.js

@@ -0,0 +1,70 @@
+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 test from 'ava';
+import { createTestStore } from '../../test/create-test-store';
+import { services } from '../../../test/util/services.mock';
+import { storeToken, STORE_TOKEN } from '../token';
+var initialState = {
+    data: {
+        progression: null,
+        slides: {},
+        skills: [],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: '',
+        navigation: [],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch STORE_TOKEN action when storeToken is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                expectedActions = [{ type: STORE_TOKEN, payload: 'JWT.token' }];
+                dispatch = createTestStore(t, initialState, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(storeToken('JWT.token'))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });

package/lib/actions/index.d.ts

@@ -1,12 +1,5 @@
-import { StoreToken } from './data/token';
-import { navigateBack, navigateTo, NavigateBack, NavigateTo, StartApp } from './ui/navigation';
-import { ReceivedSlide } from './api/fetch-slide';
-import { ReceiveProgression } from './api/post-progression';
-import { ReceivedSkills } from './api/fetch-skills';
-import { validateSlide } from './ui/slides';
-export declare type Action = NavigateBack | NavigateTo | ReceivedSkills | StartApp | ReceivedSlide | StoreToken | ReceiveProgression;
+import { navigateBack, navigateTo } from './ui/navigation';
 export declare type Dispatchers = {
     navigateTo: typeof navigateTo;
     navigateBack: typeof navigateBack;
-    validateSlide: typeof validateSlide;
 };

package/lib/actions/test/create-test-store.d.ts

@@ -0,0 +1,5 @@
+import type { ExecutionContext } from 'ava';
+import { AnyAction, Store } from 'redux';
+import { StoreState } from '../../reducers';
+import { Services } from '../../types/common';
+export declare const createTestStore: (t: ExecutionContext, initialState: StoreState, services: Services, actions: AnyAction[]) => Store;

package/lib/actions/test/create-test-store.js

@@ -0,0 +1,18 @@
+import constant from 'lodash/fp/constant';
+import { applyMiddleware, compose, createStore } from 'redux';
+import thunk from 'redux-thunk';
+import rootReducer from '../../reducers';
+var assertActionsMiddleware = function (t, ACTIONS) {
+    return constant(function (next) { return function (action) {
+        var expectedAction = ACTIONS.shift();
+        if (!expectedAction)
+            throw new Error("Missing {type: \"".concat(action.type, "\"} action"));
+        t.deepEqual(action, expectedAction);
+        return next(action);
+    }; });
+};
+export var createTestStore = function (t, initialState, services, actions) {
+    var thunkMiddleware = thunk.withExtraArgument({ services: services });
+    var enhancer = compose(applyMiddleware(thunkMiddleware, assertActionsMiddleware(t, actions)));
+    return createStore(rootReducer, initialState, enhancer);
+};

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

@@ -0,0 +1,21 @@
+import { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+export declare const EDIT_QCM: "@@answer/EDIT_QCM";
+export declare const EDIT_QCM_GRAPHIC: "@@answer/EDIT_QCM_GRAPHIC";
+export declare const EDIT_QCM_DRAG: "@@answer/EDIT_QCM_DRAG";
+export declare const EDIT_TEMPLATE: "@@answer/EDIT_TEMPLATE";
+export declare const EDIT_BASIC: "@@answer/EDIT_BASIC";
+export declare const EDIT_SLIDER: "@@answer/EDIT_SLIDER";
+export declare const ANSWER_EDIT: {
+    readonly qcm: "@@answer/EDIT_QCM";
+    readonly qcmGraphic: "@@answer/EDIT_QCM_GRAPHIC";
+    readonly qcmDrag: "@@answer/EDIT_QCM_DRAG";
+    readonly template: "@@answer/EDIT_TEMPLATE";
+    readonly basic: "@@answer/EDIT_BASIC";
+    readonly slider: "@@answer/EDIT_SLIDER";
+};
+export declare type EditAnswerAction = {
+    type: typeof EDIT_QCM | typeof EDIT_QCM_GRAPHIC | typeof EDIT_QCM_DRAG | typeof EDIT_TEMPLATE | typeof EDIT_BASIC | typeof EDIT_SLIDER;
+    payload: string[];
+};
+export declare const editAnswer: (answer: string) => (dispatch: Dispatch, getState: () => StoreState) => EditAnswerAction;

package/lib/actions/ui/answers.js

@@ -0,0 +1,54 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { flatten, get, includes, pull } from 'lodash/fp';
+export var EDIT_QCM = '@@answer/EDIT_QCM';
+export var EDIT_QCM_GRAPHIC = '@@answer/EDIT_QCM_GRAPHIC';
+export var EDIT_QCM_DRAG = '@@answer/EDIT_QCM_DRAG';
+export var EDIT_TEMPLATE = '@@answer/EDIT_TEMPLATE';
+export var EDIT_BASIC = '@@answer/EDIT_BASIC';
+export var EDIT_SLIDER = '@@answer/EDIT_SLIDER';
+export var ANSWER_EDIT = {
+    qcm: EDIT_QCM,
+    qcmGraphic: EDIT_QCM_GRAPHIC,
+    qcmDrag: EDIT_QCM_DRAG,
+    template: EDIT_TEMPLATE,
+    basic: EDIT_BASIC,
+    slider: EDIT_SLIDER
+};
+var buildAnswer = function (userAnswers, questionType, newValue) {
+    switch (questionType) {
+        case 'qcm':
+        case 'qcmGraphic':
+        case 'qcmDrag': {
+            return includes(newValue, userAnswers)
+                ? pull(newValue, userAnswers)
+                : flatten(__spreadArray(__spreadArray([], userAnswers, true), [newValue], false));
+        }
+        case 'basic':
+        case 'slider':
+            return [newValue];
+        default:
+            return [];
+    }
+};
+export var editAnswer = function (answer) {
+    return function (dispatch, getState) {
+        var state = getState();
+        var currentSlideRef = get(['ui', 'currentSlideRef'])(state);
+        var userAnswers = get(['ui', 'answers'])(state);
+        var slide = get(['data', 'slides', currentSlideRef])(state);
+        var questionType = get(['question', 'type'])(slide);
+        var type = get(questionType, ANSWER_EDIT);
+        return dispatch({
+            type: type,
+            payload: buildAnswer(userAnswers, questionType, answer)
+        });
+    };
+};

package/lib/actions/ui/slides.d.ts

@@ -17,10 +17,5 @@ export declare type SetCurrentSlide = {
     payload: SlideFromAPI;
 };
 export declare const setCurrentSlide: (payload: SlideFromAPI) => SetCurrentSlide;
-export declare const VALIDATE_SLIDE = "@@slide/VALIDATE";
-export declare type ValidateSlide = {
-    type: typeof VALIDATE_SLIDE;
-};
-export declare const validateSlide: () => ValidateSlide;
 export declare type UISlidesAction = SetCurrentSlide;
 export {};

package/lib/actions/ui/slides.js

@@ -3,7 +3,3 @@ export var setCurrentSlide = function (payload) { return ({
     type: SET_CURRENT_SLIDE,
     payload: payload
 }); };
-export var VALIDATE_SLIDE = '@@slide/VALIDATE';
-export var validateSlide = function () { return ({
-    type: VALIDATE_SLIDE
-}); };

package/lib/actions/ui/test/answers.test.d.ts

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

package/lib/actions/ui/test/answers.test.js

@@ -0,0 +1,171 @@
+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 test from 'ava';
+import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
+import { createTestStore } from '../../test/create-test-store';
+import { services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { qcmDragSlide } from '../../../views/slides/test/fixtures/qcm-drag';
+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 { editAnswer, ANSWER_EDIT } from '../answers';
+var initialState = {
+    data: {
+        progression: {
+            _id: '62b1d1087aa12f00253f40ee',
+            content: {
+                ref: '_skill-ref',
+                type: 'skill'
+            },
+            engine: {
+                ref: 'review'
+            },
+            state: {
+                allAnswers: [],
+                isCorrect: true,
+                nextContent: {
+                    ref: '',
+                    type: 'slide'
+                },
+                pendingSlides: [],
+                slides: [],
+                step: {
+                    current: 1
+                },
+                stars: 0
+            }
+        },
+        slides: {},
+        skills: [],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: '',
+        navigation: [],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+var buildInitialState = function (state, question) {
+    return pipe(set(['data', 'progression', 'state', 'nextContent', 'ref'], question.id), set(['data', 'slides', question.id], question), set(['ui', 'currentSlideRef'], question.id))(state);
+};
+test('should dispatch EDIT_BASIC action when editAnswer is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, freeTextSlide);
+                expectedActions = [{ type: ANSWER_EDIT.basic, payload: ['My Answer'] }];
+                dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(editAnswer('My Answer'))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('should dispatch EDIT_QCM action when editAnswer is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, qcmSlide);
+                state = set(['ui', 'answers'], ['My First Answer', 'My Second Answer'], state);
+                expectedActions = [{ type: ANSWER_EDIT.qcm, payload: ['My First Answer'] }];
+                dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(editAnswer('My Second Answer'))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('should dispatch EDIT_QCM_GRAPHIC action when editAnswer is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, qcmGraphicSlide);
+                state = set(['ui', 'answers'], ['My First Answer', 'My Second Answer', 'My Third Answer'], state);
+                expectedActions = [
+                    { type: ANSWER_EDIT.qcmGraphic, payload: ['My First Answer', 'My Third Answer'] }
+                ];
+                dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(editAnswer('My Second Answer'))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('should dispatch EDIT_QCM_DRAG action when editAnswer is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, qcmDragSlide);
+                state = set(['ui', 'answers'], ['My First Answer', 'My Second Answer'], state);
+                expectedActions = [
+                    { type: ANSWER_EDIT.qcmDrag, payload: ['My First Answer', 'My Second Answer', 'My Third Answer'] }
+                ];
+                dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(editAnswer('My Third Answer'))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('should dispatch EDIT_SLIDER action when editAnswer is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, sliderSlide);
+                expectedActions = [{ type: ANSWER_EDIT.slider, payload: ['5'] }];
+                dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(editAnswer('5'))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });

package/lib/actions/ui/test/slides.test.d.ts

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

package/lib/actions/ui/test/slides.test.js

@@ -0,0 +1,71 @@
+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 test from 'ava';
+import { createTestStore } from '../../test/create-test-store';
+import { services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { setCurrentSlide, SET_CURRENT_SLIDE } from '../slides';
+var initialState = {
+    data: {
+        progression: null,
+        slides: {},
+        skills: [],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: '',
+        navigation: [],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch SET_CURRENT_SLIDE action when setCurrentSlide is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                expectedActions = [{ type: SET_CURRENT_SLIDE, payload: freeTextSlide }];
+                dispatch = createTestStore(t, initialState, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(setCurrentSlide(freeTextSlide))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });

package/lib/common/index.d.ts

@@ -1,5 +1,3 @@
-export declare const TOTAL_SLIDES_STACK = 5;
-export declare const HIGHEST_INDEX: number;
 export declare const VIEWS: {
     readonly skills: 'skills';
     readonly onboarding: 'onboarding';
@@ -7,4 +5,3 @@ export declare const VIEWS: {
 };
 export declare const slideIndexes: readonly ["0", "1", "2", "3", "4"];
 export declare type SlideIndexes = typeof slideIndexes[number];
-export declare const indexToString: (index: number) => SlideIndexes;

package/lib/common/index.js

@@ -1,10 +1,6 @@
-import _toString from 'lodash/fp/toString';
-export var TOTAL_SLIDES_STACK = 5;
-export var HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
 export var VIEWS = {
     skills: 'skills',
     onboarding: 'onboarding',
     slides: 'slides'
 };
 export var slideIndexes = ['0', '1', '2', '3', '4'];
-export var indexToString = function (index) { return _toString(index); };

package/lib/index.js

@@ -1,34 +1,37 @@
+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 React, { useEffect, useState } from 'react';
-import { connect, Provider } from 'react-redux';
+import { useSelector, useDispatch, Provider } from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
 import { TemplateContext } from '@coorpacademy/components/es/template/app-review/template-context';
 import isEmpty from 'lodash/fp/isEmpty';
 import get from 'lodash/fp/get';
 import configureStore from './configure-store';
-import { validateSlide } from './actions/ui/slides';
-import { navigateTo, navigateBack } from './actions/ui/navigation';
+import { navigateTo } from './actions/ui/navigation';
 import { storeToken } from './actions/data/token';
 import { fetchSkills } from './actions/api/fetch-skills';
 import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-var mapDispatchToProps = {
-    navigateTo: navigateTo,
-    navigateBack: navigateBack,
-    validateSlide: validateSlide
-};
-var getCurrentViewName = function (storeState) {
-    return storeState.ui.navigation[storeState.ui.navigation.length - 1];
-};
-var mapStateToProps = function (state) {
-    return {
-        viewName: getCurrentViewName(state),
-        slides: mapStateToSlidesProps(state),
-        skills: mapStateToSkillsProps(state)
+var ConnectedApp = function () {
+    var dispatch = useDispatch();
+    var props = {
+        viewName: useSelector(function (state) { return state.ui.navigation[state.ui.navigation.length - 1]; }),
+        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch); }),
+        skills: useSelector(function (state) { return mapStateToSkillsProps(state); })
     };
+    return React.createElement(AppReviewTemplate, __assign({}, props));
 };
-var App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 var AppReview = function (_a) {
     var options = _a.options;
     var _b = useState(null), store = _b[0], setStore = _b[1];
@@ -60,9 +63,7 @@ var AppReview = function (_a) {
         var skillRef = get('skillRef', options);
         /* ThunkAction is not assignable to parameter of type 'AnyAction'
           ts problem is described here = https://github.com/reduxjs/redux-thunk/issues/333 */
-        skillRef
-            ? store.dispatch(postProgression(skillRef, token))
-            : store.dispatch(fetchSkills(token));
+        skillRef ? store.dispatch(postProgression(skillRef)) : store.dispatch(fetchSkills);
     }, [options, store]);
     useEffect(function () {
         if (store === null)
@@ -80,6 +81,6 @@ var AppReview = function (_a) {
     var values = options.templateContext;
     return (React.createElement(Provider, { store: store },
         React.createElement(TemplateContext, { values: values },
-            React.createElement(App, null))));
+            React.createElement(ConnectedApp, null))));
 };
 export default AppReview;

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

@@ -4,7 +4,7 @@ import { SlidesState } from './slides';
 import { TokenState } from './token';
 export declare type DataState = {
     isFetching?: boolean;
-    progression?: ProgressionState;
+    progression: ProgressionState;
     skills: SkillsState;
     slides: SlidesState;
     token?: TokenState;
@@ -14,5 +14,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     skills: SkillsState;
     slides: SlidesState;
     token: TokenState;
-}>, import("../../actions/api/post-progression").ReceiveProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
+}>, import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
 export default _default;

package/lib/reducers/data/progression.d.ts

@@ -1,6 +1,5 @@
-import { ValidateSlide } from '../../actions/ui/slides';
-import { ReceiveProgression } from '../../actions/api/post-progression';
+import { ReceivedProgression } from '../../actions/api/post-progression';
 import { ProgressionFromAPI } from '../../types/common';
 export declare type ProgressionState = ProgressionFromAPI | null;
-declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide | ReceiveProgression) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression) => ProgressionState;
 export default reducer;

package/lib/reducers/data/progression.js

@@ -1,14 +1,9 @@
-import { VALIDATE_SLIDE } from '../../actions/ui/slides';
 import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
 var reducer = function (
 // eslint-disable-next-line default-param-last
 state, action) {
     if (state === void 0) { state = null; }
     switch (action.type) {
-        case VALIDATE_SLIDE: {
-            // TODO: fix on VALIDATE ticket -> launch a POST PROGRESSION
-            return state;
-        }
         case POST_PROGRESSION_SUCCESS: {
             var progression = action.payload;
             return progression;

package/lib/reducers/data/slides.d.ts

@@ -1,8 +1,7 @@
-import { ValidateSlide } from '../../actions/ui/slides';
-import { ReceivedSlide } from '../../actions/api/fetch-slide';
+import { ReceivedSlide, FetchSlide } from '../../actions/api/fetch-slide';
 import { SlideFromAPI } from '../../types/common';
-export declare type SlidesAction = ReceivedSlide | ValidateSlide;
-export declare type SlidesState = Record<string, SlideFromAPI>;
+export declare type SlidesAction = FetchSlide | ReceivedSlide;
+export declare type SlidesState = Record<string, SlideFromAPI | null>;
 export declare const initialState: SlidesState;
 declare const reducer: (state: SlidesState | undefined, action: SlidesAction) => SlidesState;
 export default reducer;

package/lib/reducers/data/slides.js

@@ -1,10 +1,14 @@
 import set from 'lodash/fp/set';
-import { SLIDE_FETCH_SUCCESS } from '../../actions/api/fetch-slide';
+import { SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS } from '../../actions/api/fetch-slide';
 export var initialState = {};
 // eslint-disable-next-line default-param-last
 var reducer = function (state, action) {
     if (state === void 0) { state = initialState; }
     switch (action.type) {
+        case SLIDE_FETCH_REQUEST: {
+            var meta = action.meta;
+            return set(meta.slideRef, null, state);
+        }
         case SLIDE_FETCH_SUCCESS: {
             var slide = action.payload;
             return set(slide.id, slide, state);

package/lib/reducers/data/test/progression.test.d.ts

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