@coorpacademy/app-review 0.0.21-alpha.4 → 0.1.1

package/es/actions/courses.d.ts

@@ -1,7 +1,6 @@
 export declare const RECEIVED_COURSE = "@@api/RECEIVED_COURSE";
 export declare type ReceivedCourse = {
     type: '@@api/RECEIVED_COURSE';
-    payload: string;
+    payload: unknown;
 };
-export declare const receivedCourse: (course: any) => ReceivedCourse;
-//# sourceMappingURL=courses.d.ts.map
+export declare const receivedCourse: (course: unknown) => ReceivedCourse;

package/es/actions/data/is-fetching.d.ts

@@ -0,0 +1,5 @@
+export declare const IS_FETCHING_TRUE = "@@is-fetching/TRUE";
+export declare type IsFetching = {
+    type: typeof IS_FETCHING_TRUE;
+};
+export declare const setIsFetching: () => IsFetching;

package/es/actions/data/is-fetching.js

@@ -0,0 +1,4 @@
+// -----------------------------------------------------------------------------
+export const IS_FETCHING_TRUE = '@@is-fetching/TRUE';
+// -----------------------------------------------------------------------------
+export const setIsFetching = () => ({ type: IS_FETCHING_TRUE });

package/es/actions/data/validate-slide.d.ts

@@ -0,0 +1,5 @@
+export declare const VALIDATE_SLIDE = "@@api/VALIDATE_SLIDE";
+export declare type ValidateSlide = {
+    type: typeof VALIDATE_SLIDE;
+};
+export declare const validateSlide: () => ValidateSlide;

package/es/actions/data/validate-slide.js

@@ -0,0 +1,6 @@
+// -----------------------------------------------------------------------------
+export const VALIDATE_SLIDE = '@@api/VALIDATE_SLIDE';
+// -----------------------------------------------------------------------------
+export const validateSlide = () => ({
+    type: VALIDATE_SLIDE
+});

package/es/actions/finished-slides.d.ts

@@ -0,0 +1,7 @@
+import { UpdateFinishedSlidesPayload } from '../types/finished-slides';
+export declare const UPDATE_FINISHED_SLIDES = "@@finished-slides/UPDATE_FINISHED_SLIDES";
+export declare type UpdateFinishedSlides = {
+    type: typeof UPDATE_FINISHED_SLIDES;
+    payload: UpdateFinishedSlidesPayload;
+};
+export declare const updateFinishedSlides: (payload: UpdateFinishedSlidesPayload) => UpdateFinishedSlides;

package/es/actions/finished-slides.js

@@ -0,0 +1,7 @@
+// -----------------------------------------------------------------------------
+export const UPDATE_FINISHED_SLIDES = '@@finished-slides/UPDATE_FINISHED_SLIDES';
+// -----------------------------------------------------------------------------
+export const updateFinishedSlides = (payload) => ({
+    type: UPDATE_FINISHED_SLIDES,
+    payload
+});

package/es/actions/index.d.ts

@@ -1,8 +1,5 @@
 import { ReceivedCourse } from './courses';
 import { NavigateBack, NavigateTo, StartApp } from './navigation';
 import { StoreToken } from './token';
-export * from './courses';
-export * from './navigation';
-export * from './token';
-export declare type Action = StartApp | StoreToken | NavigateBack | NavigateTo | ReceivedCourse;
-//# sourceMappingURL=index.d.ts.map
+import { StoreFirstSlide } from './slides';
+export declare type Action = NavigateBack | NavigateTo | ReceivedCourse | StartApp | StoreFirstSlide | StoreToken;

package/es/actions/index.js

@@ -1,3 +1 @@
-export * from './courses';
-export * from './navigation';
-export * from './token';
+export {};

package/es/actions/navigation.d.ts

