@coorpacademy/app-review 0.0.19 → 0.0.20

package/es/components/__tmp-backup-vues-mobile/revision-home.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     skillsToRevise: {
         title?: string;

package/es/components/__tmp-backup-vues-mobile/revision-home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-home.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,cAAc,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;CACnD;AAoGD,QAAA,MAAM,YAAY,UAAW,KAAK,gBASjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-home.tsx"],"names":[],"mappings":";AAWA,UAAU,KAAK;IACb,cAAc,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;CACnD;AAoGD,QAAA,MAAM,YAAY,UAAW,KAAK,gBASjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/components/__tmp-backup-vues-mobile/revision-onboarding.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const RevisionOnboarding: () => JSX.Element;
 export default RevisionOnboarding;
 //# sourceMappingURL=revision-onboarding.d.ts.map

package/es/components/__tmp-backup-vues-mobile/revision-onboarding.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revision-onboarding.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-onboarding.tsx"],"names":[],"mappings":"AAkEA,QAAA,MAAM,kBAAkB,mBAevB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"revision-onboarding.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-onboarding.tsx"],"names":[],"mappings":";AAkEA,QAAA,MAAM,kBAAkB,mBAevB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/components/__tmp-backup-vues-mobile/revision-quizzer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type _Choice_ = {
     text?: string;
     selected: boolean;

package/es/components/__tmp-backup-vues-mobile/revision-quizzer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-quizzer.tsx"],"names":[],"mappings":"AASA,oBAAY,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;CACtB,CAAC;AAEF,UAAU,KAAK;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AA2ID,QAAA,MAAM,eAAe,cAAa,KAAK,gBAStC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-quizzer.tsx"],"names":[],"mappings":";AASA,oBAAY,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;CACtB,CAAC;AAEF,UAAU,KAAK;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AA2ID,QAAA,MAAM,eAAe,cAAa,KAAK,gBAStC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/configure-store.d.ts

@@ -1,12 +1,12 @@
 import { State as NavigationState } from './reducers/navigation';
 import { State as TokenState } from './reducers/token';
