@coorpacademy/app-review 0.6.0 → 0.6.1-alpha.0

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchCorrection = exports.CORRECTION_FETCH_FAILURE = exports.CORRECTION_FETCH_SUCCESS = exports.CORRECTION_FETCH_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+exports.CORRECTION_FETCH_REQUEST = '@@correction/FETCH_REQUEST';
+exports.CORRECTION_FETCH_SUCCESS = '@@correction/FETCH_SUCCESS';
+exports.CORRECTION_FETCH_FAILURE = '@@correction/FETCH_FAILURE';
+const fetchCorrection = (dispatch, getState, { services }) => {
+    const state = getState();
+    const slideRef = (0, get_1.default)(['ui', 'currentSlideRef'], state);
+    const token = (0, get_1.default)(['data', 'token'], state);
+    const progressionId = (0, get_1.default)(['data', 'progression', '_id'], state);
+    const answer = (0, get_1.default)(['ui', 'answers', slideRef], state);
+    const action = (0, redux_task_1.default)({
+        types: [exports.CORRECTION_FETCH_REQUEST, exports.CORRECTION_FETCH_SUCCESS, exports.CORRECTION_FETCH_FAILURE],
+        meta: { slideRef },
+        task: () => services.fetchCorrection(slideRef, token, progressionId, answer)
+    });
+    return dispatch(action);
+};
+exports.fetchCorrection = fetchCorrection;

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

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchEndRank = exports.fetchStartRank = exports.fetchRank = exports.RANK_FETCH_END_FAILURE = exports.RANK_FETCH_END_SUCCESS = exports.RANK_FETCH_END_REQUEST = exports.RANK_FETCH_START_FAILURE = exports.RANK_FETCH_START_SUCCESS = exports.RANK_FETCH_START_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+exports.RANK_FETCH_START_REQUEST = '@@rank/FETCH_START_REQUEST';
+exports.RANK_FETCH_START_SUCCESS = '@@rank/FETCH_START_SUCCESS';
+exports.RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE';
+exports.RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST';
+exports.RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS';
+exports.RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE';
+const bailout = (path) => (state) => {
+    const value = (0, get_1.default)(path, state);
+    return !Number.isNaN(value);
+};
+const fetchRank = (dispatch, getState, services, types, path) => {
+    const action = (0, redux_task_1.default)({
+        types,
+        task: () => {
+            const state = getState();
+            const token = (0, get_1.default)(['data', 'token'], state);
+            return services.fetchRank(token);
+        },
+        bailout: path ? bailout(path) : undefined
+    });
+    return dispatch(action);
+};
+exports.fetchRank = fetchRank;
+const fetchStartRank = (dispatch, getState, { services }) => {
+    return (0, exports.fetchRank)(dispatch, getState, services, [exports.RANK_FETCH_START_REQUEST, exports.RANK_FETCH_START_SUCCESS, exports.RANK_FETCH_START_FAILURE], 'data.rank.start');
+};
+exports.fetchStartRank = fetchStartRank;
+const fetchEndRank = (dispatch, getState, { services }) => {
+    return (0, exports.fetchRank)(dispatch, getState, services, [
+        exports.RANK_FETCH_END_REQUEST,
+        exports.RANK_FETCH_END_SUCCESS,
+        exports.RANK_FETCH_END_FAILURE
+    ]);
+};
+exports.fetchEndRank = fetchEndRank;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchSkills = exports.SKILLS_FETCH_FAILURE = exports.SKILLS_FETCH_SUCCESS = exports.SKILLS_FETCH_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+exports.SKILLS_FETCH_REQUEST = '@@skills/FETCH_REQUEST';
+exports.SKILLS_FETCH_SUCCESS = '@@skills/FETCH_SUCCESS';
+exports.SKILLS_FETCH_FAILURE = '@@skills/FETCH_FAILURE';
+const fetchSkills = (dispatch, getState, { services }) => {
+    const action = (0, redux_task_1.default)({
+        types: [exports.SKILLS_FETCH_REQUEST, exports.SKILLS_FETCH_SUCCESS, exports.SKILLS_FETCH_FAILURE],
+        task: () => {
+            const state = getState();
+            const token = (0, get_1.default)(['data', 'token'], state);
+            return services.fetchSkills(token);
+        }
+    });
+    return dispatch(action);
+};
+exports.fetchSkills = fetchSkills;

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchSlide = exports.SLIDE_FETCH_FAILURE = exports.SLIDE_FETCH_SUCCESS = exports.SLIDE_FETCH_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+const has_1 = __importDefault(require("lodash/fp/has"));
+const isEmpty_1 = __importDefault(require("lodash/fp/isEmpty"));
+const slides_1 = require("../ui/slides");
+exports.SLIDE_FETCH_REQUEST = '@@slides/FETCH_REQUEST';
+exports.SLIDE_FETCH_SUCCESS = '@@slides/FETCH_SUCCESS';
+exports.SLIDE_FETCH_FAILURE = '@@slides/FETCH_FAILURE';
+const fetchSlide = (slideRef) => async (dispatch, getState, { services }) => {
+    const action = (0, redux_task_1.default)({
+        types: [exports.SLIDE_FETCH_REQUEST, exports.SLIDE_FETCH_SUCCESS, exports.SLIDE_FETCH_FAILURE],
+        bailout: (state) => {
+            return (0, has_1.default)(`data.slide.${slideRef}`, state);
+        },
+        task: () => {
+            const state = getState();
+            const token = (0, get_1.default)(['data', 'token'], state);
+            return services.fetchSlide(slideRef, token);
+        },
+        meta: { slideRef }
+    });
+    const response = await dispatch(action);
+    if (response.type === exports.SLIDE_FETCH_SUCCESS) {
+        const slideFromAPI = response.payload;
+        const state = getState();
+        const slides = (0, get_1.default)('data.progression.state.slides', state);
+        if ((0, isEmpty_1.default)(slides)) {
+            dispatch((0, slides_1.setCurrentSlide)(slideFromAPI));
+        }
+    }
+};
+exports.fetchSlide = fetchSlide;

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

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.postAnswer = exports.POST_ANSWER_FAILURE = exports.POST_ANSWER_SUCCESS = exports.POST_ANSWER_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+const fetch_correction_1 = require("./fetch-correction");
+const fetch_slide_1 = require("./fetch-slide");
+const fetch_rank_1 = require("./fetch-rank");
+exports.POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
+exports.POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
+exports.POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
+const postAnswer = async (dispatch, getState, { services }) => {
+    const state = getState();
+    const currentSlideRef = (0, get_1.default)(['ui', 'currentSlideRef'], state);
+    const token = (0, get_1.default)(['data', 'token'], state);
+    const answer = (0, get_1.default)(['ui', 'answers', currentSlideRef], state);
+    const progression = (0, get_1.default)(['data', 'progression'], state);
+    if (!progression)
+        throw new Error('Cannot answer a question of an inexistent progression');
+    const action = (0, redux_task_1.default)({
+        types: [exports.POST_ANSWER_REQUEST, exports.POST_ANSWER_SUCCESS, exports.POST_ANSWER_FAILURE],
+        meta: { slideRef: currentSlideRef },
+        task: () => services.postAnswer(progression, token, answer)
+    });
+    const response = await dispatch(action);
+    if (response.type === exports.POST_ANSWER_SUCCESS) {
+        const updatedProgression = response.payload;
+        const slideRef = updatedProgression.state.nextContent.ref;
+        if (slideRef !== 'successExitNode') {
+            await dispatch((0, fetch_slide_1.fetchSlide)(slideRef));
+            await dispatch(fetch_correction_1.fetchCorrection);
+            await dispatch(fetch_rank_1.fetchStartRank);
+        }
+        else {
+            await dispatch(fetch_correction_1.fetchCorrection);
+            await dispatch(fetch_rank_1.fetchEndRank);
+        }
+    }
+};
+exports.postAnswer = postAnswer;

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.postProgression = exports.POST_PROGRESSION_FAILURE = exports.POST_PROGRESSION_SUCCESS = exports.POST_PROGRESSION_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+const fetch_slide_1 = require("./fetch-slide");
+exports.POST_PROGRESSION_REQUEST = '@@progression/POST_REQUEST';
+exports.POST_PROGRESSION_SUCCESS = '@@progression/POST_SUCCESS';
+exports.POST_PROGRESSION_FAILURE = '@@progression/POST_FAILURE';
+const postProgression = (skillRef) => async (dispatch, getState, { services }) => {
+    const state = getState();
+    const token = (0, get_1.default)(['data', 'token'], state);
+    const action = (0, redux_task_1.default)({
+        types: [exports.POST_PROGRESSION_REQUEST, exports.POST_PROGRESSION_SUCCESS, exports.POST_PROGRESSION_FAILURE],
+        task: () => services.postProgression(skillRef, token)
+    });
+    const response = await dispatch(action);
+    if (response.type === exports.POST_PROGRESSION_SUCCESS) {
+        const progression = response.payload;
+        const slideRef = progression.state.nextContent.ref;
+        await dispatch((0, fetch_slide_1.fetchSlide)(slideRef));
+    }
+};
+exports.postProgression = postProgression;