@@ -1,11 +1,11 @@
-import { ActionCreator } from 'redux';
-import { AppOptions } from '..';
+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 = 'home' | 'onboarding' | 'slides';
 export declare type NavigateTo = {
     type: '@@navigation/NAVIGATE_TO';
-    payload: string;
+    payload: ViewPath;
 };
 export declare type NavigateBack = {
     type: '@@navigation/NAVIGATE_BACK';
@@ -14,7 +14,6 @@ export declare type StartApp = {
     type: '@@navigation/START_APP';
     payload: AppOptions;
 };
-export declare const navigateTo: ActionCreator<NavigateTo>;
-export declare const navigateBack: ActionCreator<NavigateBack>;
+export declare const navigateTo: (newPath: ViewPath) => NavigateTo;
+export declare const navigateBack: () => NavigateBack;
 export declare const startApp: (options: AppOptions) => StartApp;
-//# sourceMappingURL=navigation.d.ts.map

package/es/actions/review-status.d.ts

@@ -0,0 +1,7 @@
+import { UpdateReviewStatusPayload } from '../types/review-status';
+export declare const UPDATE_REVIEW_STATUS = "@@review-status/UPDATE_REVIEW_STATUS";
+export declare type UpdateReviewStatus = {
+    type: typeof UPDATE_REVIEW_STATUS;
+    payload: UpdateReviewStatusPayload;
+};
+export declare const updateReviewStatus: (payload: UpdateReviewStatusPayload) => UpdateReviewStatus;

package/es/actions/review-status.js

@@ -0,0 +1,7 @@
+// -----------------------------------------------------------------------------
+export const UPDATE_REVIEW_STATUS = '@@review-status/UPDATE_REVIEW_STATUS';
+// -----------------------------------------------------------------------------
+export const updateReviewStatus = (payload) => ({
+    type: UPDATE_REVIEW_STATUS,
+    payload
+});

package/es/actions/slides.d.ts

@@ -0,0 +1,20 @@
+import { Slide, UpdateSlidesOnNextPayload, UpdateSlidesOnValidationPayload } from '../types/slides';
+export declare const STORE_FIRST_SLIDE = "@@slide/STORE_FIRST_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 type StoreFirstSlide = {
+    type: typeof STORE_FIRST_SLIDE;
+    payload: Slide;
+};
+export declare type UpdateSlidesOnValidation = {
+    type: typeof UPDATE_SLIDES_ON_VALIDATION;
+    payload: UpdateSlidesOnValidationPayload;
+};
+export declare type UpdateSlidesOnNext = {
+    type: typeof UPDATE_SLIDES_ON_NEXT;
+    payload: UpdateSlidesOnNextPayload;
+};
+export declare type SlidesAction = StoreFirstSlide | UpdateSlidesOnValidation | UpdateSlidesOnNext;
+export declare const storeFirstSlide: (slide: Slide) => StoreFirstSlide;
+export declare const updateSlidesOnValidation: (payload: UpdateSlidesOnValidationPayload) => UpdateSlidesOnValidation;
+export declare const updateSlidesOnNext: (payload: UpdateSlidesOnNextPayload) => UpdateSlidesOnNext;

package/es/actions/slides.js

@@ -0,0 +1,17 @@
+// -----------------------------------------------------------------------------
+export const STORE_FIRST_SLIDE = '@@slide/STORE_FIRST_SLIDE';
+export const UPDATE_SLIDES_ON_VALIDATION = '@@slide/UPDATE_SLIDES_ON_VALIDATION';
+export const UPDATE_SLIDES_ON_NEXT = '@@slide/UPDATE_SLIDES_ON_NEXT';
+// -----------------------------------------------------------------------------
+export const storeFirstSlide = (slide) => ({
+    type: STORE_FIRST_SLIDE,
+    payload: slide
+});
+export const updateSlidesOnValidation = (payload) => ({
+    type: UPDATE_SLIDES_ON_VALIDATION,
+    payload
+});
+export const updateSlidesOnNext = (payload) => ({
+    type: UPDATE_SLIDES_ON_NEXT,
+    payload
+});

package/es/actions/step-items.d.ts

