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

package/es/sandbox/index.d.ts

@@ -0,0 +1,9 @@
+declare type SandboxOptions = {
+    container: string;
+};
+declare global {
+    interface Window {
+        createSandbox?: (sandboxOptions: SandboxOptions) => void;
+    }
+}
+export {};

package/es/sandbox/index.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { render } from 'react-dom';
+import isNil from 'lodash/fp/isNil';
+import get from 'lodash/fp/get';
+import pipe from 'lodash/fp/pipe';
+import { WebContext } from '@coorpacademy/components/es/atom/provider';
+import { identity } from 'lodash/fp';
+import AppReview from '../src';
+import { services } from '../src/test/util/services.mock';
+const isContainerAvailable = (options) => !pipe(get('container'), isNil)(options);
+const createSandbox = (options) => {
+    if (!isContainerAvailable(options)) {
+        // eslint-disable-next-line no-console
+        console.error('[AppReview sandbox] Requires a container.');
+    }
+    else {
+        const container = document.getElementById(options.container);
+        // mode mobile/web
+        const appOptions = {
+            token: process.env.API_TEST_TOKEN || '',
+            skillRef: '123',
+            services,
+            onQuitClick: () => {
+                location.reload();
+            },
+            url: process.env.LAMBDA_API_REVIEW_GET_SLIDES_URL || 'http://localhost:7006'
+        };
+        const skin = {
+            common: {
+                primary: '#248e59'
+            }
+        };
+        render(React.createElement(WebContext, { skin: skin, translate: identity },
+            React.createElement(AppReview, { options: appOptions })), container);
+    }
+};
+// -----------------------------------------------------------------------------
+if (window && !window.createSandbox) {
+    window.createSandbox = createSandbox;
+}
+createSandbox({ container: 'root' });

package/es/{actions → src/actions}/api/fetch-correction.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { CorrectionFromAPI, Options } from '../../types/common';
+import type { CorrectionFromAPI, ThunkOptions } from '../../types/common';
 export declare const CORRECTION_FETCH_REQUEST: "@@correction/FETCH_REQUEST";
 export declare const CORRECTION_FETCH_SUCCESS: "@@correction/FETCH_SUCCESS";
 export declare const CORRECTION_FETCH_FAILURE: "@@correction/FETCH_FAILURE";
@@ -17,4 +17,4 @@ export declare type ReceivedCorrection = {
         slideRef: string;
     };
 };
-export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedCorrection;
+export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedCorrection;

package/{lib → es/src}/actions/api/fetch-rank.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Rank, Services, Options } from '../../types/common';
+import type { Rank, Services, ThunkOptions } from '../../types/common';
 export declare const RANK_FETCH_START_REQUEST: "@@rank/FETCH_START_REQUEST";
 export declare const RANK_FETCH_START_SUCCESS: "@@rank/FETCH_START_SUCCESS";
 export declare const RANK_FETCH_START_FAILURE: "@@rank/FETCH_START_FAILURE";
@@ -27,6 +27,6 @@ export declare type RankAction = RankRequestAction | RankSuccessAction | RankFai
 declare type RankStart = [RankFetchStartRequestType, RankFetchStartSuccessType, RankFetchStartFailureType];
 declare type RankEnd = [RankFetchEndRequestType, RankFetchEndSuccessType, RankFetchEndFailureType];
 export declare const fetchRank: (dispatch: Dispatch, getState: () => StoreState, services: Services, types: RankStart | RankEnd, path?: string) => RankAction;
-export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
-export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
+export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
+export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
 export {};

package/{lib → es/src}/actions/api/fetch-skills.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Options, Skill } from '../../types/common';
+import type { ThunkOptions, 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";
@@ -8,4 +8,4 @@ export declare type ReceivedSkills = {
     type: typeof SKILLS_FETCH_SUCCESS;
     payload: Skill[];
 };
-export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedSkills;
+export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedSkills;

package/{lib → es/src}/actions/api/fetch-slide.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Options, SlideFromAPI } from '../../types/common';
+import type { ThunkOptions, 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";
@@ -17,4 +17,4 @@ export declare type ReceivedSlide = {
         slideRef: string;
     };
 };
-export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

