@coorpacademy/app-review 0.1.5 → 0.1.8

package/es/types/common.js

@@ -1 +1,6 @@
+const ICON_VALUES = {
+    right: 'right',
+    wrong: 'wrong',
+    'no-answer': 'no-answer'
+};
 export {};

package/es/types/slides.d.ts

@@ -63,7 +63,7 @@ export declare type AnswerUI = {
     help: string;
 };
 export declare type SlideUIAnimations = 'unstack' | 'restack';
-export declare type Slide = {
+export declare type UISlide = {
     questionText?: string;
     answerUI?: AnswerUI;
 };

package/es/types/ui-progression.d.ts

@@ -0,0 +1,10 @@
+export declare type UiProgression = {
+    _id?: string;
+    slideNumber?: number;
+    isCorrect?: boolean;
+    exitNode?: 'successExitNode' | 'failExitNode';
+    nextContent?: {
+        ref: 'successExitNode' | string;
+        type: 'success' | 'slide';
+    };
+} | null;

package/es/types/views/slides.d.ts

@@ -1,5 +1,5 @@
+import type { StoreState } from '../../reducers';
 import { Dispatchers } from '../../actions';
-import { StoreState } from '../../configure-store';
 declare type SlidesViewStaticProps = {
     slides: StoreState['data']['slides'];
     headerProps: {

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

@@ -0,0 +1,10 @@
+import { Action } from 'redux';
+import { 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 declare type ReceivedSkills = {
+    type: '@@skills/FETCH_SUCCESS';
+    payload: Skill[];
+};
+export declare const fetchSkills: (token: string) => Action;

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

@@ -0,0 +1,13 @@
+import buildTask from '@coorpacademy/redux-task';
+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);
+        }
+    });
+};

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