-export default function configureStore(): import("redux").Store<import("redux").EmptyObject & {
+export default function configureStore(): Promise<import("redux").Store<import("redux").EmptyObject & {
     courses: import("./reducers/courses").State;
     navigation: NavigationState;
     token: string;
 }, import("redux").AnyAction> & {
     dispatch: {};
-};
+}>;
 export declare type StoreState = {
     navigation: NavigationState;
     token: TokenState;

package/es/configure-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configure-store.d.ts","sourceRoot":"","sources":["../src/configure-store.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAC,KAAK,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAOrD,MAAM,CAAC,OAAO,UAAU,cAAc;;;;;;EAcrC;AAID,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
+{"version":3,"file":"configure-store.d.ts","sourceRoot":"","sources":["../src/configure-store.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAC,KAAK,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAOrD,wBAA8B,cAAc;;;;;;GAgB3C;AAID,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/es/configure-store.js

@@ -1,18 +1,19 @@
 import { applyMiddleware, compose, createStore } from 'redux';
 import thunk from 'redux-thunk';
-import { composeWithDevTools } from 'redux-devtools-extension';
 import rootReducer from './reducers';
 import onStartApp from './middlewares/on-start-app';
 const preloadedState = undefined;
 // -----------------------------------------------------------------------------
-export default function configureStore() {
-    const _compose = process.env.NODE_ENV !== 'production'
-        ? composeWithDevTools({
+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({
             name: 'app-review',
             trace: true,
             traceLimit: 25
-        })
-        : compose;
+        });
+    }
     const enhancer = _compose(applyMiddleware(thunk, onStartApp));
     const store = createStore(rootReducer, preloadedState, enhancer);
     return store;

package/es/index.d.ts

@@ -1,4 +1,10 @@
+/// <reference types="react" />
 declare const AppRevision: ({ options }: Props) => JSX.Element;
+declare global {
+    interface Window {
+        __REDUX_DEVTOOLS_EXTENSION__?: boolean;
+    }
+}
 declare type Props = {
     options: AppOptions;
 };

package/es/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,WAAW,gBAAe,KAAK,gBAgBpC,CAAC;AAIF,aAAK,KAAK,GAAG;IAAC,OAAO,EAAE,UAAU,CAAA;CAAC,CAAC;AAEnC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAmBA,QAAA,MAAM,WAAW,gBAAe,KAAK,gBAoBpC,CAAC;AAIF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,4BAA4B,CAAC,EAAE,OAAO,CAAC;KACxC;CACF;AAED,aAAK,KAAK,GAAG;IAAC,OAAO,EAAE,UAAU,CAAA;CAAC,CAAC;AAEnC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/index.js

@@ -14,9 +14,12 @@ const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewRootView);
 const AppRevision = ({ options }) => {
     const [store, setStore] = useState(null);
     useEffect(() => {
-        const store = configureStore();
-        store.dispatch(startApp(options));
-        setStore(store);
+        const _configure = async () => {
+            const store = await configureStore();
+            store.dispatch(startApp(options));
+            setStore(store);
+        };
+        _configure();
     }, []);
     if (!store)
         return null;

package/lib/actions/courses.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.receivedCourse = exports.RECEIVED_COURSE = void 0;
-exports.RECEIVED_COURSE = '@@api/RECEIVED_COURSE';
-var receivedCourse = function (course) { return ({
-    type: exports.RECEIVED_COURSE,
+export var RECEIVED_COURSE = '@@api/RECEIVED_COURSE';
+export var receivedCourse = function (course) { return ({
+    type: RECEIVED_COURSE,
     payload: course
 }); };
-exports.receivedCourse = receivedCourse;

package/lib/actions/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./courses"), exports);
-__exportStar(require("./navigation"), exports);
-__exportStar(require("./token"), exports);
+export * from './courses';
+export * from './navigation';
+export * from './token';

package/lib/actions/navigation.js

@@ -1,20 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.startApp = exports.navigateBack = exports.navigateTo = exports.START_APP = exports.NAVIGATE_BACK = exports.NAVIGATE_TO = void 0;
-exports.NAVIGATE_TO = '@@navigation/NAVIGATE_TO';
-exports.NAVIGATE_BACK = '@@navigation/NAVIGATE_BACK';
-exports.START_APP = '@@navigation/START_APP';
-var navigateTo = function (newPath) { return ({
-    type: exports.NAVIGATE_TO,
+export var NAVIGATE_TO = '@@navigation/NAVIGATE_TO';
+export var NAVIGATE_BACK = '@@navigation/NAVIGATE_BACK';
+export var START_APP = '@@navigation/START_APP';
+export var navigateTo = function (newPath) { return ({
+    type: NAVIGATE_TO,
     payload: newPath
 }); };
-exports.navigateTo = navigateTo;
-var navigateBack = function () { return ({
-    type: exports.NAVIGATE_BACK
+export var navigateBack = function () { return ({
+    type: NAVIGATE_BACK
 }); };
-exports.navigateBack = navigateBack;
-var startApp = function (options) { return ({
-    type: exports.START_APP,
+export var startApp = function (options) { return ({
+    type: START_APP,
     payload: options
 }); };
-exports.startApp = startApp;

package/lib/actions/token.js

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

package/lib/components/__tmp-backup-vues-mobile/revision-home.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     skillsToRevise: {
         title?: string;

package/lib/components/__tmp-backup-vues-mobile/revision-home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-home.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,cAAc,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;CACnD;AAoGD,QAAA,MAAM,YAAY,UAAW,KAAK,gBASjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-home.tsx"],"names":[],"mappings":";AAWA,UAAU,KAAK;IACb,cAAc,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;CACnD;AAoGD,QAAA,MAAM,YAAY,UAAW,KAAK,gBASjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/__tmp-backup-vues-mobile/revision-home.js

@@ -1,4 +1,3 @@
-"use strict";
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -8,11 +7,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var react_native_1 = require("react-native");
-var nova_icons_1 = require("@coorpacademy/nova-icons");
-var styles = react_native_1.StyleSheet.create({
+import * as React from 'react';
+import { View, FlatList, Pressable, StyleSheet, Text } from 'react-native';
+import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
+var styles = StyleSheet.create({
     container: {
         flex: 1,
         padding: 20
@@ -81,20 +79,20 @@ var styles = react_native_1.StyleSheet.create({
 var onSelectSkill = function (title) { return function () {
     console.log('pressed on', { title: title });
 }; };
-var ExtraSpace = function () { return React.createElement(react_native_1.View, { style: styles.extraSpace }); };
+var ExtraSpace = function () { return React.createElement(View, { style: styles.extraSpace }); };
 var Skill = function (_a) {
     var title = _a.title, info = _a.info;
-    return (React.createElement(react_native_1.Pressable, { style: styles.skill, onPress: onSelectSkill(title) },
-        React.createElement(react_native_1.View, { style: styles.skillTexts },
-            React.createElement(react_native_1.Text, { style: styles.skillTitle }, title),
-            React.createElement(react_native_1.Text, { style: styles.skillInfo }, info)),
-        React.createElement(nova_icons_1.NovaCompositionNavigationArrowRight, { color: "#ededed", height: 20, width: 20 })));
+    return (React.createElement(Pressable, { style: styles.skill, onPress: onSelectSkill(title) },
+        React.createElement(View, { style: styles.skillTexts },
+            React.createElement(Text, { style: styles.skillTitle }, title),
+            React.createElement(Text, { style: styles.skillInfo }, info)),
+        React.createElement(ArrowRight, { color: "#ededed", height: 20, width: 20 })));
 };
 var renderSkill = function (_a) {
     var _b = _a.item, title = _b.title, info = _b.info, _c = _b.isExtraSpace, isExtraSpace = _c === void 0 ? false : _c;
     return isExtraSpace ? React.createElement(ExtraSpace, null) : React.createElement(Skill, { title: title, info: info });
 };
-var Skills = function (props) { return (React.createElement(react_native_1.FlatList, { contentContainerStyle: styles.skills, data: props.skills, renderItem: renderSkill })); };
+var Skills = function (props) { return (React.createElement(FlatList, { contentContainerStyle: styles.skills, data: props.skills, renderItem: renderSkill })); };
 var NoSkills = function () { return (React.createElement(React.Fragment, null)); };
-var RevisionHome = function (props) { return (React.createElement(react_native_1.View, { style: styles.container }, !props.skillsToRevise || props.skillsToRevise.length === 0 ? (React.createElement(NoSkills, null)) : (React.createElement(Skills, { skills: __spreadArray(__spreadArray([], props.skillsToRevise, true), [{ isExtraSpace: true }], false) })))); };
-exports.default = RevisionHome;
+var RevisionHome = function (props) { return (React.createElement(View, { style: styles.container }, !props.skillsToRevise || props.skillsToRevise.length === 0 ? (React.createElement(NoSkills, null)) : (React.createElement(Skills, { skills: __spreadArray(__spreadArray([], props.skillsToRevise, true), [{ isExtraSpace: true }], false) })))); };
+export default RevisionHome;

package/lib/components/__tmp-backup-vues-mobile/revision-onboarding.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const RevisionOnboarding: () => JSX.Element;
 export default RevisionOnboarding;
 //# sourceMappingURL=revision-onboarding.d.ts.map

package/lib/components/__tmp-backup-vues-mobile/revision-onboarding.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revision-onboarding.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-onboarding.tsx"],"names":[],"mappings":"AAkEA,QAAA,MAAM,kBAAkB,mBAevB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"revision-onboarding.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-onboarding.tsx"],"names":[],"mappings":";AAkEA,QAAA,MAAM,kBAAkB,mBAevB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/__tmp-backup-vues-mobile/revision-onboarding.js

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var react_native_1 = require("react-native");
+import * as React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
 // import theme from '../../../modules/theme';
 // import translations from '../../../translations';
 // import Button from '../../../app-shared/components/button';
 // import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
-var styles = react_native_1.StyleSheet.create({
+var styles = StyleSheet.create({
     container: {
         justifyContent: 'space-between',
         flex: 1,
@@ -55,8 +53,8 @@ var styles = react_native_1.StyleSheet.create({
 var onButtonPress = function () { };
 var Tip = function (_a) {
     var Icon = _a.Icon, text = _a.text;
-    return (React.createElement(react_native_1.View, { style: styles.tip },
-        React.createElement(react_native_1.Text, { style: styles.tipText }, text)));
+    return (React.createElement(View, { style: styles.tip },
+        React.createElement(Text, { style: styles.tipText }, text)));
 };
-var RevisionOnboarding = function () { return (React.createElement(react_native_1.View, { style: styles.container })); };
-exports.default = RevisionOnboarding;
+var RevisionOnboarding = function () { return (React.createElement(View, { style: styles.container })); };
+export default RevisionOnboarding;

package/lib/components/__tmp-backup-vues-mobile/revision-quizzer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type _Choice_ = {
     text?: string;
     selected: boolean;

package/lib/components/__tmp-backup-vues-mobile/revision-quizzer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-quizzer.tsx"],"names":[],"mappings":"AASA,oBAAY,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;CACtB,CAAC;AAEF,UAAU,KAAK;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AA2ID,QAAA,MAAM,eAAe,cAAa,KAAK,gBAStC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../../src/components/__tmp-backup-vues-mobile/revision-quizzer.tsx"],"names":[],"mappings":";AASA,oBAAY,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;CACtB,CAAC;AAEF,UAAU,KAAK;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AA2ID,QAAA,MAAM,eAAe,cAAa,KAAK,gBAStC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/__tmp-backup-vues-mobile/revision-quizzer.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var react_native_1 = require("react-native");
-var quizzerStyle = react_native_1.StyleSheet.create({
+import * as React from 'react';
+import { View, StyleSheet, Text, useWindowDimensions } from 'react-native';
+var quizzerStyle = StyleSheet.create({
     container: {
         flex: 1,
         padding: 20,
@@ -12,16 +10,16 @@ var quizzerStyle = react_native_1.StyleSheet.create({
         alignItems: 'center'
     }
 });
-var SLIDE_HEIGHT = function () { return (0, react_native_1.useWindowDimensions)().height * 0.75; };
+var SLIDE_HEIGHT = function () { return useWindowDimensions().height * 0.75; };
 var creatSlideStyle = function (num) {
-    return react_native_1.StyleSheet.create({
+    return StyleSheet.create({
         slide: {
             position: 'absolute',
             // backgroundColor: theme.colors.white, @todo with props
-            top: (0, react_native_1.useWindowDimensions)().height / 2 - SLIDE_HEIGHT() / 2 - num * 4,
+            top: useWindowDimensions().height / 2 - SLIDE_HEIGHT() / 2 - num * 4,
             flex: 1,
             height: SLIDE_HEIGHT(),
-            width: (0, react_native_1.useWindowDimensions)().width - 40 - num * 8,
+            width: useWindowDimensions().width - 40 - num * 8,
             justifyContent: 'space-between',
             alignItems: 'center',
             padding: 25,
@@ -65,7 +63,7 @@ var creatSlideStyle = function (num) {
 };
 var createOptionStyle = function (selected) {
     // const brandTheme = React.useContext(BrandThemeContext); @todo with props
-    return react_native_1.StyleSheet.create({
+    return StyleSheet.create({
         box: {
             width: '100%',
             // https://stackoverflow.com/a/66561995/959219
@@ -89,7 +87,7 @@ var createOptionStyle = function (selected) {
         }
     });
 };
-var choicesStyle = react_native_1.StyleSheet.create({
+var choicesStyle = StyleSheet.create({
     container: {
         flex: 1,
         width: '100%',
@@ -100,11 +98,11 @@ var choicesStyle = react_native_1.StyleSheet.create({
 var onButtonPress = function () { };
 var Choices = function (_a) {
     var choices = _a.choices;
-    return (React.createElement(react_native_1.View, { style: choicesStyle.container }, choices.map(function (_a) {
+    return (React.createElement(View, { style: choicesStyle.container }, choices.map(function (_a) {
         var text = _a.text, _b = _a.selected, selected = _b === void 0 ? false : _b;
         var optionStyle = createOptionStyle(selected);
-        return (React.createElement(react_native_1.View, { style: optionStyle.box },
-            React.createElement(react_native_1.Text, { style: optionStyle.text },
+        return (React.createElement(View, { style: optionStyle.box },
+            React.createElement(Text, { style: optionStyle.text },
                 text,
                 " ",
                 selected)));
@@ -113,18 +111,18 @@ var Choices = function (_a) {
 var Slide = function (_a) {
     var slide = _a.slide, num = _a.num;
     var slideStyle = creatSlideStyle(num);
-    return (React.createElement(react_native_1.View, { style: slideStyle.slide },
-        React.createElement(react_native_1.Text, { style: slideStyle.category },
+    return (React.createElement(View, { style: slideStyle.slide },
+        React.createElement(Text, { style: slideStyle.category },
             slide.category,
             " ",
             num),
-        React.createElement(react_native_1.Text, { style: slideStyle.question }, slide.question),
-        React.createElement(react_native_1.Text, { style: slideStyle.instruction }, slide.instruction),
+        React.createElement(Text, { style: slideStyle.question }, slide.question),
+        React.createElement(Text, { style: slideStyle.instruction }, slide.instruction),
         React.createElement(Choices, { choices: slide.choices })));
 };
 var RevisionQuizzer = function (_a) {
     var slide = _a.slide;
     var slides = [slide, slide, slide, slide, slide];
-    return (React.createElement(react_native_1.View, { style: quizzerStyle.container }, slides.reverse().map(function (slide, index) { return (React.createElement(Slide, { slide: slide, num: slides.length - index })); })));
+    return (React.createElement(View, { style: quizzerStyle.container }, slides.reverse().map(function (slide, index) { return (React.createElement(Slide, { slide: slide, num: slides.length - index })); })));
 };
-exports.default = RevisionQuizzer;
+export default RevisionQuizzer;

package/lib/configure-store.d.ts

@@ -1,12 +1,12 @@
 import { State as NavigationState } from './reducers/navigation';
 import { State as TokenState } from './reducers/token';
-export default function configureStore(): import("redux").Store<import("redux").EmptyObject & {
+export default function configureStore(): Promise<import("redux").Store<import("redux").EmptyObject & {
     courses: import("./reducers/courses").State;
     navigation: NavigationState;
     token: string;
 }, import("redux").AnyAction> & {
     dispatch: {};
-};
+}>;
 export declare type StoreState = {
     navigation: NavigationState;
     token: TokenState;

package/lib/configure-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configure-store.d.ts","sourceRoot":"","sources":["../src/configure-store.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAC,KAAK,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAOrD,MAAM,CAAC,OAAO,UAAU,cAAc;;;;;;EAcrC;AAID,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
+{"version":3,"file":"configure-store.d.ts","sourceRoot":"","sources":["../src/configure-store.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAC,KAAK,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAOrD,wBAA8B,cAAc;;;;;;GAgB3C;AAID,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/lib/configure-store.js

@@ -1,22 +1,67 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var redux_1 = require("redux");
-var redux_thunk_1 = require("redux-thunk");
-var redux_devtools_extension_1 = require("redux-devtools-extension");
-var reducers_1 = require("./reducers");
-var on_start_app_1 = require("./middlewares/on-start-app");
+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 { applyMiddleware, compose, createStore } from 'redux';
+import thunk from 'redux-thunk';
+import rootReducer from './reducers';
+import onStartApp from './middlewares/on-start-app';
 var preloadedState = undefined;
 // -----------------------------------------------------------------------------
-function configureStore() {
-    var _compose = process.env.NODE_ENV !== 'production'
-        ? (0, redux_devtools_extension_1.composeWithDevTools)({
-            name: 'app-review',
-            trace: true,
-            traceLimit: 25
-        })
-        : redux_1.compose;
-    var enhancer = _compose((0, redux_1.applyMiddleware)(redux_thunk_1.default, on_start_app_1.default));
-    var store = (0, redux_1.createStore)(reducers_1.default, preloadedState, enhancer);
-    return store;
+export default function configureStore() {
+    return __awaiter(this, void 0, void 0, function () {
+        var _compose, composeWithDevTools, enhancer, store;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _compose = compose;
+                    if (!(typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, import('redux-devtools-extension')];
+                case 1:
+                    composeWithDevTools = (_a.sent()).composeWithDevTools;
+                    _compose = composeWithDevTools({
+                        name: 'app-review',
+                        trace: true,
+                        traceLimit: 25
+                    });
+                    _a.label = 2;
+                case 2:
+                    enhancer = _compose(applyMiddleware(thunk, onStartApp));
+                    store = createStore(rootReducer, preloadedState, enhancer);
+                    return [2 /*return*/, store];
+            }
+        });
+    });
 }
-exports.default = configureStore;

package/lib/index.d.ts

@@ -1,4 +1,10 @@
+/// <reference types="react" />
 declare const AppRevision: ({ options }: Props) => JSX.Element;
+declare global {
+    interface Window {
+        __REDUX_DEVTOOLS_EXTENSION__?: boolean;
+    }
+}
 declare type Props = {
     options: AppOptions;
 };

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,WAAW,gBAAe,KAAK,gBAgBpC,CAAC;AAIF,aAAK,KAAK,GAAG;IAAC,OAAO,EAAE,UAAU,CAAA;CAAC,CAAC;AAEnC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAmBA,QAAA,MAAM,WAAW,gBAAe,KAAK,gBAoBpC,CAAC;AAIF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,4BAA4B,CAAC,EAAE,OAAO,CAAC;KACxC;CACF;AAED,aAAK,KAAK,GAAG;IAAC,OAAO,EAAE,UAAU,CAAA;CAAC,CAAC;AAEnC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,31 +9,77 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var root_view_1 = require("@coorpacademy/components/es/template/app-review/root-view/root-view");
-var configure_store_1 = require("./configure-store");
-var navigation_1 = require("./actions/navigation");
-var navigation_2 = require("./reducers/navigation");
+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 AppReviewRootView from '@coorpacademy/components/es/template/app-review/root-view/root-view';
+import configureStore from './configure-store';
+import { navigateTo, navigateBack, startApp } from './actions/navigation';
+import { getCurrentViewName } from './reducers/navigation';
 // -----------------------------------------------------------------------------
 var mapStateToProps = function (state, ownProps) {
-    return __assign(__assign({}, ownProps), { viewName: (0, navigation_2.getCurrentViewName)(state) });
+    return __assign(__assign({}, ownProps), { viewName: getCurrentViewName(state) });
 };
-var mapDispatchToProps = { navigateTo: navigation_1.navigateTo, navigateBack: navigation_1.navigateBack };
-var App = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(root_view_1.default);
+var mapDispatchToProps = { navigateTo: navigateTo, navigateBack: navigateBack };
+var App = connect(mapStateToProps, mapDispatchToProps)(AppReviewRootView);
 // -----------------------------------------------------------------------------
 var AppRevision = function (_a) {
     var options = _a.options;
-    var _b = (0, react_1.useState)(null), store = _b[0], setStore = _b[1];
-    (0, react_1.useEffect)(function () {
-        var store = (0, configure_store_1.default)();
-        store.dispatch((0, navigation_1.startApp)(options));
-        setStore(store);
+    var _b = useState(null), store = _b[0], setStore = _b[1];
+    useEffect(function () {
+        var _configure = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var store;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, configureStore()];
+                    case 1:
+                        store = _a.sent();
+                        store.dispatch(startApp(options));
+                        setStore(store);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        _configure();
     }, []);
     if (!store)
         return null;
-    return (react_1.default.createElement(react_redux_1.Provider, { store: store },
-        react_1.default.createElement(App, null)));
+    return (React.createElement(Provider, { store: store },
+        React.createElement(App, null)));
 };
-exports.default = AppRevision;
+export default AppRevision;

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

@@ -1,22 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var actions_1 = require("../actions");
-var fetch_demo_1 = require("../services/fetch-demo");
+import { receivedCourse, START_APP, storeToken } from '../actions';
+import fetchCourse from '../services/fetch-demo';
 var onStartApp = function (_a) {
     var dispatch = _a.dispatch;
     return function (next) { return function (action) {
-        if (action.type === actions_1.START_APP) {
+        if (action.type === START_APP) {
             var token = action.payload.token;
-            dispatch((0, actions_1.storeToken)(token));
+            dispatch(storeToken(token));
             // --------------
             // demo service
             var language = 'fr';
             var universalRef = 'dis_xxx15';
-            (0, fetch_demo_1.default)(token, language, universalRef).then(function (course) {
-                dispatch((0, actions_1.receivedCourse)(course));
+            fetchCourse(token, language, universalRef).then(function (course) {
+                dispatch(receivedCourse(course));
             });
         }
         return next(action);
     }; };
 };
-exports.default = onStartApp;
+export default onStartApp;

package/lib/reducers/courses.js

@@ -1,4 +1,3 @@
-"use strict";
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -8,15 +7,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialState = void 0;
-var actions_1 = require("../actions");
-exports.initialState = [];
+import { RECEIVED_COURSE } from '../actions';
+export var initialState = [];
 // -----------------------------------------------------------------------------
 var reducer = function (state, action) {
-    if (state === void 0) { state = exports.initialState; }
+    if (state === void 0) { state = initialState; }
     switch (action.type) {
-        case actions_1.RECEIVED_COURSE: {
+        case RECEIVED_COURSE: {
             return __spreadArray(__spreadArray([], state, true), [action.payload], false);
         }
         default:
@@ -24,4 +21,4 @@ var reducer = function (state, action) {
     }
 };
 // -----------------------------------------------------------------------------
-exports.default = reducer;
+export default reducer;

package/lib/reducers/index.js

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var redux_1 = require("redux");
-var courses_1 = require("./courses");
-var navigation_1 = require("./navigation");
-var token_1 = require("./token");
-var rootReducer = (0, redux_1.combineReducers)({
-    courses: courses_1.default,
-    navigation: navigation_1.default,
-    token: token_1.default
+import { combineReducers } from 'redux';
+import courses from './courses';
+import navigation from './navigation';
+import token from './token';
+var rootReducer = combineReducers({
+    courses: courses,
+    navigation: navigation,
+    token: token
 });
-exports.default = rootReducer;
+export default rootReducer;

package/lib/reducers/navigation.js

@@ -1,4 +1,3 @@
-"use strict";
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -8,18 +7,16 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCurrentViewName = exports.initialState = void 0;
-var navigation_1 = require("../actions/navigation");
-exports.initialState = ['home'];
+import { NAVIGATE_BACK, NAVIGATE_TO } from '../actions/navigation';
+export var initialState = ['home'];
 // -----------------------------------------------------------------------------
 var reducer = function (state, action) {
-    if (state === void 0) { state = exports.initialState; }
+    if (state === void 0) { state = initialState; }
     switch (action.type) {
-        case navigation_1.NAVIGATE_TO: {
+        case NAVIGATE_TO: {
             return __spreadArray(__spreadArray([], state, true), [action.payload], false);
         }
-        case navigation_1.NAVIGATE_BACK: {
+        case NAVIGATE_BACK: {
             var newState = __spreadArray([], state, true);
             newState.pop();
             return newState;
@@ -29,7 +26,6 @@ var reducer = function (state, action) {
     }
 };
 // -----------------------------------------------------------------------------
-var getCurrentViewName = function (appState) { return appState.navigation[appState.navigation.length - 1]; };
-exports.getCurrentViewName = getCurrentViewName;
+export var getCurrentViewName = function (appState) { return appState.navigation[appState.navigation.length - 1]; };
 // -----------------------------------------------------------------------------
-exports.default = reducer;
+export default reducer;

package/lib/reducers/token.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getToken = exports.initialState = void 0;
-var actions_1 = require("../actions");
-exports.initialState = null;
+import { STORE_TOKEN } from '../actions';
+export var initialState = null;
 // -----------------------------------------------------------------------------
 var reducer = function (state, action) {
-    if (state === void 0) { state = exports.initialState; }
+    if (state === void 0) { state = initialState; }
     switch (action.type) {
-        case actions_1.STORE_TOKEN: {
+        case STORE_TOKEN: {
             return action.payload;
         }
         default:
@@ -15,7 +12,6 @@ var reducer = function (state, action) {
     }
 };
 // -----------------------------------------------------------------------------
-var getToken = function (appState) { return appState.token; };
-exports.getToken = getToken;
+export var getToken = function (appState) { return appState.token; };
 // -----------------------------------------------------------------------------
-exports.default = reducer;
+export default reducer;

package/lib/services/fetch-demo.js

@@ -1,4 +1,3 @@
-"use strict";
 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) {
@@ -35,11 +34,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchCourse = void 0;
-var cross_fetch_1 = require("cross-fetch");
-var jwt_decode_1 = require("jwt-decode");
-var fetch_responses_1 = require("./fetch-responses");
+import crossFetch from 'cross-fetch';
+import decode from 'jwt-decode';
+import { toJSON } from './fetch-responses';
 var buildUrlQueryParams = function (params) {
     return Object.keys(params)
         .map(function (key) {
@@ -54,7 +51,7 @@ var fetchCourse = function (fetch) { return function (token, language, universal
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                jwt = (0, jwt_decode_1.default)(token);
+                jwt = decode(token);
                 query = {
                     type: 'course',
                     universalRef: universalRef,
@@ -65,12 +62,13 @@ var fetchCourse = function (fetch) { return function (token, language, universal
                     })];
             case 1:
                 response = _a.sent();
-                return [4 /*yield*/, (0, fetch_responses_1.toJSON)(response)];
+                return [4 /*yield*/, toJSON(response)];
             case 2:
                 hits = (_a.sent()).hits;
                 return [2 /*return*/, hits === null || hits === void 0 ? void 0 : hits[0]];
         }
     });
 }); }; };
-exports.fetchCourse = fetchCourse;
-exports.default = fetchCourse(cross_fetch_1.default);
+// -----------------------------------------------------------------------------
+export { fetchCourse };
+export default fetchCourse(crossFetch);

package/lib/services/fetch-demo.test.js

@@ -1,4 +1,3 @@
-"use strict";
 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) {
@@ -35,11 +34,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var ava_1 = require("ava");
-var fetch_demo_1 = require("./fetch-demo");
-var fetch_mocks_1 = require("./fetch.mocks");
-(0, ava_1.default)('should fetch a demo course', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+import test from 'ava';
+import { fetchCourse as _fetchCourse } from './fetch-demo';
+import { okJSONResponse } from './fetch.mocks';
+test('should fetch a demo course', function (t) { return __awaiter(void 0, void 0, void 0, function () {
     var token, language, universalRef, result, fetchCourse, course;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -48,7 +46,7 @@ var fetch_mocks_1 = require("./fetch.mocks");
                 language = 'fr';
                 universalRef = 'bar';
                 result = { hits: [{ title: 'Digital IQ test' }] };
-                fetchCourse = (0, fetch_demo_1.fetchCourse)((0, fetch_mocks_1.okJSONResponse)(result));
+                fetchCourse = _fetchCourse(okJSONResponse(result));
                 return [4 /*yield*/, fetchCourse(token, language, universalRef)];
             case 1:
                 course = _a.sent();

package/lib/services/fetch-responses.js

@@ -1,4 +1,3 @@
-"use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -50,8 +49,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toVoid = exports.toText = exports.toJSON = exports.ResponseError = void 0;
 var ResponseError = /** @class */ (function (_super) {
     __extends(ResponseError, _super);
     function ResponseError(status, statusText, body) {
@@ -63,8 +60,8 @@ var ResponseError = /** @class */ (function (_super) {
     }
     return ResponseError;
 }(Error));
-exports.ResponseError = ResponseError;
-var toJSON = function (response) { return __awaiter(void 0, void 0, void 0, function () {
+export { ResponseError };
+export var toJSON = function (response) { return __awaiter(void 0, void 0, void 0, function () {
     var body, err_1;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -85,8 +82,7 @@ var toJSON = function (response) { return __awaiter(void 0, void 0, void 0, func
         }
     });
 }); };
-exports.toJSON = toJSON;
-var toText = function (response) { return __awaiter(void 0, void 0, void 0, function () {
+export var toText = function (response) { return __awaiter(void 0, void 0, void 0, function () {
     var body;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -100,8 +96,7 @@ var toText = function (response) { return __awaiter(void 0, void 0, void 0, func
         }
     });
 }); };
-exports.toText = toText;
-var toVoid = function (response) { return __awaiter(void 0, void 0, void 0, function () {
+export var toVoid = function (response) { return __awaiter(void 0, void 0, void 0, function () {
     var body;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -115,4 +110,3 @@ var toVoid = function (response) { return __awaiter(void 0, void 0, void 0, func
         }
     });
 }); };
-exports.toVoid = toVoid;

package/lib/services/fetch.mocks.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.internalServerErrorTextResponse = exports.okTextResponse = exports.notFoundJSONResponse = exports.internalServerErrorJSONResponse = exports.okJSONResponse = exports.toResponse = void 0;
-var toResponse = function (status, statusText, body) {
+export var toResponse = function (status, statusText, body) {
     return Promise.resolve({
         ok: status < 400,
         status: status,
@@ -10,22 +7,16 @@ var toResponse = function (status, statusText, body) {
         text: function () { return Promise.resolve(body); }
     });
 };
-exports.toResponse = toResponse;
-var okJSONResponse = function (body) { return function () {
-    return (0, exports.toResponse)(200, 'OK', JSON.stringify(body));
+export var okJSONResponse = function (body) { return function () {
+    return toResponse(200, 'OK', JSON.stringify(body));
 }; };
-exports.okJSONResponse = okJSONResponse;
-var internalServerErrorJSONResponse = function (body) { return function () {
-    return (0, exports.toResponse)(500, 'InternalServerError', JSON.stringify(body));
+export var internalServerErrorJSONResponse = function (body) { return function () {
+    return toResponse(500, 'InternalServerError', JSON.stringify(body));
 }; };
-exports.internalServerErrorJSONResponse = internalServerErrorJSONResponse;
-var notFoundJSONResponse = function (body) { return function () {
-    return (0, exports.toResponse)(404, 'Not Found', JSON.stringify(body));
+export var notFoundJSONResponse = function (body) { return function () {
+    return toResponse(404, 'Not Found', JSON.stringify(body));
 }; };
-exports.notFoundJSONResponse = notFoundJSONResponse;
-var okTextResponse = function (body) { return function () { return (0, exports.toResponse)(200, 'OK', body); }; };
-exports.okTextResponse = okTextResponse;
-var internalServerErrorTextResponse = function (body) { return function () {
-    return (0, exports.toResponse)(500, 'InternalServerError', body);
+export var okTextResponse = function (body) { return function () { return toResponse(200, 'OK', body); }; };
+export var internalServerErrorTextResponse = function (body) { return function () {
+    return toResponse(500, 'InternalServerError', body);
 }; };
-exports.internalServerErrorTextResponse = internalServerErrorTextResponse;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -36,11 +36,12 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.19.11",
+    "@coorpacademy/components": "10.19.12",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^8.0.1",
-    "redux": "^4.2.0"
+    "redux": "^4.2.0",
+    "redux-devtools-extension": "^2.13.9"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -58,9 +59,8 @@
     "live-server": "^1.2.2",
     "postcss-modules-values-replace": "^3.4.0",
     "react-dom": "^17.0.2",
-    "redux-devtools-extension": "^2.13.9",
-    "ts-node": "^10.8.0",
+    "ts-node": "^10.8.1",
     "typescript": "^4.6.4"
   },
-  "gitHead": "467cb9228ed0b5699914fa83bb5ea98128b7530f"
+  "gitHead": "4fc0ae07513c922d7cbe6e5fddfbcb316ccf6fa5"
 }

package/readme.md

@@ -1,6 +1,7 @@
 # App Review
 
 📚 [Static Demo](http://coorpacademy.github.io/components/app-review)
+🏹 Architecture illustrated with [Excalidraw](../../../documentation/documentation/review-mode/frontend-app-review.excalidraw). This package is the `@app-review` section.
 
 ## start local sandbox
 

package/src/configure-store.ts

@@ -1,6 +1,5 @@
 import {applyMiddleware, compose, createStore} from 'redux';
 import thunk from 'redux-thunk';
-import {composeWithDevTools} from 'redux-devtools-extension';
 
 import rootReducer from './reducers';
 
@@ -12,15 +11,17 @@ const preloadedState = undefined;
 
 // -----------------------------------------------------------------------------
 
-export default function configureStore() {
-  const _compose =
-    process.env.NODE_ENV !== 'production'
-      ? composeWithDevTools({
-          name: 'app-review',
-          trace: true,
-          traceLimit: 25
-        })
-      : compose;
+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({
+      name: 'app-review',
+      trace: true,
+      traceLimit: 25
+    });
+  }
 
   const enhancer = _compose(applyMiddleware(thunk, onStartApp));
   const store = createStore(rootReducer, preloadedState, enhancer);

package/src/index.tsx

@@ -21,9 +21,13 @@ const AppRevision = ({options}: Props) => {
   const [store, setStore] = useState(null);
 
   useEffect(() => {
-    const store = configureStore();
-    store.dispatch(startApp(options));
-    setStore(store);
+    const _configure = async () => {
+      const store = await configureStore();
+      store.dispatch(startApp(options));
+      setStore(store);
+    };
+
+    _configure();
   }, []);
 
   if (!store) return null;
@@ -37,6 +41,12 @@ const AppRevision = ({options}: Props) => {
 
 // -----------------------------------------------------------------------------
 
+declare global {
+  interface Window {
+    __REDUX_DEVTOOLS_EXTENSION__?: boolean;
+  }
+}
+
 type Props = {options: AppOptions};
 
 export type AppOptions = {