@coorpacademy/app-review 0.1.8 → 0.1.10

package/es/helpers/test/fixtures/select-template.js

@@ -0,0 +1,88 @@
+import noop from 'lodash/fp/noop';
+export const selectTemplateSlide = {
+    id: 'sli_410xZQxrZ',
+    universalRef: 'sli_410xZQxrZ',
+    question: {
+        type: 'template',
+        header: 'sli_410xZQxrZ.header',
+        explanation: 'sli_410xZQxrZ.explanation',
+        content: {
+            template: 'sli_410xZQxrZ.template',
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '5fdce726359bf4003ee66967',
+                    type: 'select',
+                    name: 'sel36665',
+                    items: [
+                        {
+                            _id: '5fdce726359bf4003ee66968',
+                            text: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                            value: 'sli_410xZQxrZ.choice_4yeA4Z7lr~'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee66969',
+                            text: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                            value: 'sli_410xZQxrZ.choice_VJWCN~mgB~'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee6696a',
+                            text: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                            value: 'sli_410xZQxrZ.choice_VkaH~XgBb'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee6696b',
+                            text: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                            value: 'sli_410xZQxrZ.choice_E1uUWXeBb'
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    clue: 'sli_410xZQxrZ.clue',
+    klf: 'sli_410xZQxrZ.klf',
+    tips: 'sli_410xZQxrZ.tips'
+};
+export const selectTemplateUISlide = {
+    type: 'template',
+    template: 'sli_410xZQxrZ.template',
+    answers: [
+        {
+            type: 'select',
+            name: 'sel36665',
+            onChange: noop,
+            options: [
+                { name: 'Select an answer', value: '', validOption: false, selected: true },
+                {
+                    name: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                    value: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                    value: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                    value: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                    value: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                    validOption: true,
+                    selected: false
+                }
+            ]
+        }
+    ]
+};

package/es/helpers/test/fixtures/slider.d.ts

@@ -0,0 +1,4 @@
+import { QuestionRange } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const sliderSlide: SlideFromAPI;
+export declare const sliderUISlide: QuestionRange;

package/es/helpers/test/fixtures/slider.js

@@ -0,0 +1,27 @@
+import noop from 'lodash/fp/noop';
+export const sliderSlide = {
+    id: 'sli_41D5AovN~',
+    universalRef: 'sli_41D5AovN~',
+    question: {
+        type: 'slider',
+        header: 'sli_41D5AovN~.header',
+        explanation: 'sli_41D5AovN~.explanation',
+        content: {
+            min: 1,
+            max: 10,
+            unitLabel: 'sli_41D5AovN~.unitLabel'
+        }
+    },
+    clue: 'sli_41D5AovN~.clue',
+    klf: 'sli_41D5AovN~.klf',
+    tips: 'sli_41D5AovN~.tips'
+};
+export const sliderUISlide = {
+    type: 'slider',
+    placeholder: 'sli_41D5AovN~.explanation',
+    minLabel: '1 undefined',
+    maxLabel: '10 undefined',
+    title: '0 sli_41D5AovN~.unitLabel',
+    value: -0.1111111111111111,
+    onChange: noop
+};

package/es/helpers/test/fixtures/text-template.d.ts

@@ -0,0 +1,4 @@
+import { Template } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const textTemplateSlide: SlideFromAPI;
+export declare const textTemplateUISlide: Template;

package/es/helpers/test/fixtures/text-template.js

@@ -0,0 +1,48 @@
+import noop from 'lodash/fp/noop';
+export const textTemplateSlide = {
+    question: {
+        content: {
+            media: {
+                src: [],
+                posters: [],
+                subtitles: []
+            },
+            template: 'Un   {{inp58402}}   model.',
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62433c2c58920f02c4950de0',
+                    type: 'text',
+                    name: 'inp58402',
+                    id: '62433c2c58920f02c4950de0'
+                }
+            ]
+        },
+        type: 'template',
+        header: 'Comment le protégé doit-il percevoir son mentor ?',
+        explanation: 'Saisissez votre réponse (en anglais).'
+    },
+    klf: "Le mentoré voit dans son mentor un <i>role model</i>, c'est-à-dire un exemple inspirant qui lui permet de se projeter dans un poste à responsabilité.",
+    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'
+};
+export const textTemplateUISlide = {
+    type: 'template',
+    template: 'Un   {{inp58402}}   model.',
+    answers: [
+        {
+            type: 'text',
+            name: 'inp58402',
+            placeholder: 'Type here',
+            value: undefined,
+            onChange: noop
+        }
+    ]
+};

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

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

package/es/helpers/test/map-api-slide-to-ui.test.js

@@ -0,0 +1,32 @@
+import test from 'ava';
+import { mapApiSlideToUi } from '../map-api-slide-to-ui';
+import { qcmUISlide, qcmSlide } from './fixtures/qcm';
+import { qcmDragUISlide, qcmDragSlide } from './fixtures/qcm-drag';
+import { freeTextSlide, freeTextUISlide } from './fixtures/free-text';
+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 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)));
+    }
+});
+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('select template', macro, {
+    slide: selectTemplateSlide,
+    expectedUiSlide: selectTemplateUISlide
+});
+test('free text', macro, { slide: freeTextSlide, expectedUiSlide: freeTextUISlide });
+test('slider', macro, { slide: sliderSlide, 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));
+});

