@coorpacademy/app-review 0.5.4 → 0.5.6-alpha.10

package/es/locales/en/review.json

@@ -0,0 +1,14 @@
+{
+    "Review Title": "Review Mode",
+    "Content Parent Title": "From `{{contentTitle}}` `{{contentType}}`",
+    "Validate": "Validate",
+    "Next Question": "Next Question",
+    "KLF": "Key Learning Factor",
+    "Correct Answer": "Correct Answer",
+    "Wrong Answer": "Wrong Answer",
+    "You have won": "You have won",
+    "You are now": "You are now",
+    "Revise another skill": "Revise another skill",
+    "Continue reviewing": "Continue reviewing",
+    "Congratulations!": "Congratulations!"
+}

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,56 @@
+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 createTranslate from '@coorpacademy/translate';
+import { WebContext } from '@coorpacademy/components/es/atom/provider';
+import localesComponents from '@coorpacademy/components/locales/en/global.json';
+import localesAppReview from '../locales/en/review.json';
+import AppReview from '../src';
+import { services } from '../src/test/util/services.mock';
+const translate = (key, data) => {
+    try {
+        return createTranslate({
+            ...localesAppReview,
+            ...localesComponents
+        })(key, data);
+    }
+    catch (err) {
+        // eslint-disable-next-line no-console
+        console.error(err);
+        return createTranslate({ [key]: key })(key, data);
+    }
+};
+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,
+            translate,
+            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: translate },
+            React.createElement(AppReview, { options: appOptions })), container);
+    }
+};
+if (window && !window.createSandbox) {
+    window.createSandbox = createSandbox;
+}
+createSandbox({ container: 'root' });

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

@@ -11,19 +11,20 @@ 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 ConnectedApp = (options) => {
     const dispatch = useDispatch();
     const props = {
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
-        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
-        skills: useSelector((state) => mapStateToSkillsProps(state))
+        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, options)),
+        skills: useSelector((state) => mapStateToSkillsProps(state)),
+        onboarding: {}
     };
     return React.createElement(AppReviewTemplate, { ...props });
 };
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
     const [isProgressionCreated, setIsProgressionCreated] = useState(false);