@@ -0,0 +1,14 @@
+import { UpdateStepItemsOnNextClickPayload, UpdateStepItemsOnValidationClickPayload } from '../types/step-items';
+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";
+export declare type UpdateStepItemsOnValidation = {
+    type: typeof UPDATE_STEP_ITEMS_ON_VALIDATION;
+    payload: UpdateStepItemsOnValidationClickPayload;
+};
+export declare type UpdateStepItemsOnNext = {
+    type: typeof UPDATE_STEP_ITEMS_ON_NEXT;
+    payload: UpdateStepItemsOnNextClickPayload;
+};
+export declare type StepItemsAction = UpdateStepItemsOnValidation | UpdateStepItemsOnNext;
+export declare const updateStepItemsOnValidation: (payload: UpdateStepItemsOnValidationClickPayload) => UpdateStepItemsOnValidation;
+export declare const updateStepItemsOnNext: (payload: UpdateStepItemsOnNextClickPayload) => UpdateStepItemsOnNext;

package/es/actions/step-items.js

@@ -0,0 +1,12 @@
+// -----------------------------------------------------------------------------
+export const UPDATE_STEP_ITEMS_ON_VALIDATION = '@@step-items/UPDATE_STEP_ITEMS_ON_VALIDATION';
+export const UPDATE_STEP_ITEMS_ON_NEXT = '@@step-items/UPDATE_STEP_ITEMS_ON_NEXT';
+// -----------------------------------------------------------------------------
+export const updateStepItemsOnValidation = (payload) => ({
+    type: UPDATE_STEP_ITEMS_ON_VALIDATION,
+    payload
+});
+export const updateStepItemsOnNext = (payload) => ({
+    type: UPDATE_STEP_ITEMS_ON_NEXT,
+    payload
+});

package/es/actions/token.d.ts

@@ -4,4 +4,3 @@ export declare type StoreToken = {
     payload: string;
 };
 export declare const storeToken: (token: string) => StoreToken;
-//# sourceMappingURL=token.d.ts.map

package/es/common/index.d.ts

@@ -0,0 +1,8 @@
+export declare const TOTAL_SLIDES_STACK = 5;
+export declare const HIGHEST_INDEX: number;
+export declare const VIEWS: {
+    readonly home: 'home';
+    readonly onboarding: 'onboarding';
+    readonly slides: 'slides';
+};
+export declare const slideNumbers: number[];

package/es/common/index.js

@@ -0,0 +1,8 @@
+export const TOTAL_SLIDES_STACK = 5;
+export const HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
+export const VIEWS = {
+    home: 'home',
+    onboarding: 'onboarding',
+    slides: 'slides'
+};
+export const slideNumbers = [0, 1, 2, 3, 4];

package/es/configure-store.d.ts