package/{lib → es/src}/actions/api/post-answer.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { Options, ProgressionFromAPI } from '../../types/common';
+import type { ThunkOptions, ProgressionFromAPI } from '../../types/common';
 import type { StoreState } from '../../reducers';
 export declare const POST_ANSWER_REQUEST: "@@answer/POST_REQUEST";
 export declare const POST_ANSWER_SUCCESS: "@@answer/POST_SUCCESS";
@@ -17,4 +17,4 @@ export declare type PostAnswerSuccessAction = {
     };
     payload: ProgressionFromAPI;
 };
-export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

package/es/{actions → src/actions}/api/post-progression.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { Options, ProgressionFromAPI } from '../../types/common';
+import type { ThunkOptions, 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";
@@ -8,4 +8,4 @@ export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;
 };
-export declare const postProgression: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const postProgression: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

package/es/{actions → src/actions}/test/create-test-store.d.ts

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

package/es/{actions → src/actions}/test/create-test-store.js

@@ -9,8 +9,8 @@ const assertActionsMiddleware = (t, ACTIONS) => constant((next) => (action) => {
     t.deepEqual(action, expectedAction);
     return next(action);
 });
-export const createTestStore = (t, initialState, services, actions) => {
-    const thunkMiddleware = thunk.withExtraArgument({ services });
+export const createTestStore = (t, initialState, thunkOptions, actions) => {
+    const thunkMiddleware = thunk.withExtraArgument(thunkOptions);
     const enhancer = compose(applyMiddleware(thunkMiddleware, assertActionsMiddleware(t, actions)));
     return createStore(rootReducer, initialState, enhancer);
 };

package/es/src/actions/ui/navigation.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+import { ThunkOptions, AppOptions, ViewName } from '../../types/common';
+export declare type NavigateToAction = {
+    type: '@@navigation/NAVIGATE_TO';
+    payload: ViewName;
+};
+export declare type NavigateBackAction = {
+    type: '@@navigation/NAVIGATE_BACK';
+};
+export declare type StartApp = {
+    type: '@@navigation/START_APP';
+    payload: AppOptions;
+};
+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 const navigateTo: (newViewName: ViewName) => (dispatch: Dispatch, getState: () => StoreState, { callbackOnViewChanged }: ThunkOptions) => Promise<NavigateToAction>;
+export declare const navigateBack: (dispatch: Dispatch, getState: () => StoreState, { callbackOnViewChanged }: ThunkOptions) => Promise<NavigateBackAction>;

package/es/src/actions/ui/navigation.js

@@ -0,0 +1,26 @@
+export const NAVIGATE_TO = '@@navigation/NAVIGATE_TO';
+export const NAVIGATE_BACK = '@@navigation/NAVIGATE_BACK';
+export const START_APP = '@@navigation/START_APP';
+export const navigateTo = (newViewName) => async (dispatch, getState, { callbackOnViewChanged }) => {
+    const action = {
+        type: NAVIGATE_TO,
+        payload: newViewName
+    };
+    const res = await dispatch(action);
+    if (callbackOnViewChanged) {
+        callbackOnViewChanged(newViewName);
+    }
+    return res;
+};
+export const navigateBack = async (dispatch, getState, { callbackOnViewChanged }) => {
+    const action = {
+        type: 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;
+};

package/{lib → es/src}/common/index.d.ts

@@ -1,9 +1,4 @@
 import type { ProgressionFromAPI } from '../types/common';
-export declare const VIEWS: {
-    readonly skills: 'skills';
-    readonly onboarding: 'onboarding';
-    readonly slides: 'slides';
-};
 export declare const slideIndexes: readonly ["0", "1", "2", "3", "4"];
 export declare type SlideIndexes = typeof slideIndexes[number];
 export declare const getProgressionSlidesRefs: (progression: ProgressionFromAPI) => string[];

package/es/{common → src/common}/index.js

@@ -1,10 +1,5 @@
 import concat from 'lodash/fp/concat';
 import slice from 'lodash/fp/slice';
-export const VIEWS = {
-    skills: 'skills',
-    onboarding: 'onboarding',
-    slides: 'slides'
-};
 export const slideIndexes = ['0', '1', '2', '3', '4'];
 export const getProgressionSlidesRefs = (progression) => {
     if (progression.state.step.current <= 5) {

package/es/{configure-store.js → src/configure-store.js}

@@ -10,7 +10,11 @@ export default function configureStore(options) {
             traceLimit: 25
         })
         : compose;
-    const thunkMiddleware = thunk.withExtraArgument({ services: options.services || getServices() });
+    const thunkOptions = {
+        services: options.services || getServices(),
+        callbackOnViewChanged: options.callbackOnViewChanged
+    };
+    const thunkMiddleware = thunk.withExtraArgument(thunkOptions);
     const enhancer = _compose(applyMiddleware(thunkMiddleware));
     const store = createStore(rootReducer, undefined, enhancer);
     return store;

package/es/{index.js → src/index.js}

@@ -4,16 +4,16 @@ import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
 import isEmpty from 'lodash/fp/isEmpty';
 import get from 'lodash/fp/get';
 import configureStore from './configure-store';
-import { navigateTo } from './actions/ui/navigation';
+import { navigateBack, navigateTo } from './actions/ui/navigation';
 import { storeToken } from './actions/data/token';
 import { fetchSkills } from './actions/api/fetch-skills';
 import { postProgression } from './actions/api/post-progression';
-import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
 const ConnectedApp = ({ onQuitClick }) => {
     const dispatch = useDispatch();
     const props = {
+        navigateBack: () => dispatch(navigateBack),
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
         slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
         skills: useSelector((state) => mapStateToSkillsProps(state)),
@@ -62,7 +62,7 @@ const AppReview = ({ options }) => {
             store.dispatch(navigateTo('loader')); // use loader while posting progression
             return;
         }
-        const initialView = skillRef ? VIEWS.slides : VIEWS.skills;
+        const initialView = skillRef ? 'slides' : 'skills';
         store.dispatch(navigateTo(initialView));
     }, [isProgressionCreated, options, store]);
     if (!store)

package/{lib → es/src}/reducers/index.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         showQuitPopin: boolean;
         showCongrats: boolean;
     }>;
-}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction | {
+}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateToAction | import("../actions/ui/navigation").NavigateBackAction | import("../actions/ui/answers").EditAnswerAction | {
     type: "@@ui/OPEN_POPIN";
 } | {
     type: "@@ui/CLOSE_POPIN";

package/es/{reducers → src/reducers}/ui/index.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     positions: UIPositionState;
     showQuitPopin: boolean;
     showCongrats: boolean;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction | {
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateToAction | import("../../actions/ui/navigation").NavigateBackAction | import("../../actions/ui/answers").EditAnswerAction | {
     type: "@@ui/OPEN_POPIN";
 } | {
     type: "@@ui/CLOSE_POPIN";

package/{lib → es/src}/reducers/ui/navigation.d.ts

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

package/es/{reducers → src/reducers}/ui/navigation.js

@@ -1,4 +1,4 @@
-import { NAVIGATE_BACK, NAVIGATE_TO } from '../../actions/ui/navigation';
+import { NAVIGATE_TO, NAVIGATE_BACK } from '../../actions/ui/navigation';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = [], action) => {

package/{lib → es/src}/types/common.d.ts

@@ -1,3 +1,4 @@
+export declare type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -136,15 +137,17 @@ export declare type Services = {
     fetchRank(token: string): Promise<Rank>;
     fetchSlidesToReviewBySkillRef(url: string, token: string, skillRef: string): Promise<SlideIdFromAPI[]>;
 };
-export declare type Options = {
-    services: Services;
-};
 export declare type AppOptions = {
     token: string;
     skillRef?: string;
     services: Services;
-    onQuitClick: Function;
+    onQuitClick: () => void;
     url: string;
+    callbackOnViewChanged?: (viewName: ViewName) => void;
+};
+export declare type ThunkOptions = {
+    callbackOnViewChanged?: AppOptions['callbackOnViewChanged'];
+    services: Services;
 };
 export declare type JWT = {
     exp: number;

package/{lib → es/src}/views/skills/index.d.ts

@@ -8,11 +8,9 @@ declare type SkillCard = {
     reviseLabel: string;
     reviseAriaLabel: string;
     isCustom: boolean;
-    onClick: Function;
+    onClick: () => void;
 };
 declare type NoSkillsProps = {
-    titleNoSkills: string;
-    textNoSkills: string;
     iconSkillAriaLabel: string;
 };
 declare type SkillsProps = NoSkillsProps & {

package/es/{views → src/views}/skills/index.js

@@ -1,8 +1,6 @@
 export const mapStateToSkillsProps = (state) => {
     return {
         title: '@todo title',
-        titleNoSkills: '@todo titleNoSkills',
-        textNoSkills: '@todo textNoSkills',
         iconSkillAriaLabel: '@todo iconSkillAriaLabel',
         isLoading: false,
         isLoadingAriaLabel: '@todo loading',

package/es/src/views/slides/index.d.ts

@@ -0,0 +1,34 @@
+import type { Dispatch } from 'redux';
+import { ReviewPlayerProps } from '@coorpacademy/components/es/template/app-review/player/prop-types';
+import { SlideProps } from '@coorpacademy/components/es/organism/review-slide/prop-types';
+import type { StoreState } from '../../reducers';
+import type { AnswerUI } from '../../types/slides';
+declare const ICON_VALUES: {
+    readonly right: "right";
+    readonly wrong: "wrong";
+    readonly 'no-answer': "no-answer";
+};
+declare type IconValue = keyof typeof ICON_VALUES;
+declare type StepItem = {
+    current: boolean;
+    icon: IconValue;
+    value: string;
+};
+declare type SlideUIAnimations = 'unstack' | 'restack';
+export declare type ReviewSlide = {
+    position: number;
+    loading: boolean;
+    showCorrectionPopin?: boolean;
+    animateCorrectionPopin?: boolean;
+    parentContentTitle?: string;
+    questionText?: string;
+    answerUI?: AnswerUI;
+    animationType?: SlideUIAnimations;
+};
+declare type SlidesStack = {
+    [key: string]: SlideProps;
+};
+export declare const initialState: SlidesStack;
+export declare const buildStepItems: (state: StoreState) => StepItem[];
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: () => void) => ReviewPlayerProps;
+export {};

package/es/{views → src/views}/slides/index.js

@@ -180,7 +180,7 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf) =>
             message: isCorrect ? klf : join(',', correctAnswer)
         },
         next: {
-            ariaLabel: '_correctionNextAriaLabel',
+            'aria-label': '_correctionNextAriaLabel',
             label: '_correctionNextLabel',
             onClick: () => {
                 dispatch(nextSlide);
@@ -202,7 +202,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
                 color: '#ED3436'
             },
             handleOnclick: onQuitClick,
-            ariaLabel: 'Stop session'
+            'aria-label': 'Stop session'
         },
         secondButton: {
             label: `Continuer d'apprendre`,
@@ -210,7 +210,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
             handleOnclick: () => {
                 dispatch(closeQuitPopin);
             },
-            ariaLabel: 'Continue review'
+            'aria-label': 'Continue review'
         }
     };
 };
@@ -288,6 +288,7 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
     const isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
     const klf = getOr('', ['data', 'slides', currentSlideRef, 'klf'], state);
     const showQuitPopin = get(['ui', 'showQuitPopin'], state);
+    const showCongrats = get(['ui', 'showCongrats'], state);
     return {
         header: {
             mode: '__revision_mode',
@@ -295,7 +296,8 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
             onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
-            steps: buildStepItems(state)
+            steps: buildStepItems(state),
+            hiddenSteps: showCongrats
         },
         stack: {
             slides: buildStackSlides(state, dispatch),

package/lib/sandbox/index.d.ts

@@ -0,0 +1,9 @@
+declare type SandboxOptions = {
+    container: string;
+};
+declare global {
+    interface Window {
+        createSandbox?: (sandboxOptions: SandboxOptions) => void;
+    }
+}
+export {};

package/lib/sandbox/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { render } from 'react-dom';
+import isNil from 'lodash/fp/isNil';
+import get from 'lodash/fp/get';
+import pipe from 'lodash/fp/pipe';
+import { WebContext } from '@coorpacademy/components/es/atom/provider';
+import { identity } from 'lodash/fp';
+import AppReview from '../src';
+import { services } from '../src/test/util/services.mock';
+var isContainerAvailable = function (options) {
+    return !pipe(get('container'), isNil)(options);
+};
+var createSandbox = function (options) {
+    if (!isContainerAvailable(options)) {
+        // eslint-disable-next-line no-console
+        console.error('[AppReview sandbox] Requires a container.');
+    }
+    else {
+        var container = document.getElementById(options.container);
+        // mode mobile/web
+        var appOptions = {
+            token: process.env.API_TEST_TOKEN || '',
+            skillRef: '123',
+            services: services,
+            onQuitClick: function () {
+                location.reload();
+            },
+            url: process.env.LAMBDA_API_REVIEW_GET_SLIDES_URL || 'http://localhost:7006'
+        };
+        var skin = {
+            common: {
+                primary: '#248e59'
+            }
+        };
+        render(React.createElement(WebContext, { skin: skin, translate: identity },
+            React.createElement(AppReview, { options: appOptions })), container);
+    }
+};
+// -----------------------------------------------------------------------------
+if (window && !window.createSandbox) {
+    window.createSandbox = createSandbox;
+}
+createSandbox({ container: 'root' });

package/lib/{actions → src/actions}/api/fetch-correction.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { CorrectionFromAPI, Options } from '../../types/common';
+import type { CorrectionFromAPI, ThunkOptions } from '../../types/common';
 export declare const CORRECTION_FETCH_REQUEST: "@@correction/FETCH_REQUEST";
 export declare const CORRECTION_FETCH_SUCCESS: "@@correction/FETCH_SUCCESS";
 export declare const CORRECTION_FETCH_FAILURE: "@@correction/FETCH_FAILURE";
@@ -17,4 +17,4 @@ export declare type ReceivedCorrection = {
         slideRef: string;
     };
 };
-export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedCorrection;
+export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedCorrection;

package/{es → lib/src}/actions/api/fetch-rank.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Rank, Services, Options } from '../../types/common';
+import type { Rank, Services, ThunkOptions } from '../../types/common';
 export declare const RANK_FETCH_START_REQUEST: "@@rank/FETCH_START_REQUEST";
 export declare const RANK_FETCH_START_SUCCESS: "@@rank/FETCH_START_SUCCESS";
 export declare const RANK_FETCH_START_FAILURE: "@@rank/FETCH_START_FAILURE";
@@ -27,6 +27,6 @@ export declare type RankAction = RankRequestAction | RankSuccessAction | RankFai
 declare type RankStart = [RankFetchStartRequestType, RankFetchStartSuccessType, RankFetchStartFailureType];
 declare type RankEnd = [RankFetchEndRequestType, RankFetchEndSuccessType, RankFetchEndFailureType];
 export declare const fetchRank: (dispatch: Dispatch, getState: () => StoreState, services: Services, types: RankStart | RankEnd, path?: string) => RankAction;
-export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
-export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
+export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
+export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
 export {};

package/{es → lib/src}/actions/api/fetch-skills.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Options, Skill } from '../../types/common';
+import type { ThunkOptions, 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";
@@ -8,4 +8,4 @@ export declare type ReceivedSkills = {
     type: typeof SKILLS_FETCH_SUCCESS;
     payload: Skill[];
 };
-export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedSkills;
+export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedSkills;

package/{es → lib/src}/actions/api/fetch-slide.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Options, SlideFromAPI } from '../../types/common';
+import type { ThunkOptions, 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";
@@ -17,4 +17,4 @@ export declare type ReceivedSlide = {
         slideRef: string;
     };
 };
-export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

package/{es → lib/src}/actions/api/post-answer.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { Options, ProgressionFromAPI } from '../../types/common';
+import type { ThunkOptions, ProgressionFromAPI } from '../../types/common';
 import type { StoreState } from '../../reducers';
 export declare const POST_ANSWER_REQUEST: "@@answer/POST_REQUEST";
 export declare const POST_ANSWER_SUCCESS: "@@answer/POST_SUCCESS";
@@ -17,4 +17,4 @@ export declare type PostAnswerSuccessAction = {
     };
     payload: ProgressionFromAPI;
 };
-export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

package/lib/{actions → src/actions}/api/post-progression.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { Options, ProgressionFromAPI } from '../../types/common';
+import type { ThunkOptions, 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";
@@ -8,4 +8,4 @@ export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;
 };
-export declare const postProgression: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const postProgression: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

package/lib/{actions → src/actions}/test/create-test-store.d.ts

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

package/lib/{actions → src/actions}/test/create-test-store.js

@@ -11,8 +11,8 @@ var assertActionsMiddleware = function (t, ACTIONS) {
         return next(action);
     }; });
 };
-export var createTestStore = function (t, initialState, services, actions) {
-    var thunkMiddleware = thunk.withExtraArgument({ services: services });
+export var createTestStore = function (t, initialState, thunkOptions, actions) {
+    var thunkMiddleware = thunk.withExtraArgument(thunkOptions);
     var enhancer = compose(applyMiddleware(thunkMiddleware, assertActionsMiddleware(t, actions)));
     return createStore(rootReducer, initialState, enhancer);
 };