-    const onQuitClick = options.onQuitClick;
+    const { translate, onQuitClick } = options;
     useEffect(() => {
         if (store)
             return;
@@ -67,6 +68,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
 };
 export default AppReview;

package/es/src/services/fetch-slides-to-review-by-skill-ref.d.ts

@@ -0,0 +1,2 @@
+import { SlideIdFromAPI } from '../types/common';
+export declare const fetchSlidesToReviewBySkillRef: (url: string, token: string, skillRef: string) => Promise<SlideIdFromAPI[]>;

package/es/src/services/fetch-slides-to-review-by-skill-ref.js

@@ -0,0 +1,8 @@
+import crossFetch from 'cross-fetch';
+import decode from 'jwt-decode';
+import { toJSON } from './tools/fetch-responses';
+export const fetchSlidesToReviewBySkillRef = async (url, token, skillRef) => {
+    const { user: userId } = decode(token);
+    const response = await crossFetch(`${url}/api/v1/review/users/${userId}/skills/${skillRef}/slide?limit=5&offset=0`);
+    return toJSON(response);
+};

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

@@ -2,6 +2,7 @@ import { fetchCorrection } from './fetch-correction';
 import { fetchRank } from './fetch-rank';
 import { fetchSkills } from './fetch-skills';
 import { fetchSlide } from './fetch-slide';
+import { fetchSlidesToReviewBySkillRef } from './fetch-slides-to-review-by-skill-ref';
 import { postAnswer } from './post-answer';
 import { postProgression } from './post-progression';
 export const getServices = () => ({
@@ -9,6 +10,7 @@ export const getServices = () => ({
     fetchRank,
     fetchSkills,
     fetchSlide,
+    fetchSlidesToReviewBySkillRef,
     postAnswer,
     postProgression
 });

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

@@ -39,7 +39,9 @@ const appOptions = {
     token: process.env.API_TEST_TOKEN || '',
     skillRef: 'skill_NJC0jFKoH',
     services,
-    onQuitClick: identity
+    onQuitClick: identity,
+    translate: key => key,
+    url: process.env.LAMBDA_API_REVIEW_GET_SLIDES_URL || 'http://localhost:7006'
 };
 test('should show the loader while the app is fetching the data', async (t) => {
     t.plan(2);

package/{lib → es/src}/test/util/services.mock.d.ts

@@ -5,3 +5,4 @@ export declare const incorrectFreeTextPostAnswerResponse: ProgressionFromAPI;
 export declare const progressionSlideWithPendingSlide: ProgressionFromAPI;
 export declare const getChoicesCorrection: (ref: string, wrongChoice?: boolean) => CorrectionFromAPI;
 export declare const services: Services;
+export declare const translate: (key: string) => string;

package/es/{test → src/test}/util/services.mock.js

@@ -413,6 +413,23 @@ export const getChoicesCorrection = (ref, wrongChoice = false) => {
         }
     }
 };
+const fetchSlidesToReviewBySkillRefResponse = [
+    {
+        slideId: freeTextSlide._id
+    },
+    {
+        slideId: templateSlide._id
+    },
+    {
+        slideId: qcmDragSlide._id
+    },
+    {
+        slideId: qcmGraphicSlide._id
+    },
+    {
+        slideId: qcmSlide._id
+    }
+];
 export const services = {
     fetchSkills: () => Promise.resolve(fetchSkillsResponse),
     fetchSlide: ref => Promise.resolve({ ...getSlideFixture(ref), universalRef: ref, _id: ref }),
@@ -422,5 +439,7 @@ export const services = {
         return Promise.resolve(get(currentSlide, postAnswerResponses));
     },
     fetchCorrection: ref => Promise.resolve(getChoicesCorrection(ref)),
-    fetchRank: () => Promise.resolve(fetchRankResponse)
+    fetchRank: () => Promise.resolve(fetchRankResponse),
+    fetchSlidesToReviewBySkillRef: () => Promise.resolve(fetchSlidesToReviewBySkillRefResponse)
 };
+export const translate = (key) => `___${key}`;

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

@@ -69,6 +69,9 @@ export declare type SlideFromAPI = {
         type: 'chapter' | 'course';
     };
 };
+export declare type SlideIdFromAPI = {
+    slideId: string;
+};
 export declare type Rank = {
     rank: number;
 };
@@ -131,15 +134,20 @@ export declare type Services = {
     postAnswer(progression: ProgressionFromAPI, token: string, answer: string[]): Promise<ProgressionFromAPI>;
     fetchCorrection(slideRef: string, token: string, progressionId: string, answer: string[]): Promise<CorrectionFromAPI | void>;
     fetchRank(token: string): Promise<Rank>;
+    fetchSlidesToReviewBySkillRef(url: string, token: string, skillRef: string): Promise<SlideIdFromAPI[]>;
 };
 export declare type Options = {
     services: Services;
 };
-export declare type AppOptions = {
+export declare type ConnectedOptions = {
+    translate: (key: string, data?: unknown) => string;
+    onQuitClick: Function;
+};
+export declare type AppOptions = ConnectedOptions & {
     token: string;
     skillRef?: string;
     services: Services;
-    onQuitClick: Function;
+    url: string;
 };
 export declare type JWT = {
     exp: number;

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

@@ -1,4 +1,5 @@
 import type { Dispatch } from 'redux';
+import type { ConnectedOptions } from '../../types/common';
 import { type SlideIndexes } from '../../common';
 import type { StoreState } from '../../reducers';
 import type { AnswerUI } from '../../types/slides';
@@ -138,5 +139,5 @@ export declare type CongratsProps = {
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];
-export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: Function) => SlidesViewProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, options: ConnectedOptions) => SlidesViewProps;
 export {};

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

@@ -166,22 +166,22 @@ export const buildStepItems = (state) => {
     });
     return steps;
 };