@@ -1,14 +1,5 @@
-import { State as NavigationState } from './reducers/navigation';
-import { State as TokenState } from './reducers/token';
-export default function configureStore(): Promise<import("redux").Store<import("redux").EmptyObject & {
-    courses: import("./reducers/courses").State;
-    navigation: NavigationState;
-    token: string;
-}, import("redux").AnyAction> & {
+import { AnyAction, EmptyObject, Store } from 'redux';
+import { StoreState } from './types/store-state';
+export default function configureStore(): Store<EmptyObject & StoreState, AnyAction> & {
     dispatch: {};
-}>;
-export declare type StoreState = {
-    navigation: NavigationState;
-    token: TokenState;
 };
-//# sourceMappingURL=configure-store.d.ts.map

package/es/configure-store.js

@@ -4,16 +4,14 @@ import rootReducer from './reducers';
 import onStartApp from './middlewares/on-start-app';
 const preloadedState = undefined;
 // -----------------------------------------------------------------------------
-export default async function configureStore() {
-    let _compose = compose;
-    if (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__) {
-        const { composeWithDevTools } = await import('redux-devtools-extension');
-        _compose = composeWithDevTools({
+export default function configureStore() {
+    const _compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+        ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
             name: 'app-review',
             trace: true,
             traceLimit: 25
-        });
-    }
+        })
+        : compose;
     const enhancer = _compose(applyMiddleware(thunk, onStartApp));
     const store = createStore(rootReducer, preloadedState, enhancer);
     return store;

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

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

package/es/fixtures/qcm-slide.js

@@ -0,0 +1,29 @@
+export const slide = {
+    questionText: 'QCM',
+    answerUI: {
+        help: '__help',
+        model: {
+            type: 'qcm',
+            choices: [
+                {
+                    selected: false,
+                    title: 'choix1',
+                    help: '(help choix1)',
+                    ariaLabel: '__ariaLabel1'
+                },
+                {
+                    selected: false,
+                    title: 'choix2',
+                    help: '(help choix2)',
+                    ariaLabel: '__ariaLabel2'
+                },
+                {
+                    selected: false,
+                    title: 'choix3',
+                    help: '(help choix3)',
+                    ariaLabel: '__ariaLabel3'
+                }
+            ]
+        }
+    }
+};

package/es/fixtures/temp-fixture.d.ts

@@ -0,0 +1,3 @@
+import { SlidesViewProps } from '../types/views';
+export declare const correctionPopinProps: SlidesViewProps['correctionPopinProps'];
+export declare const congratsProps: SlidesViewProps['congratsProps'];

package/es/fixtures/temp-fixture.js

@@ -0,0 +1,84 @@
+export const correctionPopinProps = {
+    klf: {
+        label: 'Key learning factor',
+        tooltip: 'Some tooltip info.',
+        onClick: () => {
+            console.log('klf onClick');
+        }
+    },
+    information: {
+        label: 'Key learning factor',
+        message: 'info msg'
+    },
+    next: {
+        label: 'Next',
+        ariaLabel: 'Next'
+    },
+    successLabel: 'CORRECT ANSWER',
+    failureLabel: 'WRONG ANSWER'
+};
+const confettiAnimationProps = {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
+    loop: undefined,
+    autoplay: true,
+    rendererSettings: {
+        hideOnTransparent: false,
+        animationClassName: ''
+    },
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
+    animationControl: undefined
+};
+const starAnimationProps = {
+    'aria-label': 'Review Card Congrats Container',
+    'data-name': 'card-star',
+    animationLottie: {
+        'aria-label': 'aria lottie',
+        'data-name': 'default-lottie',
+        animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
+        ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
+    },
+    iconAriaLabel: 'Image without information',
+    cardType: 'card-star',
+    reviewCardTitle: 'You have won',
+    reviewCardValue: '100',
+    timerAnimation: 200
+};
+const rankAnimationProps = {
+    'aria-label': 'Review Card Congrats Container',
+    'data-name': 'card-rank',
+    animationLottie: {
+        'aria-label': 'aria lottie',
+        'data-name': 'default-lottie',
+        animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
+        ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+    },
+    cardType: 'card-rank',
+    iconAriaLabel: 'Image without information',
+    reviewCardTitle: 'You are now',
+    reviewCardValue: '14',
+    rankSuffix: 'th',
+    timerAnimation: 200
+};
+export const congratsProps = {
+    'aria-label': 'Review Congratulations',
+    'data-name': 'review-congrats',
+    animationLottie: confettiAnimationProps,
+    title: 'Congratulations!',
+    cardCongratsStar: starAnimationProps,
+    cardCongratsRank: rankAnimationProps,
+    buttonRevising: {
+        'aria-label': 'Continue revising button',
+        label: 'Continue revising',
+        onClick: () => console.log('Continue revising'),
+        type: 'tertiary'
+    },
+    buttonRevisingSkill: {
+        label: 'Revise another skill',
+        'aria-label': 'Revise another skill button',
+        onClick: () => console.log('Revise another skill'),
+        type: 'primary'
+    }
+};

package/es/helpers/css-register.d.ts

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

package/es/helpers/css-register.js

@@ -0,0 +1,2 @@
+import cssRegister from '@coorpacademy/css-modules-require-hook';
+cssRegister();

package/es/index.d.ts

@@ -1,17 +1,10 @@
-/// <reference types="react" />
-declare const AppRevision: ({ options }: Props) => JSX.Element;
+import type { AppOptions } from './types/common';
+declare const AppReview: ({ options }: {
+    options: AppOptions;
+}) => JSX.Element;
 declare global {
     interface Window {
         __REDUX_DEVTOOLS_EXTENSION__?: boolean;
     }
 }
-declare type Props = {
-    options: AppOptions;
-};
-export declare type AppOptions = {
-    token: string;
-    theme?: any;
-    translations?: any;
-};
-export default AppRevision;
-//# sourceMappingURL=index.d.ts.map
+export default AppReview;

package/es/index.js

@@ -1,29 +1,77 @@
 import React, { useEffect, useState } from 'react';
 import { connect, Provider } from 'react-redux';
-import AppReviewRootView from '@coorpacademy/components/es/template/app-review/root-view/root-view';
+import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
 import configureStore from './configure-store';
 import { navigateTo, navigateBack, startApp } from './actions/navigation';
+import { updateSlidesOnNext, updateSlidesOnValidation } from './actions/slides';
 import { getCurrentViewName } from './reducers/navigation';
+import { congratsProps, correctionPopinProps } from './fixtures/temp-fixture';
+import { updateFinishedSlides } from './actions/finished-slides';
+import { updateReviewStatus } from './actions/review-status';
+import { updateStepItemsOnValidation, updateStepItemsOnNext } from './actions/step-items';
+import { validateSlide } from './actions/data/validate-slide';
 // -----------------------------------------------------------------------------
-const mapStateToProps = (state, ownProps) => {
-    return { ...ownProps, viewName: getCurrentViewName(state) };
+const mapDispatchToProps = {
+    navigateTo,
+    navigateBack,
+    validateSlide,
+    updateSlidesOnValidation,
+    updateSlidesOnNext,
+    updateReviewStatus,
+    updateStepItemsOnValidation,
+    updateStepItemsOnNext,
+    updateFinishedSlides
 };
-const mapDispatchToProps = { navigateTo, navigateBack };
-const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewRootView);
+const mapStateToProps = (state) => {
+    return {
+        viewName: getCurrentViewName(state),
+        slides: {
+            headerProps: {
+                mode: '__revision_mode',
+                skillName: '__agility',
+                onQuitClick: () => {
+                    // eslint-disable-next-line no-console
+                    console.log('onQuitClick');
+                },
+                'aria-label': 'aria-header-wrapper',
+                closeButtonAriaLabel: 'aria-close-button'
+            },
+            slides: state.ui.slides,
+            validate: {
+                label: '__validate'
+            },
+            finishedSlides: state.ui.finishedSlides,
+            stepItems: state.ui.stepItems,
+            reviewStatus: state.ui.reviewStatus,
+            correctionPopinProps,
+            congratsProps,
+            slideValidationResult: state.data.slideValidationResult
+        }
+    };
+};
+// Props = StaticProps && Dispatchers
+const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 // -----------------------------------------------------------------------------
-const AppRevision = ({ options }) => {
+const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
+    const [appStarted, setAppStarted] = useState(false);
     useEffect(() => {
-        const _configure = async () => {
-            const store = await configureStore();
+        if (store) {
             store.dispatch(startApp(options));
-            setStore(store);
-        };
-        _configure();
-    }, []);
-    if (!store)
+            setAppStarted(true);
+        }
+        else {
+            const _configure = async () => {
+                const _store = await configureStore();
+                setStore(_store);
+            };
+            _configure();
+        }
+    }, [options, store]);
+    if (!store || !appStarted)
         return null;
     return (React.createElement(Provider, { store: store },
         React.createElement(App, null)));
 };