@@ -0,0 +1,10 @@
+import type { Action } from 'redux';
+import { 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 declare type ReceivedSlide = {
+    type: typeof SLIDE_FETCH_SUCCESS;
+    payload: SlideFromAPI;
+};
+export declare const fetchSlide: (slideRef: string, token: string) => Action;

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

@@ -0,0 +1,13 @@
+import buildTask from '@coorpacademy/redux-task';
+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 (slideRef, token) {
+    return buildTask({
+        types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
+        task: function (dispatch, getState, _a) {
+            var services = _a.services;
+            return services.fetchSlide(slideRef, token);
+        }
+    });
+};

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

@@ -0,0 +1,10 @@
+import type { Action } from 'redux';
+import { ProgressionFromAPI } from '../../types/common';
+export declare const POST_PROGRESSION_REQUEST: "@@progression/POST_REQUEST";
+export declare const POST_PROGRESSION_SUCCESS: "@@progression/POST_SUCCESS";
+export declare const POST_PROGRESSION_FAILURE: "@@progression/POST_FAILURE";
+export declare type ReceiveProgression = {
+    type: typeof POST_PROGRESSION_SUCCESS;
+    payload: ProgressionFromAPI;
+};
+export declare const postProgression: (skillRef: string, token: string) => Action;

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

@@ -0,0 +1,18 @@
+import buildTask from '@coorpacademy/redux-task';
+import { fetchSlide } from './fetch-slide';
+export var POST_PROGRESSION_REQUEST = '@@progression/POST_REQUEST';
+export var POST_PROGRESSION_SUCCESS = '@@progression/POST_SUCCESS';
+export var POST_PROGRESSION_FAILURE = '@@progression/POST_FAILURE';
+export var postProgression = function (skillRef, token) {
+    return buildTask({
+        types: [POST_PROGRESSION_REQUEST, POST_PROGRESSION_SUCCESS, POST_PROGRESSION_FAILURE],
+        task: function (dispatch, getState, _a) {
+            var services = _a.services;
+            return services.postProgression(skillRef, token).then(function (progression) {
+                var ref = progression.state.nextContent.ref;
+                dispatch(fetchSlide(ref, token));
+                return progression;
+            });
+        }
+    });
+};

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

@@ -1,36 +1,24 @@
-import { Slide as SlideFromAPI } from '../../types/slides';
-export declare const STORE_FIRST_SLIDE = "@@slide/STORE_FIRST_SLIDE";
+import { UISlide } from '../../types/slides';
+import { ReceivedSlide } from '../api/fetch-slide';
 export declare const UPDATE_SLIDES_ON_VALIDATION = "@@slide/UPDATE_SLIDES_ON_VALIDATION";
 export declare const UPDATE_SLIDES_ON_NEXT = "@@slide/UPDATE_SLIDES_ON_NEXT";
 export declare const VALIDATE_SLIDE = "@@slide/VALIDATE";
-export declare const FETCH_NEXT_CONTENT = "@@slide/FETCH_NEXT_CONTENT";
 declare type SlideUIAnimations = 'unstack' | 'restack';
-export declare type Slide = SlideFromAPI & {
+export declare type Slide = UISlide & {
     hidden?: boolean;
     position: number;
     animationType?: SlideUIAnimations;
     isCorrect?: boolean;
     endReview?: boolean;
-    nextSlide?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextSlide'>;
+    nextContent?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextContent'>;
 };
 export declare type ValidationPayload = {
     slideNumber: number;
     newSlideContent: Slide;
     numberOfFinishedSlides: number;
-    nextSlide: Slide;
-};
-export declare type OnNextPayload = Omit<ValidationPayload, 'nextSlide'>;
-export declare type FetchNextPayload = {
-    answer: string[];
-    content: {
-        ref: string;
-        type: string;
-    };
-};
-export declare type StoreFirstSlide = {
-    type: typeof STORE_FIRST_SLIDE;
-    payload: SlideFromAPI;
+    nextContent: Slide;
 };
+export declare type OnNextPayload = Omit<ValidationPayload, 'nextContent'>;
 export declare type UpdateSlidesOnValidation = {
     type: typeof UPDATE_SLIDES_ON_VALIDATION;
     payload: ValidationPayload;
@@ -42,12 +30,7 @@ export declare type UpdateSlidesOnNext = {
 export declare type ValidateSlide = {
     type: typeof VALIDATE_SLIDE;
 };
-export declare type FetchNextContent = {
-    type: typeof FETCH_NEXT_CONTENT;
-    payload: FetchNextPayload;
-};
-export declare type SlidesAction = StoreFirstSlide | UpdateSlidesOnValidation | UpdateSlidesOnNext;
-export declare const storeFirstSlide: (slide: SlideFromAPI) => StoreFirstSlide;
+export declare type SlidesAction = ReceivedSlide | UpdateSlidesOnValidation | UpdateSlidesOnNext;
 export declare const updateSlidesOnValidation: (payload: ValidationPayload) => UpdateSlidesOnValidation;
 export declare const updateSlidesOnNext: (payload: OnNextPayload) => UpdateSlidesOnNext;
 export declare const validateSlide: () => ValidateSlide;

package/lib/actions/data/slides.js

@@ -1,14 +1,8 @@
 // -----------------------------------------------------------------------------
-export var STORE_FIRST_SLIDE = '@@slide/STORE_FIRST_SLIDE';
 export var UPDATE_SLIDES_ON_VALIDATION = '@@slide/UPDATE_SLIDES_ON_VALIDATION';
 export var UPDATE_SLIDES_ON_NEXT = '@@slide/UPDATE_SLIDES_ON_NEXT';
 export var VALIDATE_SLIDE = '@@slide/VALIDATE';
-export var FETCH_NEXT_CONTENT = '@@slide/FETCH_NEXT_CONTENT';
 // -----------------------------------------------------------------------------
-export var storeFirstSlide = function (slide) { return ({
-    type: STORE_FIRST_SLIDE,
-    payload: slide
-}); };
 export var updateSlidesOnValidation = function (payload) { return ({
     type: UPDATE_SLIDES_ON_VALIDATION,
     payload: payload

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

@@ -1,6 +1,6 @@
-export declare const STORE_TOKEN = "@@token/STORE_TOKEN";
+export declare const STORE_TOKEN = "@@data/token/STORE_TOKEN";
 export declare type StoreToken = {
-    type: '@@token/STORE_TOKEN';
+    type: typeof STORE_TOKEN;
     payload: string;
 };
 export declare const storeToken: (token: string) => StoreToken;

package/lib/actions/data/token.js

@@ -1,4 +1,4 @@
-export var STORE_TOKEN = '@@token/STORE_TOKEN';
+export var STORE_TOKEN = '@@data/token/STORE_TOKEN';
 export var storeToken = function (token) { return ({
     type: STORE_TOKEN,
     payload: token

package/lib/actions/index.d.ts

@@ -1,11 +1,13 @@
-import { StoreFirstSlide, updateSlidesOnValidation, updateSlidesOnNext, validateSlide } from './data/slides';
-import { ErrorFetchingSkills, ReceivedSkills } from './data/skills';
+import { updateSlidesOnValidation, updateSlidesOnNext, validateSlide } from './data/slides';
 import { StoreToken } from './data/token';
 import { updateFinishedSlides } from './ui/finished-slides';
 import { navigateBack, navigateTo, NavigateBack, NavigateTo, StartApp } from './ui/navigation';
 import { updateReviewStatus } from './ui/review-status';
 import { updateStepItemsOnValidation, updateStepItemsOnNext } from './ui/step-items';
-export declare type Action = NavigateBack | NavigateTo | ReceivedSkills | ErrorFetchingSkills | StartApp | StoreFirstSlide | StoreToken;
+import { ReceivedSlide } from './api/fetch-slide';
+import { ReceiveProgression } from './api/post-progression';
+import { ReceivedSkills } from './api/fetch-skills';
+export declare type Action = NavigateBack | NavigateTo | ReceivedSkills | StartApp | ReceivedSlide | StoreToken | ReceiveProgression;
 export declare type Dispatchers = {
     navigateTo: typeof navigateTo;
     navigateBack: typeof navigateBack;

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

@@ -16,4 +16,3 @@ export declare type StartApp = {
 };
 export declare const navigateTo: (newPath: ViewPath) => NavigateTo;
 export declare const navigateBack: () => NavigateBack;
-export declare const startApp: (options: AppOptions) => StartApp;

package/lib/actions/ui/navigation.js

@@ -8,7 +8,3 @@ export var navigateTo = function (newPath) { return ({
 export var navigateBack = function () { return ({
     type: NAVIGATE_BACK
 }); };
-export var startApp = function (options) { return ({
-    type: START_APP,
-    payload: options
-}); };

package/lib/actions/ui/step-items.d.ts

@@ -1,19 +1,13 @@
-import { FinishedSlidesState } from '../../reducers/ui/finished-slides';
+import { FinishedSlides, IconValue } from '../../types/common';
 export declare const UPDATE_STEP_ITEMS_ON_VALIDATION = "@@step-items/UPDATE_STEP_ITEMS_ON_VALIDATION";
 export declare const UPDATE_STEP_ITEMS_ON_NEXT = "@@step-items/UPDATE_STEP_ITEMS_ON_NEXT";
-declare const ICON_VALUES: {
-    readonly right: "right";
-    readonly wrong: "wrong";
-    readonly 'no-answer': "no-answer";
-};
-export declare type IconValue = keyof typeof ICON_VALUES;
 declare type UpdateStepItemsOnValidationClickPayload = {
     stepNumber: number;
     icon: IconValue;
 };
 declare type UpdateStepItemsOnNextClickPayload = {
     stepNumber: number;
-    finishedSlides: FinishedSlidesState;
+    finishedSlides: FinishedSlides;
     current: boolean;
 };
 export declare type UpdateStepItemsOnValidation = {

package/lib/actions/ui/step-items.js

@@ -1,11 +1,5 @@
-// -----------------------------------------------------------------------------
 export var UPDATE_STEP_ITEMS_ON_VALIDATION = '@@step-items/UPDATE_STEP_ITEMS_ON_VALIDATION';
 export var UPDATE_STEP_ITEMS_ON_NEXT = '@@step-items/UPDATE_STEP_ITEMS_ON_NEXT';
-var ICON_VALUES = {
-    right: 'right',
-    wrong: 'wrong',
-    'no-answer': 'no-answer'
-};
 // -----------------------------------------------------------------------------
 export var updateStepItemsOnValidation = function (payload) { return ({
     type: UPDATE_STEP_ITEMS_ON_VALIDATION,

package/lib/configure-store.d.ts

@@ -1,35 +1,4 @@
 import { AnyAction, Store } from 'redux';
-import { SkillsState } from './reducers/data/skills';
-import { SlidesState } from './reducers/data/slides';
-import { TokenState } from './reducers/data/token';
-import { NavigationState } from './reducers/ui/navigation';
-import { ReviewStatusState } from './reducers/ui/review-status';
-import { StepItemsState } from './reducers/ui/step-items';
-import { FinishedSlidesState } from './reducers/ui/finished-slides';
-import { AnswerUI } from './types/slides';
-declare type DataState = {
-    isFetching?: boolean;
-    progression?: {
-        slideNumber: number;
-        isCorrect?: boolean;
-        exitNode?: 'successExitNode' | 'failExitNode';
-        nextSlide?: {
-            questionText?: string;
-            answerUI?: AnswerUI;
-        };
-    } | null;
-    skills: SkillsState;
-    slides: SlidesState;
-    token?: TokenState;
-};
-export declare type StoreState = {
-    ui: {
-        navigation: NavigationState;
-        stepItems: StepItemsState;
-        finishedSlides: FinishedSlidesState;
-        reviewStatus: ReviewStatusState;
-    };
-    data: DataState;
-};
-export default function configureStore(): Store<StoreState, AnyAction>;
-export {};
+import { StoreState } from './reducers';
+import { AppOptions } from './types/common';
+export default function configureStore(options: AppOptions): Store<StoreState, AnyAction>;

package/lib/configure-store.js

@@ -1,9 +1,8 @@
 import { applyMiddleware, compose, createStore } from 'redux';
 import thunk from 'redux-thunk';
 import rootReducer from './reducers';
-import onStartApp from './middlewares/on-start-app';
-// -----------------------------------------------------------------------------
-export default function configureStore() {
+import { getServices } from './services';
+export default function configureStore(options) {
     var _compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
         ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
             name: 'app-review',
@@ -11,7 +10,8 @@ export default function configureStore() {
             traceLimit: 25
         })
         : compose;
-    var enhancer = _compose(applyMiddleware(thunk, onStartApp));
+    var thunkMiddleware = thunk.withExtraArgument({ services: options.services || getServices() });
+    var enhancer = _compose(applyMiddleware(thunkMiddleware));
     var store = createStore(rootReducer, undefined, enhancer);
     return store;
 }

package/lib/fixtures/qcm-slide.d.ts

@@ -1,2 +1,2 @@
-import { Slide } from '../types/slides';
-export declare const slide: Slide;
+import { UISlide } from '../types/slides';
+export declare const slide: UISlide;

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import type { AppOptions } from './types/common';
 declare const AppReview: ({ options }: {
     options: AppOptions;
-}) => JSX.Element;
+}) => JSX.Element | null;
 declare global {
     interface Window {
         __REDUX_DEVTOOLS_EXTENSION__?: boolean;

package/lib/index.js

@@ -1,49 +1,18 @@
-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 React, { useEffect, useState } from 'react';
 import { connect, 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 configureStore from './configure-store';
 import { congratsProps, correctionPopinProps } from './fixtures/temp-fixture';
 import { updateSlidesOnNext, updateSlidesOnValidation, validateSlide } from './actions/data/slides';
-import { navigateTo, navigateBack, startApp } from './actions/ui/navigation';
+import { navigateTo, navigateBack } from './actions/ui/navigation';
+import { storeToken } from './actions/data/token';
 import { updateFinishedSlides } from './actions/ui/finished-slides';
 import { updateReviewStatus } from './actions/ui/review-status';
 import { updateStepItemsOnValidation, updateStepItemsOnNext } from './actions/ui/step-items';
+import { fetchSkills } from './actions/api/fetch-skills';
+import { postProgression } from './actions/api/post-progression';
+import { VIEWS } from './common';
 // -----------------------------------------------------------------------------
 var mapDispatchToProps = {
     navigateTo: navigateTo,
@@ -59,29 +28,38 @@ var mapDispatchToProps = {
 var getCurrentViewName = function (storeState) {
     return storeState.ui.navigation[storeState.ui.navigation.length - 1];
 };
-var mapStateToSkillsProps = function (state) { return ({
-    title: '@todo title',
-    titleNoSkills: '@todo titleNoSkills',
-    textNoSkills: '@todo textNoSkills',
-    iconSkillAriaLabel: '@todo iconSkillAriaLabel',
-    isLoading: false,
-    isLoadingAriaLabel: '@todo loading',
-    listSkills: state.data.skills.map(function (skill) { return ({
-        'aria-label': '',
-        isCustom: skill.custom,
-        skillTitle: skill.name,
-        skillAriaLabel: '@todo skill aria label',
-        buttonLabel: '@todo button',
-        buttonAriaLabel: '@todo button aria label',
-        reviseLabel: '@todo revise',
-        reviseAriaLabel: '@todo revise aria label',
-        // eslint-disable-next-line no-console
-        onClick: function () { return console.log('@todo plug dispatcher select skill'); }
-    }); })
-}); };
-var mapStateToProps = function (state) { return ({
-    viewName: getCurrentViewName(state),
-    slides: {
+// -----------------------------------------------------------------------------
+var mapStateToSkillsProps = function (state) {
+    if (!state.data.skills) {
+        return null;
+    }
+    return {
+        title: '@todo title',
+        titleNoSkills: '@todo titleNoSkills',
+        textNoSkills: '@todo textNoSkills',
+        iconSkillAriaLabel: '@todo iconSkillAriaLabel',
+        isLoading: false,
+        isLoadingAriaLabel: '@todo loading',
+        listSkills: state.data.skills.map(function (skill) { return ({
+            'aria-label': '',
+            isCustom: skill.custom,
+            skillTitle: skill.name,
+            skillAriaLabel: '@todo skill aria label',
+            buttonLabel: '@todo button',
+            buttonAriaLabel: '@todo button aria label',
+            reviseLabel: '@todo revise',
+            reviseAriaLabel: '@todo revise aria label',
+            // eslint-disable-next-line no-console
+            onClick: function () { return console.log('@todo plug dispatcher select skill'); }
+        }); })
+    };
+};
+// -----------------------------------------------------------------------------
+var mapStateToSlidesProps = function (state) {
+    if (!state.data.slides) {
+        return null;
+    }
+    return {
         headerProps: {
             mode: '__revision_mode',
             skillName: '__agility',
@@ -102,41 +80,55 @@ var mapStateToProps = function (state) { return ({
         correctionPopinProps: correctionPopinProps,
         congratsProps: congratsProps,
         progression: state.data.progression
-    },
-    skills: mapStateToSkillsProps(state)
-}); };
+    };
+};
+// -----------------------------------------------------------------------------
+var mapStateToProps = function (state) {
+    return {
+        viewName: getCurrentViewName(state),
+        slides: mapStateToSlidesProps(state),
+        skills: mapStateToSkillsProps(state)
+    };
+};
 // Props = StaticProps && Dispatchers
 var App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 // -----------------------------------------------------------------------------
 var AppReview = function (_a) {
     var options = _a.options;
     var _b = useState(null), store = _b[0], setStore = _b[1];
-    var _c = useState(false), appStarted = _c[0], setAppStarted = _c[1];
     useEffect(function () {
-        if (store) {
-            store.dispatch(startApp(options));
-            setAppStarted(true);
-        }
-        else {
-            var _configure = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var newStore;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, configureStore()];
-                        case 1:
-                            newStore = _a.sent();
-                            setStore(newStore);
-                            return [2 /*return*/];
-                    }
-                });
-            }); };
-            _configure();
-        }
+        if (store)
+            return;
+        var newStore = configureStore(options);
+        setStore(newStore);
+    }, [options, store]);
+    useEffect(function () {
+        if (store === null)
+            return;
+        var skillRef = options.skillRef;
+        var initialView = skillRef ? VIEWS.slides : VIEWS.skills;
+        store.dispatch(navigateTo(initialView));
+    }, [options, store]);
+    useEffect(function () {
+        if (store === null)
+            return;
+        var token = options.token;
+        store.dispatch(storeToken(token));
+    }, [options, store]);
+    useEffect(function () {
+        if (store === null)
+            return;
+        var skillRef = options.skillRef, token = options.token;
+        skillRef
+            ? store.dispatch(postProgression(skillRef, token))
+            : store.dispatch(fetchSkills(token));
     }, [options, store]);
-    if (!store || !appStarted)
-        return React.createElement("div", null);
+    if (!store)
+        return null;
+    var values = options.templateContext;
     return (React.createElement(Provider, { store: store },
-        React.createElement(App, null)));
+        React.createElement(TemplateContext, { values: values },
+            React.createElement(App, null))));
 };
 // -----------------------------------------------------------------------------
 export default AppReview;

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

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

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

@@ -1,14 +1,19 @@
 import { ValidateSlide } from '../../actions/data/slides';
-import { AnswerUI } from '../../types/slides';
+import { ReceiveProgression } from '../../actions/api/post-progression';
 export declare type ProgressionState = {
-    slideNumber: number;
-    isCorrect?: boolean;
-    exitNode?: 'successExitNode' | 'failExitNode';
-    nextSlide?: {
-        questionText?: string;
-        answerUI?: AnswerUI;
+    _id?: string;
+    state: {
+        isCorrect: boolean;
+        nextContent: {
+            ref: 'successExitNode' | string;
+            type: 'success' | 'slide';
+        };
+        pendingSlides: string[];
+        step: {
+            current: number;
+        };
     };
+    slideNumber?: number;
 } | null;
-export declare const initialState: ProgressionState;
-declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ValidateSlide | ReceiveProgression) => ProgressionState;
 export default reducer;