-const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf) => {
+const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, translate) => {
     return {
         klf: isCorrect
             ? undefined
             : {
-                label: '_klf',
+                label: translate('KLF'),
                 tooltip: klf
             },
-        resultLabel: isCorrect ? '_right' : '_wrong',
+        resultLabel: isCorrect ? translate('Correct Answer') : translate('Wrong Answer'),
         information: {
-            label: isCorrect ? '_klf' : '_correctAnswer',
+            label: isCorrect ? translate('KLF') : translate('Correct Answer'),
             message: isCorrect ? klf : join(',', correctAnswer)
         },
         next: {
-            ariaLabel: '_correctionNextAriaLabel',
-            label: '_correctionNextLabel',
+            ariaLabel: translate('Next Question'),
+            label: translate('Next Question'),
             onClick: () => {
                 dispatch(nextSlide);
             }
@@ -214,7 +214,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
         }
     };
 };
-const buildRankCard = (rank) => {
+const buildRankCard = (rank, translate) => {
     return {
         'aria-label': 'Review Card Congrats Container',
         'data-name': 'card-rank',
@@ -229,13 +229,13 @@ const buildRankCard = (rank) => {
         cardType: 'card-rank',
         iconAriaLabel: 'Image without information',
         className: undefined,
-        reviewCardTitle: 'You are now',
+        reviewCardTitle: translate('You are now'),
         reviewCardValue: `${rank}`,
         rankSuffix: 'th',
         timerAnimation: 200
     };
 };
-const buildCongratsProps = (state) => {
+const buildCongratsProps = (state, translate) => {
     if (!state.ui.showCongrats)
         return;
     const progression = state.data.progression;
@@ -258,18 +258,18 @@ const buildCongratsProps = (state) => {
         iconAriaLabel: 'Image without information',
         className: undefined,
         cardType: 'card-star',
-        reviewCardTitle: 'You have won',
+        reviewCardTitle: translate('You have won'),
         reviewCardValue: `${stars}`,
         timerAnimation: 200
     };
     const { start, end } = state.data.rank;
     const newRank = start - end;
-    const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end) : undefined;
+    const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end, translate) : undefined;
     return {
         'aria-label': 'Review Congratulations',
         'data-name': 'review-congrats',
         animationLottie: confettiAnimation,
-        title: 'Congratulations!',
+        title: translate('Congratulations!'),
         cardCongratsStar,
         cardCongratsRank,
         buttonRevising: undefined,
@@ -281,7 +281,8 @@ const isEndOfProgression = (progression) => {
         return false;
     return progression.state.nextContent.ref === 'successExitNode';
 };
-export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
+export const mapStateToSlidesProps = (state, dispatch, options) => {
+    const { translate, onQuitClick } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const endReview = isEndOfProgression(state.data.progression);
     const correction = get(['data', 'corrections', currentSlideRef], state);
@@ -290,8 +291,8 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
     const showQuitPopin = get(['ui', 'showQuitPopin'], state);
     return {
         header: {
-            mode: '__revision_mode',
-            skillName: '__agility',
+            mode: translate('Review Title'),
+            skillName: translate('Content Parent Title'),
             onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
@@ -300,16 +301,17 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
         stack: {
             slides: buildStackSlides(state, dispatch),
             validateButton: {
-                label: '__validate',
+                label: translate('Validate'),
                 disabled: !get(['ui', 'slide', currentSlideRef, 'validateButton'], state),
                 onClick: () => {
                     dispatch(postAnswer);
                 }
             },
-            correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
+            correctionPopinProps: correction &&
+                getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, options.translate),
             endReview: endReview && state.ui.showCongrats
         },
-        congrats: buildCongratsProps(state),
+        congrats: buildCongratsProps(state, options.translate),
         quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
     };
 };

package/lib/locales/en/review.json

@@ -0,0 +1,14 @@
+{
+    "Review Title": "Review Mode",
+    "Content Parent Title": "From `{{contentTitle}}` `{{contentType}}`",
+    "Validate": "Validate",
+    "Next Question": "Next Question",
+    "KLF": "Key Learning Factor",
+    "Correct Answer": "Correct Answer",
+    "Wrong Answer": "Wrong Answer",
+    "You have won": "You have won",
+    "You are now": "You are now",
+    "Revise another skill": "Revise another skill",
+    "Continue reviewing": "Continue reviewing",
+    "Congratulations!": "Congratulations!"
+}

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,67 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 createTranslate from '@coorpacademy/translate';
+import { WebContext } from '@coorpacademy/components/es/atom/provider';
+import localesComponents from '@coorpacademy/components/locales/en/global.json';
+import localesAppReview from '../locales/en/review.json';
+import AppReview from '../src';
+import { services } from '../src/test/util/services.mock';
+var translate = function (key, data) {
+    var _a;
+    try {
+        return createTranslate(__assign(__assign({}, localesAppReview), localesComponents))(key, data);
+    }
+    catch (err) {
+        // eslint-disable-next-line no-console
+        console.error(err);
+        return createTranslate((_a = {}, _a[key] = key, _a))(key, data);
+    }
+};
+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,
+            translate: translate,
+            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: translate },
+            React.createElement(AppReview, { options: appOptions })), container);
+    }
+};
+if (window && !window.createSandbox) {
+    window.createSandbox = createSandbox;
+}
+createSandbox({ container: 'root' });

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

