@coorpacademy/app-review 0.0.21-alpha.8 → 0.1.2

package/lib/reducers/slides.js

@@ -9,140 +9,92 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
+import map from 'lodash/fp/map';
 import { STORE_FIRST_SLIDE, UPDATE_SLIDES_ON_NEXT, UPDATE_SLIDES_ON_VALIDATION } from '../actions/slides';
-import { HIGHEST_INDEX, TOTAL_SLIDES_STACK } from '../common';
+import { HIGHEST_INDEX, slideNumbers, TOTAL_SLIDES_STACK } from '../common';
 var getInitialState = function () {
-    var state = new Map();
+    var state = {
+        slideNumbers: slideNumbers
+    };
     // eslint-disable-next-line fp/no-loops
     for (var index = 0; index < TOTAL_SLIDES_STACK; index++) {
-        state.set(index, { hidden: false, position: index });
+        state[index] = { hidden: false, position: index };
     }
     return state;
 };
 export var initialState = getInitialState();
 // -----------------------------------------------------------------------------
 var setFirstSlide = function (state, slide) {
-    var e_1, _a;
-    var _state = new Map();
-    try {
-        // eslint-disable-next-line fp/no-loops
-        for (var state_1 = __values(state), state_1_1 = state_1.next(); !state_1_1.done; state_1_1 = state_1.next()) {
-            var _b = __read(state_1_1.value, 2), index = _b[0], previousValue = _b[1];
-            // Only update the 1st one
-            var content = index === 0 ? __assign(__assign({}, previousValue), slide) : __assign({}, previousValue);
-            _state.set(index, __assign({}, content));
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (state_1_1 && !state_1_1.done && (_a = state_1.return)) _a.call(state_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
+    var _state = {
+        slideNumbers: slideNumbers
+    };
+    // eslint-disable-next-line lodash-fp/no-unused-result
+    map(function (index) {
+        var previousValue = state[index];
+        // Only update the 1st one
+        var content = index === 0 ? __assign(__assign({}, previousValue), slide) : __assign({}, previousValue);
+        _state[index] = __assign({}, content);
+    }, state.slideNumbers);
     return _state;
 };
 // ||-------> Handles the updates of a given slide on validation,
 // & then updates de remaining slides if this given change should impact their content
 var stateUpdateOnValidation = function (state, payload) {
-    var e_2, _a;
     var slideNumber = payload.slideNumber, newSlideContent = payload.newSlideContent, numberOfFinishedSlides = payload.numberOfFinishedSlides, nextSlide = payload.nextSlide;
-    var _state = new Map();
-    try {
-        // eslint-disable-next-line fp/no-loops
-        for (var state_2 = __values(state), state_2_1 = state_2.next(); !state_2_1.done; state_2_1 = state_2.next()) {
-            var _b = __read(state_2_1.value, 2), index = _b[0], previousValue = _b[1];
-            // the current slide
-            if (index === slideNumber) {
-                // only one slide remaining, presets the next value
-                if (numberOfFinishedSlides === HIGHEST_INDEX) {
-                    _state.set(index, __assign(__assign({}, previousValue), { nextSlide: nextSlide, position: newSlideContent.position, validationResult: newSlideContent.validationResult }));
-                }
-                else
-                    _state.set(slideNumber, newSlideContent);
-            }
-            else {
-                // updates the rest of the slides here
-                var hidden = previousValue.hidden, position = previousValue.position;
-                _state.set(index, __assign(__assign({}, nextSlide), { endReview: newSlideContent.endReview, hidden: hidden, position: position }));
+    var _state = {
+        slideNumbers: slideNumbers
+    };
+    // eslint-disable-next-line lodash-fp/no-unused-result
+    map(function (index) {
+        var previousValue = state[index];
+        // the current slide
+        if (index === slideNumber) {
+            // only one slide remaining, presets the next value
+            if (numberOfFinishedSlides === HIGHEST_INDEX) {
+                _state[index] = __assign(__assign({}, previousValue), { nextSlide: nextSlide, position: newSlideContent.position, validationResult: newSlideContent.validationResult });
             }
+            else
+                _state[slideNumber] = __assign(__assign({}, previousValue), newSlideContent);
         }
-    }
-    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-    finally {
-        try {
-            if (state_2_1 && !state_2_1.done && (_a = state_2.return)) _a.call(state_2);
+        else {
+            // updates the rest of the slides here
+            var hidden = previousValue.hidden, position = previousValue.position;
+            _state[index] = __assign(__assign({}, nextSlide), { endReview: newSlideContent.endReview, hidden: hidden, position: position });
         }
-        finally { if (e_2) throw e_2.error; }
-    }
+    }, state.slideNumbers);
     return _state;
 };
 // ||-------> Handles the updates of a given slide on correction popin's next click,
 // & then updates de remaining slides (updates position to trigger animations)
 var stateUpdateOnNext = function (state, payload) {
-    var e_3, _a;
     var slideNumber = payload.slideNumber, newSlideContent = payload.newSlideContent, numberOfFinishedSlides = payload.numberOfFinishedSlides;
-    var _state = new Map();
-    try {
-        // eslint-disable-next-line fp/no-loops
-        for (var state_3 = __values(state), state_3_1 = state_3.next(); !state_3_1.done; state_3_1 = state_3.next()) {
-            var _b = __read(state_3_1.value, 2), index = _b[0], previousValue = _b[1];
-            // the current slide
-            if (index === slideNumber) {
-                // when there is only one slide remaining, updates the slide value
-                if (numberOfFinishedSlides === HIGHEST_INDEX) {
-                    _state.set(index, __assign(__assign({}, previousValue.nextSlide), { position: previousValue.position }));
-                }
-                else
-                    _state.set(slideNumber, newSlideContent);
-            }
-            else {
-                // updates the rest of the slides here
-                var hidden = previousValue.hidden, position = previousValue.position, answerUI = previousValue.answerUI, questionText = previousValue.questionText;
-                _state.set(index, {
-                    hidden: hidden,
-                    position: position - 1,
-                    answerUI: answerUI,
-                    questionText: questionText,
-                    endReview: newSlideContent.endReview
-                });
+    var _state = {
+        slideNumbers: slideNumbers
+    };
+    // eslint-disable-next-line lodash-fp/no-unused-result
+    map(function (index) {
+        var previousValue = state[index];
+        // the current slide
+        if (index === slideNumber) {
+            // when there is only one slide remaining, updates the slide value
+            if (numberOfFinishedSlides === HIGHEST_INDEX && previousValue.nextSlide) {
+                _state[index] = __assign(__assign({}, previousValue.nextSlide), { position: previousValue.position });
             }
+            else
+                _state[slideNumber] = newSlideContent;
         }
-    }
-    catch (e_3_1) { e_3 = { error: e_3_1 }; }
-    finally {
-        try {
-            if (state_3_1 && !state_3_1.done && (_a = state_3.return)) _a.call(state_3);
+        else {
+            // updates the rest of the slides here
+            var hidden = previousValue.hidden, position = previousValue.position, answerUI = previousValue.answerUI, questionText = previousValue.questionText;
+            _state[index] = {
+                hidden: hidden,
+                position: position - 1,
+                answerUI: answerUI,
+                questionText: questionText,
+                endReview: newSlideContent.endReview
+            };
         }
-        finally { if (e_3) throw e_3.error; }
-    }
+    }, state.slideNumbers);
     return _state;
 };
 // -----------------------------------------------------------------------------

package/lib/reducers/step-items.d.ts

@@ -2,6 +2,5 @@ import { StepItemsAction } from '../actions/step-items';
 import { StepItems } from '../types/step-items';
 export declare type State = StepItems;
 export declare const initialState: State;
-declare const reducer: (state: StepItems, action: StepItemsAction) => StepItems;
+declare const reducer: (state: State, action: StepItemsAction) => State;
 export default reducer;
-//# sourceMappingURL=step-items.d.ts.map

package/lib/reducers/step-items.js

@@ -9,43 +9,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 import isNil from 'lodash/fp/isNil';
 import get from 'lodash/fp/get';
+import has from 'lodash/fp/has';
+import map from 'lodash/fp/map';
 import { UPDATE_STEP_ITEMS_ON_NEXT, UPDATE_STEP_ITEMS_ON_VALIDATION } from '../actions/step-items';
-import { HIGHEST_INDEX, TOTAL_SLIDES_STACK } from '../common';
+import { HIGHEST_INDEX, slideNumbers, TOTAL_SLIDES_STACK } from '../common';
 var getInitialState = function () {
-    var state = new Map();
+    var state = {
+        slideNumbers: slideNumbers
+    };
     // eslint-disable-next-line fp/no-loops
     for (var index = 0; index < TOTAL_SLIDES_STACK; index++) {
         var current = index === 0;
-        state.set(index, { current: current, value: "".concat(index + 1), icon: null });
+        state[index] = { current: current, value: "".concat(index + 1), icon: null };
     }
     return state;
 };
@@ -66,34 +43,26 @@ var calculateNextStepIndex = function (currentStepNumber, finishedSlides, lastVi
     }
     var indexToVisit = getNextIndex(isNil(lastVisitedIndex) ? currentStepNumber : lastVisitedIndex);
     // if the index is already included in the correctly answered (finished) slides, then we proceed to check for the next one
-    return finishedSlides.has(indexToVisit)
+    return has(indexToVisit, finishedSlides)
         ? calculateNextStepIndex(currentStepNumber, finishedSlides, indexToVisit)
         : indexToVisit;
 };
 var recalculateStepItemsState = function (state, stepNumber, stepItemToUpdateProps) {
-    var e_1, _a;
     var nextIndex = get('nextIndex', stepItemToUpdateProps);
-    var _state = new Map();
-    try {
-        // eslint-disable-next-line fp/no-loops
-        for (var state_1 = __values(state), state_1_1 = state_1.next(); !state_1_1.done; state_1_1 = state_1.next()) {
-            var _b = __read(state_1_1.value, 2), index = _b[0], previousValue = _b[1];
-            if (stepNumber === index)
-                _state.set(stepNumber, __assign(__assign({}, previousValue), stepItemToUpdateProps));
-            /* only for UPDATE_STEP_ITEMS_ON_NEXT -> */ else if (nextIndex === index) {
-                _state.set(index, __assign(__assign({}, previousValue), { current: true }));
-            }
-            else
-                _state.set(index, previousValue);
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (state_1_1 && !state_1_1.done && (_a = state_1.return)) _a.call(state_1);
+    var _state = {
+        slideNumbers: slideNumbers
+    };
+    // eslint-disable-next-line lodash-fp/no-unused-result
+    map(function (index) {
+        var previousValue = state[index];
+        if (stepNumber === index)
+            _state[stepNumber] = __assign(__assign({}, previousValue), stepItemToUpdateProps);
+        /* only for UPDATE_STEP_ITEMS_ON_NEXT -> */ else if (nextIndex === index) {
+            _state[index] = __assign(__assign({}, previousValue), { current: true });
         }
-        finally { if (e_1) throw e_1.error; }
-    }
+        else
+            _state[index] = previousValue;
+    }, state.slideNumbers);
     return _state;
 };
 // -----------------------------------------------------------------------------

package/lib/reducers/token.d.ts

@@ -1,8 +1,5 @@
-import { StoreToken } from '../actions/token';
 import { StoreState } from '../types/store-state';
-import { TokenState as State } from '../types/states';
-export declare const initialState: State;
-declare const reducer: (state: State, action: StoreToken) => State;
-export declare const getToken: (appState: StoreState) => StoreState['token'];
-export default reducer;
-//# sourceMappingURL=token.d.ts.map
+import { DataState } from '../types/data';
+export declare const initialState: DataState['token'];
+export declare const setToken: (token: string, state: DataState) => DataState;
+export declare const getToken: (appState: StoreState) => StoreState['data']['token'];

package/lib/reducers/token.js

@@ -1,20 +1,8 @@
-import { STORE_TOKEN } from '../actions/token';
+import set from 'lodash/fp/set';
 // -----------------------------------------------------------------------------
-// export type State = string;
 export var initialState = null;
 // -----------------------------------------------------------------------------
-// eslint-disable-next-line default-param-last
-var reducer = function (state, action) {
-    if (state === void 0) { state = initialState; }
-    switch (action.type) {
-        case STORE_TOKEN: {
-            return action.payload;
-        }
-        default:
-            return state;
-    }
-};
+export var setToken = function (token, state) { return set('token', token, state); };
 // -----------------------------------------------------------------------------
-export var getToken = function (appState) { return appState.token; };
+export var getToken = function (appState) { return appState.data.token; };
 // -----------------------------------------------------------------------------
-export default reducer;

package/lib/services/fetch-demo.d.ts

@@ -9,4 +9,3 @@ export declare type CatalogHits = {
 export { fetchCourse };
 declare const _default: (token: any, language: any, universalRef: any) => Promise<Course>;
 export default _default;
-//# sourceMappingURL=fetch-demo.d.ts.map

package/lib/services/fetch-demo.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=fetch-demo.test.d.ts.map

package/lib/services/fetch-responses.d.ts

@@ -17,4 +17,3 @@ export declare class ResponseError extends Error {
 export declare const toJSON: (response: _Response) => Promise<unknown>;
 export declare const toText: (response: _Response) => Promise<string>;
 export declare const toVoid: (response: _Response) => Promise<void>;
-//# sourceMappingURL=fetch-responses.d.ts.map

package/lib/services/fetch.mocks.d.ts

@@ -7,4 +7,3 @@ export declare const notFoundJSONResponse: (body: unknown) => FetchFunction;
 export declare const okTextResponse: (body: string) => FetchFunction;
 export declare const internalServerErrorTextResponse: (body: string) => FetchFunction;
 export {};
-//# sourceMappingURL=fetch.mocks.d.ts.map

package/lib/types/common.d.ts

@@ -5,4 +5,3 @@ export declare type AppOptions = {
     translations?: unknown;
     slide?: Slide;
 };
-//# sourceMappingURL=common.d.ts.map

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

@@ -0,0 +1,14 @@
+import { AnswerUI } from '../slides';
+export declare type DataState = {
+    isFetching?: boolean;
+    slideValidationResult?: {
+        slideNumber: number;
+        result: 'success' | 'failure';
+        exitNode?: 'successExitNode' | 'failExitNode';
+        nextSlide: {
+            questionText?: string;
+            answerUI?: AnswerUI;
+        };
+    };
+    token?: string;
+};

package/lib/types/data/index.js

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

package/lib/types/dispatchers.d.ts

@@ -1,4 +1,4 @@
-import { validateSlide } from '../actions/api/validate-slide';
+import { validateSlide } from '../actions/data/validate-slide';
 import { updateFinishedSlides } from '../actions/finished-slides';
 import { navigateBack, navigateTo } from '../actions/navigation';
 import { updateReviewStatus } from '../actions/review-status';
@@ -15,4 +15,3 @@ export declare type Dispatchers = {
     updateStepItemsOnNext: typeof updateStepItemsOnNext;
     updateFinishedSlides: typeof updateFinishedSlides;
 };
-//# sourceMappingURL=dispatchers.d.ts.map

package/lib/types/finished-slides.d.ts

@@ -1,7 +1,9 @@
 import { SlideNumber } from './slides';
-export declare type FinishedSlides = Map<SlideNumber, true>;
+export declare type FinishedSlides = {
+    slideNumbers: SlideNumber[];
+    [key: SlideNumber]: true;
+};
 export declare type UpdateFinishedSlidesPayload = {
     slideNumber: SlideNumber;
     value: true;
 };
-//# sourceMappingURL=finished-slides.d.ts.map

package/lib/types/review-status.d.ts

@@ -1,2 +1 @@
 export declare type UpdateReviewStatusPayload = 'finished';
-//# sourceMappingURL=review-status.d.ts.map

package/lib/types/slides.d.ts

@@ -74,7 +74,10 @@ export declare type Slide = {
     answerUI?: AnswerUI;
     nextSlide?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextSlide'>;
 };
-export declare type Slides = Map<SlideNumber, Slide>;
+export declare type Slides = {
+    slideNumbers: SlideNumber[];
+    [key: SlideNumber]: Slide;
+};
 export declare type UpdateSlidesOnValidationPayload = {
     slideNumber: SlideNumber;
     newSlideContent: Slide;
@@ -82,4 +85,3 @@ export declare type UpdateSlidesOnValidationPayload = {
     nextSlide: WithRequired<Slide['nextSlide'], 'answerUI' | 'questionText'>;
 };
 export declare type UpdateSlidesOnNextPayload = Omit<UpdateSlidesOnValidationPayload, 'nextSlide'>;
-//# sourceMappingURL=slides.d.ts.map

package/lib/types/states.d.ts

@@ -1,8 +1,6 @@
 export { Slides as SlidesState } from './slides';
-export { ApiState } from './api';
+export { DataState } from './data';
 export { StepItems as StepItemsState } from './step-items';
 export { FinishedSlides as FinishedSlidesState } from './finished-slides';
 export { State as ReviewStatusState } from '../reducers/review-status';
-export declare type TokenState = string;
 export declare type NavigationState = Array<'home' | 'onboarding' | 'slides'>;
-//# sourceMappingURL=states.d.ts.map

package/lib/types/step-items.d.ts

@@ -10,7 +10,10 @@ export declare type StepItem = {
     icon: IconValue;
     value: string;
 };
-export declare type StepItems = Map<SlideNumber, StepItem>;
+export declare type StepItems = {
+    slideNumbers: SlideNumber[];
+    [key: SlideNumber]: StepItem;
+};
 export declare type UpdateStepItemsOnValidationClickPayload = {
     stepNumber: SlideNumber;
     icon: IconValue;
@@ -21,4 +24,3 @@ export declare type UpdateStepItemsOnNextClickPayload = {
     current: boolean;
 };
 export {};
-//# sourceMappingURL=step-items.d.ts.map

package/lib/types/store-state.d.ts

@@ -1,12 +1,12 @@
-import { ApiState, FinishedSlidesState, NavigationState, ReviewStatusState, SlidesState, StepItemsState, TokenState } from './states';
+import { DataState, FinishedSlidesState, NavigationState, ReviewStatusState, SlidesState, StepItemsState } from './states';
 export declare type StoreState = {
-    courses: unknown;
-    navigation: NavigationState;
-    slides: SlidesState;
-    stepItems: StepItemsState;
-    finishedSlides: FinishedSlidesState;
-    reviewStatus: ReviewStatusState;
-    token: TokenState;
-    api: ApiState;
+    ui: {
+        courses: unknown;
+        navigation: NavigationState;
+        slides: SlidesState;
+        stepItems: StepItemsState;
+        finishedSlides: FinishedSlidesState;
+        reviewStatus: ReviewStatusState;
+    };
+    data: DataState;
 };
-//# sourceMappingURL=store-state.d.ts.map

package/lib/types/utils.d.ts

@@ -1,4 +1,3 @@
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
-//# sourceMappingURL=utils.d.ts.map

package/lib/types/views.d.ts

@@ -1,11 +1,18 @@
 import { State as ReviewStatus } from '../reducers/review-status';
-import { ApiState } from './api';
+import { DataState } from './data';
 import { Dispatchers } from './dispatchers';
 import { FinishedSlides } from './finished-slides';
 import { Slides } from './slides';
 import { StepItems } from './step-items';
 declare type SlidesViewStaticProps = {
     slides: Slides;
+    headerProps: {
+        mode: string;
+        skillName: string;
+        onQuitClick: Function;
+        'aria-label'?: string;
+        closeButtonAriaLabel: string;
+    };
     finishedSlides: FinishedSlides;
     stepItems: StepItems;
     reviewStatus: ReviewStatus;
@@ -50,9 +57,8 @@ declare type SlidesViewStaticProps = {
         failureLabel: string;
     };
     reviewBackgroundAriaLabel?: string;
-    slideValidationResult: ApiState['entities']['slideValidationResult'];
+    slideValidationResult: DataState['slideValidationResult'];
 };
 declare type SlidesViewDispatcherProps = Omit<Dispatchers, 'navigateTo' | 'navigateBack'>;
 declare type SlidesViewProps = SlidesViewStaticProps & SlidesViewDispatcherProps;
 export { SlidesViewStaticProps, SlidesViewDispatcherProps, SlidesViewProps };
-//# sourceMappingURL=views.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.0.21-alpha.8+78b219b1f",
+  "version": "0.1.2",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -17,6 +17,7 @@
     "clean:commonjs": "rm -rf lib",
     "clean:es": "rm -rf es",
     "clean": "concurrently \"npm run clean:commonjs\" \"npm run clean:es\"",
+    "typecheck": "tsc --noEmit",
     "test:unit": "ava",
     "lint": "eslint '**/*' --cache --ext .js --ext .jsx --ext .ts --ext .tsx --ext .json",
     "lint:fix": "npm run lint -- --fix",
@@ -39,12 +40,11 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.19.13-alpha.8+78b219b1f",
+    "@coorpacademy/components": "10.21.1",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^8.0.1",
     "redux": "^4.2.0",
-    "redux-devtools-extension": "^2.13.9",
     "redux-thunk": "^2.4.1"
   },
   "peerDependencies": {
@@ -53,11 +53,14 @@
     "react-native": "0.68.1"
   },
   "devDependencies": {
+    "@coorpacademy/css-modules-require-hook": "2.1.5",
     "@coorpacademy/eslint-plugin-coorpacademy": "^11.0.0",
+    "@testing-library/react": "^12.1.5",
     "@types/lodash": "^4.14.182",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.28.0",
-    "ava": "^4.2.0",
+    "ava": "^4.3.0",
+    "browser-env": "^3.3.0",
     "chalk": "^4.1.2",
     "concurrently": "^5.2.0",
     "connect-history-api-fallback": "^1.6.0",
@@ -65,13 +68,13 @@
     "esbuild": "^0.14.39",
     "esbuild-css-modules-plugin": "https://github.com/chrisdugne/esbuild-css-modules-plugin#main",
     "esbuild-plugin-svgr": "^1.0.1",
-    "eslint": "^8.17.0",
+    "eslint": "^8.18.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "live-server": "^1.2.2",
     "postcss-modules-values-replace": "^3.4.0",
     "react-dom": "^17.0.2",
     "ts-node": "^10.8.1",
-    "typescript": "^4.6.4"
+    "typescript": "^4.7.4"
   },
-  "gitHead": "78b219b1f697fdc10dae58a4a6000cd155321a2a"
+  "gitHead": "9b67197b24c5d84d7bc7c412b6af19d2d8ca7d7b"
 }

package/src/common/index.ts

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

package/src/configure-store.ts

@@ -11,26 +11,16 @@ const preloadedState: unknown = undefined;
 
 // -----------------------------------------------------------------------------
 
-export default async function configureStore(): Promise<
-  Store<EmptyObject & StoreState, AnyAction> & {
-    dispatch: {};
-  }
-> {
-  const isExtensionEnabled = typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__;
-  const isProd = process.env.NODE_ENV !== 'production';
-
-  const {composeWithDevTools} = isProd
-    ? {composeWithDevTools: null}
-    : // eslint-disable-next-line node/no-unsupported-features/es-syntax, import/dynamic-import-chunkname
-      await import('redux-devtools-extension');
-  const _compose =
-    !isProd && isExtensionEnabled
-      ? composeWithDevTools({
-          name: 'app-review',
-          trace: true,
-          traceLimit: 25
-        })
-      : compose;
+export default function configureStore(): Store<EmptyObject & StoreState, AnyAction> & {
+  dispatch: {};
+} {
+  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);