package/es/index.d.ts

@@ -4,7 +4,7 @@ declare const AppReview: ({ options }: {
 }) => JSX.Element | null;
 declare global {
     interface Window {
-        __REDUX_DEVTOOLS_EXTENSION__?: boolean;
+        __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: Function;
     }
 }
 export default AppReview;

package/es/index.js

@@ -2,6 +2,8 @@ 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 isEmpty from 'lodash/fp/isEmpty';
+import get from 'lodash/fp/get';
 import configureStore from './configure-store';
 import { congratsProps, correctionPopinProps } from './fixtures/temp-fixture';
 import { updateSlidesOnNext, updateSlidesOnValidation, validateSlide } from './actions/data/slides';
@@ -13,7 +15,6 @@ import { updateStepItemsOnValidation, updateStepItemsOnNext } from './actions/ui
 import { fetchSkills } from './actions/api/fetch-skills';
 import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
-// -----------------------------------------------------------------------------
 const mapDispatchToProps = {
     navigateTo,
     navigateBack,
@@ -26,7 +27,6 @@ const mapDispatchToProps = {
     updateFinishedSlides
 };
 const getCurrentViewName = (storeState) => storeState.ui.navigation[storeState.ui.navigation.length - 1];
-// -----------------------------------------------------------------------------
 const mapStateToSkillsProps = (state) => {
     if (!state.data.skills) {
         return null;
@@ -52,7 +52,6 @@ const mapStateToSkillsProps = (state) => {
         }))
     };
 };
-// -----------------------------------------------------------------------------
 const mapStateToSlidesProps = (state) => {
     if (!state.data.slides) {
         return null;
@@ -80,7 +79,6 @@ const mapStateToSlidesProps = (state) => {
         progression: state.data.progression
     };
 };
-// -----------------------------------------------------------------------------
 const mapStateToProps = (state) => {
     return {
         viewName: getCurrentViewName(state),
@@ -88,11 +86,10 @@ const mapStateToProps = (state) => {
         skills: mapStateToSkillsProps(state)
     };
 };
-// Props = StaticProps && Dispatchers
 const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
-// -----------------------------------------------------------------------------
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
+    const [isSlideFetched, setIsSlideFetched] = useState(false);
     useEffect(() => {
         if (store)
             return;
@@ -100,26 +97,45 @@ const AppReview = ({ options }) => {
         setStore(newStore);
     }, [options, store]);
     useEffect(() => {
-        if (store === null)
+        if (!store || isSlideFetched)
             return;
-        const { skillRef } = options;
-        const initialView = skillRef ? VIEWS.slides : VIEWS.skills;
-        store.dispatch(navigateTo(initialView));
-    }, [options, store]);
+        return store.subscribe(() => {
+            const isSlidePresent = !isEmpty(store.getState().data.slides[0].questionText);
+            return isSlidePresent && setIsSlideFetched(isSlidePresent);
+        }); // using the first slide questionText for now, should only check for a slide's presence
+        // when the refactor is done (slides will be feed one by one on api's side)
+    }, [isSlideFetched, options, store]);
     useEffect(() => {
-        if (store === null)
+        const token = get('token', options);
+        if (store === null || isEmpty(token))
             return;
-        const { token } = options;
         store.dispatch(storeToken(token));
     }, [options, store]);
     useEffect(() => {
-        if (store === null)
+        const token = get('token', options);
+        if (store === null || isEmpty(token))
             return;
-        const { skillRef, token } = options;
+        const skillRef = get('skillRef', options);
+        // ThunkAction is not assignable to parameter of type 'AnyAction'
+        // ts problem describre here = https://github.com/reduxjs/redux-thunk/issues/333
         skillRef
             ? store.dispatch(postProgression(skillRef, token))
             : store.dispatch(fetchSkills(token));
     }, [options, store]);
+    useEffect(() => {
+        if (store === null)
+            return;
+        const { skillRef } = options;
+        if (skillRef && !isSlideFetched) {
+            store.dispatch(navigateTo('loader')); // use loader while posting progression
+            return;
+        }
+        // TODO: when slides state is refactored (data + mapping),
+        // use loader in case a skillRef is found && no slides from the API
+        // are found
+        const initialView = skillRef ? VIEWS.slides : VIEWS.skills;
+        store.dispatch(navigateTo(initialView));
+    }, [isSlideFetched, options, store]);
     if (!store)
         return null;
     const { templateContext: values } = options;
@@ -127,5 +143,4 @@ const AppReview = ({ options }) => {
         React.createElement(TemplateContext, { values: values },
             React.createElement(App, null))));
 };