@@ -22,13 +22,13 @@ import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-var ConnectedApp = function (_a) {
-    var onQuitClick = _a.onQuitClick;
+var ConnectedApp = function (options) {
     var dispatch = useDispatch();
     var props = {
         viewName: useSelector(function (state) { return state.ui.navigation[state.ui.navigation.length - 1]; }),
-        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch, onQuitClick); }),
-        skills: useSelector(function (state) { return mapStateToSkillsProps(state); })
+        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch, options); }),
+        skills: useSelector(function (state) { return mapStateToSkillsProps(state); }),
+        onboarding: {}
     };
     return React.createElement(AppReviewTemplate, __assign({}, props));
 };
@@ -36,7 +36,7 @@ var AppReview = function (_a) {
     var options = _a.options;
     var _b = useState(null), store = _b[0], setStore = _b[1];
     var _c = useState(false), isProgressionCreated = _c[0], setIsProgressionCreated = _c[1];
-    var onQuitClick = options.onQuitClick;
+    var translate = options.translate, onQuitClick = options.onQuitClick;
     useEffect(function () {
         if (store)
             return;
@@ -80,6 +80,6 @@ var AppReview = function (_a) {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
 };
 export default AppReview;

package/lib/src/services/fetch-slides-to-review-by-skill-ref.d.ts

@@ -0,0 +1,2 @@
+import { SlideIdFromAPI } from '../types/common';
+export declare const fetchSlidesToReviewBySkillRef: (url: string, token: string, skillRef: string) => Promise<SlideIdFromAPI[]>;

package/lib/src/services/fetch-slides-to-review-by-skill-ref.js

@@ -0,0 +1,52 @@
+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 crossFetch from 'cross-fetch';
+import decode from 'jwt-decode';
+import { toJSON } from './tools/fetch-responses';
+export var fetchSlidesToReviewBySkillRef = function (url, token, skillRef) { return __awaiter(void 0, void 0, void 0, function () {
+    var userId, response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                userId = decode(token).user;
+                return [4 /*yield*/, crossFetch("".concat(url, "/api/v1/review/users/").concat(userId, "/skills/").concat(skillRef, "/slide?limit=5&offset=0"))];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, toJSON(response)];
+        }
+    });
+}); };

package/lib/{services → src/services}/index.js

@@ -2,6 +2,7 @@ import { fetchCorrection } from './fetch-correction';
 import { fetchRank } from './fetch-rank';
 import { fetchSkills } from './fetch-skills';
 import { fetchSlide } from './fetch-slide';