-export default AppRevision;
+// -----------------------------------------------------------------------------
+export default AppReview;

package/es/index.test.d.ts

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

package/es/index.test.js

@@ -0,0 +1,52 @@
+import browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { render, fireEvent, act } from '@testing-library/react';
+import { slide } from './fixtures/qcm-slide';
+import AppReview from '.';
+browserEnv({ pretendToBeVisual: true });
+const elementExists = (foundElements) => foundElements && foundElements[0];
+const sleep = (msToSleep) => new Promise(resolve => {
+    setTimeout(resolve, msToSleep);
+});
+const waitForChanges = async (msToWait = 3000) => {
+    await act(async () => {
+        await sleep(msToWait); // wait *just* a little longer than the timeout in the component
+    });
+};
+const LIMIT = 5;
+const clickAllSlides = async (t, container, accumulator = 0) => {
+    if (accumulator === LIMIT)
+        return;
+    // last one needs to wait for more calculations && components updates
+    if (accumulator === 4)
+        await act(async () => {
+            await sleep(1000);
+        });
+    const validateButton = container.querySelectorAll(`[data-name="slide-validate-button-${accumulator}"]`);
+    t.truthy(elementExists(validateButton));
+    await act(async () => {
+        await fireEvent.click(validateButton[0]);
+    });
+    const nextButton = container.querySelectorAll(`[data-name="next-question-button-${accumulator}"]`);
+    t.truthy(elementExists(nextButton));
+    await act(async () => {
+        await fireEvent.click(nextButton[0]);
+    });
+    await clickAllSlides(t, container, accumulator + 1);
+};
+const appOptions = {
+    token: process.env.API_TEST_TOKEN || '',
+    slide
+};
+test('should validate all the slides (all correct scenario)', async (t) => {
+    t.plan(13);
+    const { container } = render(React.createElement(AppReview, { options: appOptions, key: 0 }));
+    await waitForChanges(1000);
+    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);
+    t.pass();
+});