-// -----------------------------------------------------------------------------
 export default AppReview;

package/es/reducers/ui/navigation.d.ts

@@ -1,4 +1,4 @@
 import { type NavigateTo, type NavigateBack } from '../../actions/ui/navigation';
-export declare type NavigationState = Array<'skills' | 'onboarding' | 'slides'>;
+export declare type NavigationState = Array<'skills' | 'onboarding' | 'slides' | 'loader'>;
 declare const reducer: (state: NavigationState | undefined, action: NavigateTo | NavigateBack) => NavigationState;
 export default reducer;

package/es/test/index.test.js

@@ -42,22 +42,25 @@ const appOptions = {
     skillRef: 'skill_NJC0jFKoH',
     services
 };
-test('should validate all the slides (all correct scenario)', async (t) => {
-    // t.plan(13);
+test('should show the loader while the app is fetching the data', async (t) => {
     t.plan(2);
-    const { container } = render(React.createElement(AppReview, { options: appOptions, key: 0 }));
+    const { container } = render(React.createElement(AppReview, { options: appOptions }));
     await waitForChanges(1000);
-    const wrapper = container.querySelector('[data-name="loader"]');
-    t.truthy(wrapper);
-    /*
-    const wrapper = container.querySelector('[data-name="slides-revision-container"]');
-    t.truthy(wrapper);
-  
-    const stackedSlidesContainer = wrapper?.querySelector('[data-name="stacked-slides-container"]');
-  
-    t.truthy(stackedSlidesContainer);
-  
-    await clickAllSlides(t, container);
-    */
+    const loader = container.querySelector('[data-name="loader"]');
+    t.truthy(loader);
+    // await waitFor(async () => {
+    //   // await sleep(500);
+    //   const result = await t.try(tt => {
+    //     // rerender(<AppReview options={appOptions} />);
+    //     const slidesContainer = container.querySelector('[data-name="slides-revision-container"]');
+    //     tt.truthy(slidesContainer);
+    //   });
+    //   if (result.passed) return result.commit();
+    //   result.discard();
+    //   throw result.errors;
+    // });
+    // const stackedSlidesContainer = container.querySelector('[data-name="stacked-slides-container"]');
+    // t.truthy(stackedSlidesContainer);
+    // await clickAllSlides(t, container);
     t.pass();
 });

package/es/test/util/services.mock.js

@@ -1,3 +1,4 @@
+import { qcmSlide } from '../../helpers/test/fixtures/qcm';
 export const services = {
     fetchSkills: () => {
         return Promise.resolve([
@@ -16,38 +17,7 @@ export const services = {
         ]);
     },
     fetchSlide: ref => {
-        // return Promise.resolve(qcm); // why qcm does not look like a slide returned from mooc ?
-        return Promise.resolve({
-            question: {
-                content: {
-                    choices: [
-                        {
-                            selected: false,
-                            title: 'choix1',
-                            help: '(help choix1)',
-                            ariaLabel: '__ariaLabel1',
-                            onClick: () => undefined
-                        },
-                        {
-                            selected: false,
-                            title: 'choix2',
-                            help: '(help choix2)',
-                            ariaLabel: '__ariaLabel2',
-                            onClick: () => undefined
-                        },
-                        {
-                            selected: false,
-                            title: 'choix3',
-                            help: '(help choix3)',
-                            ariaLabel: '__ariaLabel3',
-                            onClick: () => undefined
-                        }
-                    ]
-                }
-            },
-            klf: '___klf',
-            universalRef: ref
-        });
+        return Promise.resolve({ ...qcmSlide, universalRef: ref, id: ref });
     },
     postProgression: () => {
         return Promise.resolve({

package/es/types/common.d.ts

@@ -4,14 +4,71 @@ declare type TemplateContextValues = {
     theme?: unknown;
     translations?: unknown;
 };
-export declare type SlideFromAPI = {
-    question: {
-        content: {
-            choices: Record<string, unknown>[];
-        };
+export declare type ChoiceFromAPI = {
+    _id: string;
+    id?: string;
+    value?: string;
+    name?: string;
+    type?: 'text' | 'select';
+    label?: string;
+    items: {
+        text: string;
+        value: string;
+        _id: string;
+    }[];
+    media?: unknown;
+};
+declare type BaseContent = {
+    media?: unknown;
+    choices: ChoiceFromAPI[];
+};
+declare type Question = {
+    header?: string;
+    content: BaseContent;
+    explanation?: string;
+};
+export declare type QcmQuestion = Question & {
+    type: 'qcm';
+};
+export declare type QcmGraphicQuestion = Question & {
+    type: 'qcmGraphic';
+};
+export declare type QcmDragQuestion = Question & {
+    type: 'qcmDrag';
+};
+export declare type BasicQuestion = Omit<Question, 'content'> & {
+    type: 'basic';
+    content: {
+        media?: unknown;
+        label?: string;
+        placeholder?: string;
+        id: string;
+    };
+};
+export declare type SliderQuestion = Omit<Question, 'content'> & {
+    content: {
+        media?: unknown;
+        unitLabel: string;
+        min: number;
+        max: number;
+        step?: number;
     };
+    type: 'slider';
+};
+export declare type TemplateQuestion = Omit<Question, 'content'> & {
+    content: BaseContent & {
+        template: string;
+    };
+    type: 'template';
+};
+export declare type SlideFromAPI = {
+    question: QcmQuestion | QcmGraphicQuestion | QcmDragQuestion | BasicQuestion | SliderQuestion | TemplateQuestion;
     klf: string;
     universalRef: string;
+    tips?: string;
+    clue?: string;
+    hasClue?: boolean;
+    id?: string;
 };
 export declare type ProgressionFromAPI = {
     _id: string;

package/es/types/slides.d.ts

@@ -1,9 +1,10 @@
 export declare type Choice = {
     order?: number;
     selected: boolean;
-    title: string;
-    help: string;
+    title?: string;
+    help?: string;
     onClick: Function;
+    ariaLabel?: string;
 };
 export declare type QcmDrag = {
     type: 'qcmDrag';
@@ -12,22 +13,20 @@ export declare type QcmDrag = {
 };
 export declare type Qcm = {
     type: 'qcm';
-    choices: (Choice & {
-        ariaLabel: string;
-    })[];
+    answers: Choice[];
 };
 export declare type QcmGraphic = {
     type: 'qcmGraphic';
-    choices: (Choice & {
+    answers: (Choice & {
         image: string;
     })[];
 };
 export declare type FreeText = {
     type: 'freeText';
     placeholder: string;
-    value: string;
+    value?: string;
     onChange: Function;
-    ariaLabel: string;
+    ariaLabel?: string;
 };
 export declare type DropDownOption = {
     name: string;
@@ -37,26 +36,38 @@ export declare type DropDownOption = {
 };
 export declare type DropDown = {
     type: 'dropDown';
-    onChange: Function;
+    onChange?: Function;
     options: DropDownOption[];
-    theme: 'filter' | 'invalid' | 'header' | 'mooc' | 'question' | 'sort' | 'thematiques' | 'player' | 'template' | 'coorpmanager';
+    theme?: 'filter' | 'invalid' | 'header' | 'mooc' | 'question' | 'sort' | 'thematiques' | 'player' | 'template' | 'coorpmanager';
 };
 export declare type QuestionRange = {
     type: 'slider';
-    onChange: Function;
-    onChangeEnd: Function;
-    multi: boolean;
+    placeholder?: string;
+    onChange?: Function;
+    onChangeEnd?: Function;
+    multi?: boolean;
     value: number | number[];
     title: string;
     minLabel: string;
     maxLabel: string;
 };
+export declare type TextTemplate = {
+    type: 'text';
+    name: string;
+    placeholder: string;
+    value?: string;
+    onChange: Function;
+};
+export declare type SelectionTemplate = {
+    type: 'select';
+    name: string;
+    onChange?: Function;
+    options?: DropDownOption[];
+};
 export declare type Template = {
     type: 'template';
     template: string;
-    choices: (DropDown & {
-        type?: string;
-    })[];
+    answers: (TextTemplate | SelectionTemplate)[];
 };
 export declare type AnswerUI = {
     model: QcmDrag | Qcm | QcmGraphic | FreeText | DropDown | QuestionRange | Template;

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

@@ -1,10 +1,13 @@
-import { Action } from 'redux';
-import { Skill } from '../../types/common';
+import type { ThunkAction } from 'redux-thunk';
+import { AnyAction } from 'redux';
+import type { StoreState } from '../../reducers';
+import { 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 declare type ReceivedSkills = {
+export interface ReceivedSkills extends AnyAction {
     type: '@@skills/FETCH_SUCCESS';
     payload: Skill[];
-};
-export declare const fetchSkills: (token: string) => Action;
+}
+export declare type FetchSkillsAction = ThunkAction<Promise<void>, StoreState, Options, AnyAction>;
+export declare const fetchSkills: (token: string) => FetchSkillsAction;

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

@@ -1,10 +1,13 @@
-import type { Action } from 'redux';
-import { SlideFromAPI } from '../../types/common';
+import type { AnyAction } from 'redux';
+import type { ThunkAction } from 'redux-thunk';
+import type { StoreState } from '../../reducers';
+import { 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 declare type ReceivedSlide = {
+export interface ReceivedSlide extends AnyAction {
     type: typeof SLIDE_FETCH_SUCCESS;
     payload: SlideFromAPI;
-};
-export declare const fetchSlide: (slideRef: string, token: string) => Action;
+}
+export declare type FetchSlideAction = ThunkAction<Promise<void>, StoreState, Options, AnyAction>;
+export declare const fetchSlide: (slideRef: string, token: string) => FetchSlideAction;

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

@@ -1,10 +1,13 @@
-import type { Action } from 'redux';
-import { ProgressionFromAPI } from '../../types/common';
+import type { AnyAction } from 'redux';
+import type { ThunkAction } from 'redux-thunk';
+import { Options, ProgressionFromAPI } from '../../types/common';
+import type { StoreState } from '../../reducers';
 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 = {
+export interface ReceiveProgression extends AnyAction {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;
-};
-export declare const postProgression: (skillRef: string, token: string) => Action;
+}
+export declare type PostProgressionAction = ThunkAction<Promise<ProgressionFromAPI>, StoreState, Options, AnyAction>;
+export declare const postProgression: (skillRef: string, token: string) => PostProgressionAction;

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

@@ -2,7 +2,7 @@ import { AppOptions } from '../../types/common';
 export declare const NAVIGATE_TO = "@@navigation/NAVIGATE_TO";
 export declare const NAVIGATE_BACK = "@@navigation/NAVIGATE_BACK";
 export declare const START_APP = "@@navigation/START_APP";
-export declare type ViewPath = 'skills' | 'onboarding' | 'slides';
+export declare type ViewPath = 'skills' | 'onboarding' | 'slides' | 'loader';
 export declare type NavigateTo = {
     type: '@@navigation/NAVIGATE_TO';
     payload: ViewPath;