+import { fetchSlidesToReviewBySkillRef } from './fetch-slides-to-review-by-skill-ref';
 import { postAnswer } from './post-answer';
 import { postProgression } from './post-progression';
 export var getServices = function () { return ({
@@ -9,6 +10,7 @@ export var getServices = function () { return ({
     fetchRank: fetchRank,
     fetchSkills: fetchSkills,
     fetchSlide: fetchSlide,
+    fetchSlidesToReviewBySkillRef: fetchSlidesToReviewBySkillRef,
     postAnswer: postAnswer,
     postProgression: postProgression
 }); };

package/lib/{test → src/test}/index.test.js

@@ -134,7 +134,9 @@ var appOptions = {
     token: process.env.API_TEST_TOKEN || '',
     skillRef: 'skill_NJC0jFKoH',
     services: services,
-    onQuitClick: identity
+    onQuitClick: identity,
+    translate: function (key) { return key; },
+    url: process.env.LAMBDA_API_REVIEW_GET_SLIDES_URL || 'http://localhost:7006'
 };
 test('should show the loader while the app is fetching the data', function (t) { return __awaiter(void 0, void 0, void 0, function () {
     var container, loader;

package/{es → lib/src}/test/util/services.mock.d.ts

@@ -5,3 +5,4 @@ export declare const incorrectFreeTextPostAnswerResponse: ProgressionFromAPI;
 export declare const progressionSlideWithPendingSlide: ProgressionFromAPI;
 export declare const getChoicesCorrection: (ref: string, wrongChoice?: boolean) => CorrectionFromAPI;
 export declare const services: Services;
+export declare const translate: (key: string) => string;

package/lib/{test → src/test}/util/services.mock.js

@@ -417,6 +417,23 @@ export var getChoicesCorrection = function (ref, wrongChoice) {
         }
     }
 };
+var fetchSlidesToReviewBySkillRefResponse = [
+    {
+        slideId: freeTextSlide._id
+    },
+    {
+        slideId: templateSlide._id
+    },
+    {
+        slideId: qcmDragSlide._id
+    },
+    {
+        slideId: qcmGraphicSlide._id
+    },
+    {
+        slideId: qcmSlide._id
+    }
+];
 export var services = {
     fetchSkills: function () { return Promise.resolve(fetchSkillsResponse); },
     fetchSlide: function (ref) { return Promise.resolve(__assign(__assign({}, getSlideFixture(ref)), { universalRef: ref, _id: ref })); },
@@ -426,5 +443,7 @@ export var services = {
         return Promise.resolve(get(currentSlide, postAnswerResponses));
     },
     fetchCorrection: function (ref) { return Promise.resolve(getChoicesCorrection(ref)); },
-    fetchRank: function () { return Promise.resolve(fetchRankResponse); }
+    fetchRank: function () { return Promise.resolve(fetchRankResponse); },
+    fetchSlidesToReviewBySkillRef: function () { return Promise.resolve(fetchSlidesToReviewBySkillRefResponse); }
 };
+export var translate = function (key) { return "___".concat(key); };

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

@@ -69,6 +69,9 @@ export declare type SlideFromAPI = {
         type: 'chapter' | 'course';
     };
 };
+export declare type SlideIdFromAPI = {
+    slideId: string;
+};
 export declare type Rank = {
     rank: number;
 };
@@ -131,15 +134,20 @@ export declare type Services = {
     postAnswer(progression: ProgressionFromAPI, token: string, answer: string[]): Promise<ProgressionFromAPI>;
     fetchCorrection(slideRef: string, token: string, progressionId: string, answer: string[]): Promise<CorrectionFromAPI | void>;
     fetchRank(token: string): Promise<Rank>;
+    fetchSlidesToReviewBySkillRef(url: string, token: string, skillRef: string): Promise<SlideIdFromAPI[]>;
 };
 export declare type Options = {
     services: Services;
 };
-export declare type AppOptions = {
+export declare type ConnectedOptions = {
+    translate: (key: string, data?: unknown) => string;
+    onQuitClick: Function;
+};
+export declare type AppOptions = ConnectedOptions & {
     token: string;
     skillRef?: string;
     services: Services;
-    onQuitClick: Function;
+    url: string;
 };
 export declare type JWT = {
     exp: number;