package/lib/actions/data/token.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.storeToken = exports.STORE_TOKEN = void 0;
+exports.STORE_TOKEN = '@@data/token/STORE_TOKEN';
+const storeToken = (token) => ({
+    type: exports.STORE_TOKEN,
+    payload: token
+});
+exports.storeToken = storeToken;

package/lib/actions/ui/answers.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.editAnswer = exports.ANSWER_EDIT = exports.EDIT_SLIDER = exports.EDIT_BASIC = exports.EDIT_TEMPLATE = exports.EDIT_QCM_DRAG = exports.EDIT_QCM_GRAPHIC = exports.EDIT_QCM = void 0;
+const flatten_1 = __importDefault(require("lodash/fp/flatten"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+const getOr_1 = __importDefault(require("lodash/fp/getOr"));
+const includes_1 = __importDefault(require("lodash/fp/includes"));
+const pull_1 = __importDefault(require("lodash/fp/pull"));
+exports.EDIT_QCM = '@@answer/EDIT_QCM';
+exports.EDIT_QCM_GRAPHIC = '@@answer/EDIT_QCM_GRAPHIC';
+exports.EDIT_QCM_DRAG = '@@answer/EDIT_QCM_DRAG';
+exports.EDIT_TEMPLATE = '@@answer/EDIT_TEMPLATE';
+exports.EDIT_BASIC = '@@answer/EDIT_BASIC';
+exports.EDIT_SLIDER = '@@answer/EDIT_SLIDER';
+exports.ANSWER_EDIT = {
+    qcm: exports.EDIT_QCM,
+    qcmGraphic: exports.EDIT_QCM_GRAPHIC,
+    qcmDrag: exports.EDIT_QCM_DRAG,
+    template: exports.EDIT_TEMPLATE,
+    basic: exports.EDIT_BASIC,
+    slider: exports.EDIT_SLIDER
+};
+const buildAnswer = (userAnswers, questionType, newValue) => {
+    switch (questionType) {
+        case 'qcm':
+        case 'qcmGraphic':
+        case 'qcmDrag': {
+            const firstValue = newValue[0];
+            return (0, includes_1.default)(firstValue, userAnswers)
+                ? (0, pull_1.default)(firstValue, userAnswers)
+                : (0, flatten_1.default)([...userAnswers, firstValue]);
+        }
+        case 'basic':
+        case 'slider':
+        case 'template':
+            return newValue;
+        /* istanbul ignore next */ default:
+            return [];
+    }
+};
+const editAnswer = (answer) => (dispatch, getState) => {
+    const state = getState();
+    const currentSlideRef = (0, get_1.default)(['ui', 'currentSlideRef'], state);
+    const userAnswers = (0, getOr_1.default)([], ['ui', 'answers', currentSlideRef], state);
+    const slide = (0, get_1.default)(['data', 'slides', currentSlideRef], state);
+    if (!slide)
+        throw new Error('No slide was found');
+    const questionType = (0, get_1.default)(['question', 'type'], slide);
+    const type = (0, get_1.default)(questionType, exports.ANSWER_EDIT);
+    if (!type)
+        throw new Error(`Question type ${questionType} is not supported`);
+    return dispatch({
+        type,
+        meta: { slideRef: currentSlideRef },
+        payload: buildAnswer(userAnswers, questionType, answer)
+    });
+};
+exports.editAnswer = editAnswer;

package/lib/actions/ui/navigation.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigateBack = exports.navigateTo = exports.START_APP = exports.NAVIGATE_BACK = exports.NAVIGATE_TO = void 0;
+exports.NAVIGATE_TO = '@@navigation/NAVIGATE_TO';
+exports.NAVIGATE_BACK = '@@navigation/NAVIGATE_BACK';
+exports.START_APP = '@@navigation/START_APP';
+const navigateTo = (newViewName) => async (dispatch, getState, { callbackOnViewChanged }) => {
+    const action = {
+        type: exports.NAVIGATE_TO,
+        payload: newViewName
+    };
+    const res = await dispatch(action);
+    if (callbackOnViewChanged) {
+        callbackOnViewChanged(newViewName);
+    }
+    return res;
+};
+exports.navigateTo = navigateTo;
+const navigateBack = async (dispatch, getState, { callbackOnViewChanged }) => {
+    const action = {
+        type: exports.NAVIGATE_BACK
+    };
+    const res = await dispatch(action);
+    if (callbackOnViewChanged) {
+        const storeState = getState();
+        const viewName = storeState.ui.navigation[storeState.ui.navigation.length - 1];
+        callbackOnViewChanged(viewName);
+    }
+    return res;
+};
+exports.navigateBack = navigateBack;

package/lib/actions/ui/next-slide.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nextSlide = exports.NEXT_SLIDE = void 0;
+const filter_1 = __importDefault(require("lodash/fp/filter"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+exports.NEXT_SLIDE = '@@slide/NEXT_SLIDE';
+const nextSlide = (dispatch, getState) => {
+    const state = getState();
+    const progression = state.data.progression;
+    const { isCorrect, allAnswers, slides } = progression.state;
+    const correctAnswers = (0, filter_1.default)((answer) => answer.isCorrect, allAnswers);
+    const payload = {
+        currentSlideRef: (0, get_1.default)(['ui', 'currentSlideRef'], state),
+        nextSlideRef: (0, get_1.default)(['state', 'nextContent', 'ref'], state.data.progression),
+        animationType: isCorrect ? 'unstack' : 'restack',
+        totalCorrectAnswers: correctAnswers.length,
+        answeredSlides: slides
+    };
+    const action = {
+        type: exports.NEXT_SLIDE,
+        payload
+    };
+    return dispatch(action);
+};
+exports.nextSlide = nextSlide;

package/lib/actions/ui/quit-popin.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.closeQuitPopin = exports.openQuitPopin = exports.CLOSE_POPIN = exports.OPEN_POPIN = void 0;
+exports.OPEN_POPIN = '@@ui/OPEN_POPIN';
+exports.CLOSE_POPIN = '@@ui/CLOSE_POPIN';
+exports.openQuitPopin = {
+    type: exports.OPEN_POPIN
+};
+exports.closeQuitPopin = {
+    type: exports.CLOSE_POPIN
+};

package/lib/actions/ui/slides.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setCurrentSlide = exports.SET_CURRENT_SLIDE = void 0;
+exports.SET_CURRENT_SLIDE = '@@slide/SET_CURRENT_SLIDE';
+const setCurrentSlide = (payload) => ({
+    type: exports.SET_CURRENT_SLIDE,
+    payload
+});
+exports.setCurrentSlide = setCurrentSlide;

package/lib/common/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProgressionSlidesRefs = exports.slideIndexes = void 0;
+const concat_1 = __importDefault(require("lodash/fp/concat"));
+const slice_1 = __importDefault(require("lodash/fp/slice"));
+exports.slideIndexes = ['0', '1', '2', '3', '4'];
+const getProgressionSlidesRefs = (progression) => {
+    if (progression.state.step.current <= 5) {
+        const slideRef = progression.state.nextContent.ref;
+        return (0, concat_1.default)(progression.state.slides, [slideRef]);
+    }
+    return (0, slice_1.default)(0, 5, progression.state.slides);
+};
+exports.getProgressionSlidesRefs = getProgressionSlidesRefs;

package/lib/configure-store.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const redux_1 = require("redux");
+const redux_thunk_1 = __importDefault(require("redux-thunk"));
+const reducers_1 = __importDefault(require("./reducers"));
+const services_1 = require("./services");
+function configureStore(options) {
+    const _compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+        ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
+            name: 'app-review',
+            trace: true,
+            traceLimit: 25
+        })
+        : redux_1.compose;
+    const thunkOptions = {
+        services: options.services || (0, services_1.getServices)(),
+        callbackOnViewChanged: options.callbackOnViewChanged
+    };
+    const thunkMiddleware = redux_thunk_1.default.withExtraArgument(thunkOptions);
+    const enhancer = _compose((0, redux_1.applyMiddleware)(thunkMiddleware));
+    const store = (0, redux_1.createStore)(reducers_1.default, undefined, enhancer);
+    return store;
+}
+exports.default = configureStore;

package/lib/helpers/css-register.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const css_modules_require_hook_1 = __importDefault(require("@coorpacademy/css-modules-require-hook"));
+(0, css_modules_require_hook_1.default)();

package/lib/index.js

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const app_review_1 = __importDefault(require("@coorpacademy/components/es/template/app-review"));
+const isEmpty_1 = __importDefault(require("lodash/fp/isEmpty"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+const configure_store_1 = __importDefault(require("./configure-store"));
+const navigation_1 = require("./actions/ui/navigation");
+const token_1 = require("./actions/data/token");
+const fetch_skills_1 = require("./actions/api/fetch-skills");
+const post_progression_1 = require("./actions/api/post-progression");
+const slides_1 = require("./views/slides");
+const skills_1 = require("./views/skills");
+const ConnectedApp = ({ onQuitClick }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const props = {
+        navigateBack: () => dispatch(navigation_1.navigateBack),
+        viewName: (0, react_redux_1.useSelector)((state) => state.ui.navigation[state.ui.navigation.length - 1]),
+        slides: (0, react_redux_1.useSelector)((state) => (0, slides_1.mapStateToSlidesProps)(state, dispatch, onQuitClick)),
+        skills: (0, react_redux_1.useSelector)((state) => (0, skills_1.mapStateToSkillsProps)(state)),
+        onboarding: {}
+    };
+    return react_1.default.createElement(app_review_1.default, { ...props });
+};
+const AppReview = ({ options }) => {
+    const [store, setStore] = (0, react_1.useState)(null);
+    const [isProgressionCreated, setIsProgressionCreated] = (0, react_1.useState)(false);
+    const onQuitClick = options.onQuitClick;
+    (0, react_1.useEffect)(() => {
+        if (store)
+            return;
+        const newStore = (0, configure_store_1.default)(options);
+        setStore(newStore);
+    }, [options, store]);
+    (0, react_1.useEffect)(() => {
+        if (!store || isProgressionCreated)
+            return;
+        return store.subscribe(() => {
+            const isProgressionPresent = !(0, isEmpty_1.default)(store.getState().data.progression);
+            return isProgressionPresent && setIsProgressionCreated(isProgressionPresent);
+        });
+    }, [isProgressionCreated, options, store]);
+    (0, react_1.useEffect)(() => {
+        const token = (0, get_1.default)('token', options);
+        if (store === null || (0, isEmpty_1.default)(token))
+            return;
+        store.dispatch((0, token_1.storeToken)(token));
+    }, [options, store]);
+    (0, react_1.useEffect)(() => {
+        const token = (0, get_1.default)('token', options);
+        if (store === null || (0, isEmpty_1.default)(token))
+            return;
+        const skillRef = (0, get_1.default)('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((0, post_progression_1.postProgression)(skillRef)) : store.dispatch(fetch_skills_1.fetchSkills);
+    }, [options, store]);
+    (0, react_1.useEffect)(() => {
+        if (store === null)
+            return;
+        const { skillRef } = options;
+        if (skillRef && !isProgressionCreated) {
+            store.dispatch((0, navigation_1.navigateTo)('loader')); // use loader while posting progression
+            return;
+        }
+        const initialView = skillRef ? 'slides' : 'skills';
+        store.dispatch((0, navigation_1.navigateTo)(initialView));
+    }, [isProgressionCreated, options, store]);
+    if (!store)
+        return null;
+    return (react_1.default.createElement(react_redux_1.Provider, { store: store },
+        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
+};
+exports.default = AppReview;

package/lib/reducers/data/corrections.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const set_1 = __importDefault(require("lodash/fp/set"));
+const fetch_correction_1 = require("../../actions/api/fetch-correction");
+const initialState = {};
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = initialState, action) => {
+    switch (action.type) {
+        case fetch_correction_1.CORRECTION_FETCH_REQUEST: {
+            const { meta } = action;
+            return (0, set_1.default)([meta.slideRef], null, state);
+        }
+        case fetch_correction_1.CORRECTION_FETCH_SUCCESS: {
+            const { meta } = action;
+            const correction = action.payload;
+            return (0, set_1.default)([meta.slideRef], correction, state);
+        }
+        default:
+            return state;
+    }
+};
+exports.default = reducer;

package/lib/reducers/data/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const redux_1 = require("redux");
+const corrections_1 = __importDefault(require("./corrections"));
+const progression_1 = __importDefault(require("./progression"));
+const skills_1 = __importDefault(require("./skills"));
+const slides_1 = __importDefault(require("./slides"));
+const token_1 = __importDefault(require("./token"));
+const rank_1 = __importDefault(require("./rank"));
+exports.default = (0, redux_1.combineReducers)({ corrections: corrections_1.default, progression: progression_1.default, skills: skills_1.default, slides: slides_1.default, token: token_1.default, rank: rank_1.default });

package/lib/reducers/data/progression.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const post_answer_1 = require("../../actions/api/post-answer");
+const post_progression_1 = require("../../actions/api/post-progression");
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = null, action) => {
+    switch (action.type) {
+        case post_answer_1.POST_ANSWER_SUCCESS:
+        case post_progression_1.POST_PROGRESSION_SUCCESS: {
+            const progression = action.payload;
+            return progression;
+        }
+        default:
+            return state;
+    }
+};
+exports.default = reducer;

package/lib/reducers/data/rank.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const set_1 = __importDefault(require("lodash/fp/set"));
+const post_progression_1 = require("../../actions/api/post-progression");
+const fetch_rank_1 = require("../../actions/api/fetch-rank");
+const initialState = {
+    start: Number.NaN,
+    end: Number.NaN
+};
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = initialState, action) => {
+    switch (action.type) {
+        case post_progression_1.POST_PROGRESSION_SUCCESS: {
+            return initialState;
+        }
+        case fetch_rank_1.RANK_FETCH_START_SUCCESS: {
+            const { payload } = action;
+            return (0, set_1.default)('start', payload.rank, state);
+        }
+        case fetch_rank_1.RANK_FETCH_END_SUCCESS: {
+            const { payload } = action;
+            return (0, set_1.default)('end', payload.rank, state);
+        }
+        default:
+            return state;
+    }
+};
+exports.default = reducer;

package/lib/reducers/data/skills.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fetch_skills_1 = require("../../actions/api/fetch-skills");
+// eslint-disable-next-line default-param-last
+const reducer = (state = [], action) => {
+    switch (action.type) {
+        case fetch_skills_1.SKILLS_FETCH_SUCCESS:
+            return action.payload;
+        default:
+            return state;
+    }
+};
+exports.default = reducer;

package/lib/reducers/data/slides.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialState = void 0;
+const set_1 = __importDefault(require("lodash/fp/set"));
+const fetch_slide_1 = require("../../actions/api/fetch-slide");
+exports.initialState = {};
+// eslint-disable-next-line default-param-last
+const reducer = (state = exports.initialState, action) => {
+    switch (action.type) {
+        case fetch_slide_1.SLIDE_FETCH_REQUEST: {
+            const { meta } = action;
+            return (0, set_1.default)([meta.slideRef], null, state);
+        }
+        case fetch_slide_1.SLIDE_FETCH_SUCCESS: {
+            const slide = action.payload;
+            return (0, set_1.default)([slide._id], slide, state);
+        }
+        default:
+            return state;
+    }
+};
+exports.default = reducer;