package/es/middlewares/on-start-app.d.ts

@@ -1,7 +1,6 @@
 import type { Middleware } from 'redux';
 import { Dispatch } from 'redux';
 import { Action } from '../actions';
-import { StoreState } from '../configure-store';
+import { StoreState } from '../types/store-state';
 declare const onStartApp: Middleware<{}, StoreState, Dispatch<Action>>;
 export default onStartApp;
-//# sourceMappingURL=on-start-app.d.ts.map

package/es/middlewares/on-start-app.js

@@ -1,16 +1,27 @@
-import { receivedCourse, START_APP, storeToken } from '../actions';
-import fetchCourse from '../services/fetch-demo';
+// import fetchCourse from '../services/fetch-demo';
+import { VIEWS } from '../common';
+import { navigateTo, START_APP } from '../actions/navigation';
+import { storeToken } from '../actions/token';
+import { storeFirstSlide } from '../actions/slides';
 const onStartApp = ({ dispatch }) => next => (action) => {
     if (action.type === START_APP) {
-        const { token } = action.payload;
-        dispatch(storeToken(token));
+        // eslint-disable-next-line no-warning-comments
+        // TODO: fetchProgression + fetchSlide à partir de la progression passée dans les options de l'app
+        const { slide } = action.payload;
+        if (slide) {
+            const { token } = action.payload;
+            dispatch(storeToken(token));
+            dispatch(storeFirstSlide(slide));
+        }
+        const initialView = slide ? VIEWS.slides : VIEWS.onboarding;
+        dispatch(navigateTo(initialView));
         // --------------
         // demo service
-        const language = 'fr';
-        const universalRef = 'dis_xxx15';
-        fetchCourse(token, language, universalRef).then(course => {
-            dispatch(receivedCourse(course));
-        });
+        // const language = 'fr';
+        // const universalRef = 'dis_xxx15';
+        // fetchCourse(token, language, universalRef).then(course => {
+        //   dispatch(receivedCourse(course));
+        // });
     }
     return next(action);
 };

package/es/reducers/courses.d.ts

@@ -1,6 +1,5 @@
-import { ReceivedCourse } from '../actions';
-export declare type State = Array<any>;
+import { ReceivedCourse } from '../actions/courses';
+export declare type State = Array<unknown>;
 export declare const initialState: State;
 declare const reducer: (state: State, action: ReceivedCourse) => State;
 export default reducer;
-//# sourceMappingURL=courses.d.ts.map

package/es/reducers/courses.js

@@ -1,6 +1,7 @@
-import { RECEIVED_COURSE } from '../actions';
+import { RECEIVED_COURSE } from '../actions/courses';
 export const initialState = [];
 // -----------------------------------------------------------------------------
+// eslint-disable-next-line default-param-last
 const reducer = (state = initialState, action) => {
     switch (action.type) {
         case RECEIVED_COURSE: {

package/es/reducers/data.d.ts

@@ -0,0 +1,7 @@
+import { StoreToken } from '../actions/token';
+import { IsFetching } from '../actions/data/is-fetching';
+import { ValidateSlide } from '../actions/data/validate-slide';
+import { DataState } from '../types/data';
+declare type ApiActions = IsFetching | ValidateSlide | StoreToken;
+declare const data: (state: DataState, action: ApiActions) => DataState;
+export default data;