@coorpacademy/app-review 0.7.7-alpha.61 → 0.8.0

package/es/index.js

@@ -15,7 +15,7 @@ const ConnectedApp = (options) => {
     const props = {
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
         slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, options)),
-        skills: useSelector((state) => mapStateToSkillsProps(state, options)),
+        skills: useSelector((state) => mapStateToSkillsProps(state)),
         navigateBack: () => dispatch(navigateBack),
         onboarding: {}
     };

package/es/reducers/data/index.d.ts

@@ -4,7 +4,6 @@ import { SkillsState } from './skills';
 import { SlidesState } from './slides';
 import { TokenState } from './token';
 import { RankState } from './rank';
-import { CurrentSkillState } from './current-skill';
 export declare type DataState = {
     corrections: CorrectionsState;
     progression: ProgressionState;
@@ -12,7 +11,6 @@ export declare type DataState = {
     slides: SlidesState;
     token: TokenState;
     rank: RankState;
-    currentSkill: CurrentSkillState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     corrections: CorrectionsState;
@@ -21,6 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     slides: SlidesState;
     token: string;
     rank: RankState;
-    currentSkill: CurrentSkillState;
-}>, import("../../actions/api/fetch-skill").ReceivedSkill | import("../../actions/api/post-progression").FetchProgression | import("../../actions/api/post-progression").ReceivedProgression | import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
+}>, import("../../actions/api/post-progression").FetchProgression | import("../../actions/api/post-progression").ReceivedProgression | import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
 export default _default;

package/es/reducers/data/index.js

@@ -5,13 +5,4 @@ import skills from './skills';
 import slides from './slides';
 import token from './token';
 import rank from './rank';
-import currentSkill from './current-skill';
-export default combineReducers({
-    corrections,
-    progression,
-    skills,
-    slides,
-    token,
-    rank,
-    currentSkill
-});
+export default combineReducers({ corrections, progression, skills, slides, token, rank });

package/es/reducers/index.d.ts

@@ -12,7 +12,6 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         slides: import("./data/slides").SlidesState;
         token: string;
         rank: import("./data/rank").RankState;
-        currentSkill: import("./data/current-skill").CurrentSkillState;
     }>;
     ui: import("redux").CombinedState<{
         currentSlideRef: string;
@@ -24,7 +23,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         showButtonRevising: boolean;
         showCongrats: boolean;
     }>;
-}>, import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-skill").ReceivedSkill | import("../actions/api/post-progression").FetchProgression | import("../actions/api/post-progression").ReceivedProgression | import("./data/corrections").CorrectionsAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateToAction | import("../actions/ui/navigation").NavigateBackAction | import("../actions/ui/answers").EditAnswerAction | {
+}>, import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/post-progression").FetchProgression | import("../actions/api/post-progression").ReceivedProgression | import("./data/corrections").CorrectionsAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateToAction | import("../actions/ui/navigation").NavigateBackAction | import("../actions/ui/answers").EditAnswerAction | {
     type: "@@ui/OPEN_POPIN";
 } | {
     type: "@@ui/CLOSE_POPIN";

package/es/services/fetch-skill.js

@@ -6,6 +6,5 @@ export const fetchSkill = async (skillRef, token) => {
     const response = await crossFetch(`${host}/api/v2/skills?conditions={"ref":"${skillRef}"}`, {
         headers: { authorization: token }
     });
-    const skills = await toJSON(response);
-    return skills[0];
+    return toJSON(response);
 };

package/es/types/common.d.ts

@@ -1,7 +1,4 @@
 export declare type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';
-export interface Translate {
-    (key: string, data?: Record<string, string>): string;
-}
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -149,13 +146,13 @@ export declare type Options = {
     services: Services;
 };
 export declare type ConnectedOptions = {
-    translate: Translate;
+    translate: (key: string, data?: unknown) => string;
     onQuitClick: () => void;
 };
 export declare type AppOptions = ConnectedOptions & {
     token: string;
     skillRef?: string;
-    services?: Services;
+    services: Services;
     callbackOnViewChanged?: (viewName: ViewName) => void;
 };
 export declare type ThunkOptions = {

package/es/views/skills/index.d.ts

@@ -1,4 +1,24 @@
-import { ReviewSkillsProps } from '@coorpacademy/components/es/template/app-review/skills/prop-types';
 import { StoreState } from '../../reducers';
-import type { ConnectedOptions } from '../../types/common';
-export declare const mapStateToSkillsProps: (state: StoreState, options: ConnectedOptions) => ReviewSkillsProps;
+declare type SkillCard = {
+    'aria-label': string;
+    skillTitle: string;
+    skillAriaLabel: string;
+    buttonLabel: string;
+    buttonAriaLabel: string;
+    reviseLabel: string;
+    reviseAriaLabel: string;
+    isCustom: boolean;
+    onClick: () => void;
+};
+declare type NoSkillsProps = {
+    iconSkillAriaLabel: string;
+};
+declare type SkillsProps = NoSkillsProps & {
+    'aria-label'?: string;
+    title: string;
+    isLoading?: boolean;
+    isLoadingAriaLabel: string;
+    listSkills: SkillCard[];
+};
+export { SkillsProps };
+export declare const mapStateToSkillsProps: (state: StoreState) => SkillsProps;

package/es/views/skills/index.js

@@ -1,26 +1,20 @@
-export const mapStateToSkillsProps = (state, options) => {
-    const { translate } = options;
+export const mapStateToSkillsProps = (state) => {
     return {
-        'aria-label': translate('Review Skills Container'),
-        title: translate('Skills you can review'),
+        title: '@todo title',
+        iconSkillAriaLabel: '@todo iconSkillAriaLabel',
         isLoading: false,
-        isLoadingAriaLabel: 'Review skills container is loading',
+        isLoadingAriaLabel: '@todo loading',
         listSkills: state.data.skills.map(skill => ({
-            'aria-label': translate('Skill Card'),
+            'aria-label': '',
             isCustom: skill.custom,
             skillTitle: skill.name,
-            skillAriaLabel: skill.name,
-            buttonLabel: translate('Review this skill'),
-            buttonAriaLabel: translate('Review this skill'),
-            reviseLabel: translate('{{count}} questions to review', { count: `${skill.slidesToReview}` }),
-            reviseAriaLabel: translate('{{count}} questions to review', {
-                count: `${skill.slidesToReview}`
-            }),
+            skillAriaLabel: '@todo skill aria label',
+            buttonLabel: '@todo button',
+            buttonAriaLabel: '@todo button aria label',
+            reviseLabel: '@todo revise',
+            reviseAriaLabel: '@todo revise aria label',
             // eslint-disable-next-line no-console
             onClick: () => console.log('@todo plug dispatcher select skill')
-        })),
-        titleNoSkills: translate('No skill to revise'),
-        textNoSkills: translate('Complete courses before revising'),
-        iconSkillAriaLabel: 'Image without information'
+        }))
     };
 };

package/es/views/slides/index.js

@@ -60,9 +60,6 @@ const getCurrentSlideRef = (state) => {
     const content = progression.state.content;
     return content.ref;
 };
-const isLastSlideAnswered = (slidesRef, slideRef) => {
-    return last(slidesRef) === slideRef;
-};
 const buildStackSlides = (state, dispatch, options) => {
     const { translate } = options;
     const currentSlideRef = getCurrentSlideRef(state);
@@ -73,25 +70,22 @@ const buildStackSlides = (state, dispatch, options) => {
     // @ts-expect-error typescript does not support capped versions of lodash functions
     const stack = reduce.convert({ cap: false })((acc, uiSlide, _index) => {
         const index = toInteger(_index);
-        const slideRef = slideRefs[index];
-        const lastAnsweredSlideRef = isLastSlideAnswered(progression.state.slides, slideRef);
         const positions = state.ui.positions;
-        // when unstack the last answered slide (position -1), we set the position to 0 only during the animation
-        // to avoid to hide the slide (caused by the position -1).
-        const position = lastAnsweredSlideRef && positions[index] === -1 ? 0 : positions[index];
+        const position = positions[index];
+        const slideRef = slideRefs[index];
         if (!slideRef)
             return set(index, { ...uiSlide, position }, acc);
         const slideFromAPI = get(slideRef, state.data.slides);
         if (!slideFromAPI)
             return set(index, { ...uiSlide, position }, acc);
         const answers = getOr([], ['ui', 'answers', slideRef], state);
-        const { questionText, answerUI } = mapApiSlideToUi(dispatch, translate)(slideFromAPI, answers);
+        const { questionText, answerUI } = mapApiSlideToUi(dispatch)(slideFromAPI, answers);
         const { title: parentContentTitle, type: parentContentType } = slideFromAPI.parentContentTitle;
         const isCurrentSlideRef = currentSlideRef === slideRef;
         const slideUI = get(['ui', 'slide', slideRef], state);
         const animateCorrectionPopin = isCurrentSlideRef && slideUI.animateCorrectionPopin;
         const showCorrectionPopin = isCurrentSlideRef && slideUI.showCorrectionPopin;
-        const animationType = lastAnsweredSlideRef ? slideUI.animationType : undefined;
+        const animationType = slideUI.animationType;
         const updatedUiSlide = {
             ...uiSlide,
             position,
@@ -177,8 +171,7 @@ export const buildStepItems = (state) => {
     });
     return steps;
 };
-const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, translate, endReview) => {
-    const nextLabel = endReview ? translate('Continue') : translate('Next Question');
+const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, translate) => {
     return {
         klf: isCorrect
             ? undefined
@@ -189,11 +182,11 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, tr
         resultLabel: isCorrect ? translate('Correct Answer') : translate('Wrong Answer'),
         information: {
             label: isCorrect ? translate('KLF') : translate('Correct Answer'),
-            message: isCorrect ? klf : join(', ', correctAnswer)
+            message: isCorrect ? klf : join(',', correctAnswer)
         },
         next: {
-            'aria-label': nextLabel,
-            label: nextLabel,
+            'aria-label': translate('Next Question'),
+            label: translate('Next Question'),
             onClick: () => {
                 dispatch(nextSlide);
             }
@@ -320,11 +313,10 @@ export const mapStateToSlidesProps = (state, dispatch, options) => {
     const klf = getOr('', ['data', 'slides', currentSlideRef, 'klf'], state);
     const showQuitPopin = get(['ui', 'showQuitPopin'], state);
     const showCongrats = get(['ui', 'showCongrats'], state);
-    const skillName = getOr('', ['data', 'currentSkill', 'name'], state);
     return {
         header: {
             mode: translate('Review Title'),
-            skillName,
+            skillName: '__agility',
             onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
@@ -341,7 +333,7 @@ export const mapStateToSlidesProps = (state, dispatch, options) => {
                 }
             },
             correctionPopinProps: correction &&
-                getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate, endReview),
+                getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate),
             endReview: endReview && state.ui.showCongrats
         },
         congrats: buildCongratsProps(state, dispatch, options),

package/es/views/slides/map-api-slide-to-ui.d.ts

@@ -1,8 +1,8 @@
 import { Dispatch } from 'redux';
 import { AnswerUI } from '../../types/slides';
-import { Question, SlideFromAPI, Translate } from '../../types/common';
+import { Question, SlideFromAPI } from '../../types/common';
 export declare const getQuestionType: (question: Question) => Question['type'];
-export declare const mapApiSlideToUi: (dispatch: Dispatch, translate: Translate) => (slide: SlideFromAPI, answers: string[]) => {
+export declare const mapApiSlideToUi: (dispatch: Dispatch) => (slide: SlideFromAPI, answers: string[]) => {
     questionText: string;
     answerUI: AnswerUI;
 };

package/es/views/slides/map-api-slide-to-ui.js

@@ -54,11 +54,11 @@ const updateTemplateAnswer = (text, _answers, index, max) => {
     const answers = isEmpty(_answers) ? times(constant(undefined), max) : _answers;
     return map(a => (isNil(a) ? '' : a), set(index, text, answers));
 };
-const templateTextProps = (dispatch, translate, answers, choice, index, maxLength) => {
+const templateTextProps = (dispatch, answers, choice, index, maxLength) => {
     return {
         type: 'text',
         name: getOr('', 'name', choice),
-        placeholder: translate('Type here'),
+        placeholder: 'Type here',
         value: get(index, answers),
         onChange: (text) => {
             const newAnswers = updateTemplateAnswer(text, answers, index, maxLength);
@@ -66,10 +66,10 @@ const templateTextProps = (dispatch, translate, answers, choice, index, maxLengt
         }
     };
 };
-const templateSelectProps = (dispatch, translate, answers, choice, index, maxLength) => {
+const templateSelectProps = (dispatch, answers, choice, index, maxLength) => {
     const answer = get(index, answers);
     const temporaryOption = {
-        name: translate('Select an answer'),
+        name: 'Select an answer',
         value: '',
         validOption: false,
         selected: true
@@ -93,15 +93,15 @@ const templateSelectProps = (dispatch, translate, answers, choice, index, maxLen
         options: isEmpty(answer) ? concat([temporaryOption], selectOptions) : selectOptions
     };
 };
-const templateProps = (dispatch, translate) => (answers, question) => {
+const templateProps = (dispatch) => (answers, question) => {
     const choices = question.content.choices;
     const maxLength = size(choices);
     return {
         type: 'template',
         template: get('content.template', question),
         answers: choices.map((choice, index) => choice.type === 'text'
-            ? templateTextProps(dispatch, translate, answers, choice, index, maxLength)
-            : templateSelectProps(dispatch, translate, answers, choice, index, maxLength))
+            ? templateTextProps(dispatch, answers, choice, index, maxLength)
+            : templateSelectProps(dispatch, answers, choice, index, maxLength))
     };
 };
 const basicProps = (dispatch) => (answers, question) => {
@@ -144,7 +144,7 @@ const sliderProps = (dispatch) => (answers, question) => {
 };
 export const getQuestionType = (question) => question.type;
 const getHelp = (slide) => get('question.explanation', slide);
-const getAnswerUIModel = (question, answers, dispatch, translate) => {
+const getAnswerUIModel = (question, answers, dispatch) => {
     const type = getQuestionType(question);
     switch (type) {
         case 'qcm':
@@ -156,20 +156,17 @@ const getAnswerUIModel = (question, answers, dispatch, translate) => {
         case 'basic':
             return basicProps(dispatch)(answers, question);
         case 'template':
-            return templateProps(dispatch, translate)(answers, question);
+            return templateProps(dispatch)(answers, question);
         case 'slider':
             return sliderProps(dispatch)(answers, question);
         default:
             throw new Error(`${type} is not an handled question.type`);
     }
 };
-export const mapApiSlideToUi = (dispatch, translate) => (slide, answers) => {
+export const mapApiSlideToUi = (dispatch) => (slide, answers) => {
     const questionText = getOr('', 'question.header', slide);
     return {
         questionText,
-        answerUI: {
-            model: getAnswerUIModel(slide.question, answers, dispatch, translate),
-            help: getHelp(slide)
-        }
+        answerUI: { model: getAnswerUIModel(slide.question, answers, dispatch), help: getHelp(slide) }
     };
 };

package/lib/index.js

@@ -43,7 +43,7 @@ const ConnectedApp = (options) => {
     const props = {
         viewName: (0, react_redux_1.useSelector)((state) => state.ui.navigation[state.ui.navigation.length - 1]),
         slides: (0, react_redux_1.useSelector)((state) => (0, slides_1.mapStateToSlidesProps)(state, dispatch, options)),
-        skills: (0, react_redux_1.useSelector)((state) => (0, skills_1.mapStateToSkillsProps)(state, options)),
+        skills: (0, react_redux_1.useSelector)((state) => (0, skills_1.mapStateToSkillsProps)(state)),
         navigateBack: () => dispatch(navigation_1.navigateBack),
         onboarding: {}
     };

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

@@ -4,7 +4,6 @@ import { SkillsState } from './skills';
 import { SlidesState } from './slides';
 import { TokenState } from './token';
 import { RankState } from './rank';
-import { CurrentSkillState } from './current-skill';
 export declare type DataState = {
     corrections: CorrectionsState;
     progression: ProgressionState;
@@ -12,7 +11,6 @@ export declare type DataState = {
     slides: SlidesState;
     token: TokenState;
     rank: RankState;
-    currentSkill: CurrentSkillState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     corrections: CorrectionsState;
@@ -21,6 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     slides: SlidesState;
     token: string;
     rank: RankState;
-    currentSkill: CurrentSkillState;
-}>, import("../../actions/api/fetch-skill").ReceivedSkill | import("../../actions/api/post-progression").FetchProgression | import("../../actions/api/post-progression").ReceivedProgression | import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
+}>, import("../../actions/api/post-progression").FetchProgression | import("../../actions/api/post-progression").ReceivedProgression | import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
 export default _default;

package/lib/reducers/data/index.js

@@ -10,13 +10,4 @@ const skills_1 = __importDefault(require("./skills"));
 const slides_1 = __importDefault(require("./slides"));
 const token_1 = __importDefault(require("./token"));
 const rank_1 = __importDefault(require("./rank"));
-const current_skill_1 = __importDefault(require("./current-skill"));
-exports.default = (0, redux_1.combineReducers)({
-    corrections: corrections_1.default,
-    progression: progression_1.default,
-    skills: skills_1.default,
-    slides: slides_1.default,
-    token: token_1.default,
-    rank: rank_1.default,
-    currentSkill: current_skill_1.default
-});
+exports.default = (0, redux_1.combineReducers)({ corrections: corrections_1.default, progression: progression_1.default, skills: skills_1.default, slides: slides_1.default, token: token_1.default, rank: rank_1.default });

package/lib/reducers/index.d.ts

@@ -12,7 +12,6 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         slides: import("./data/slides").SlidesState;
         token: string;
         rank: import("./data/rank").RankState;
-        currentSkill: import("./data/current-skill").CurrentSkillState;
     }>;
     ui: import("redux").CombinedState<{
         currentSlideRef: string;
@@ -24,7 +23,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         showButtonRevising: boolean;
         showCongrats: boolean;
     }>;
-}>, import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-skill").ReceivedSkill | import("../actions/api/post-progression").FetchProgression | import("../actions/api/post-progression").ReceivedProgression | import("./data/corrections").CorrectionsAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateToAction | import("../actions/ui/navigation").NavigateBackAction | import("../actions/ui/answers").EditAnswerAction | {
+}>, import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/post-progression").FetchProgression | import("../actions/api/post-progression").ReceivedProgression | import("./data/corrections").CorrectionsAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateToAction | import("../actions/ui/navigation").NavigateBackAction | import("../actions/ui/answers").EditAnswerAction | {
     type: "@@ui/OPEN_POPIN";
 } | {
     type: "@@ui/CLOSE_POPIN";

package/lib/services/fetch-skill.js

@@ -12,7 +12,6 @@ const fetchSkill = async (skillRef, token) => {
     const response = await (0, cross_fetch_1.default)(`${host}/api/v2/skills?conditions={"ref":"${skillRef}"}`, {
         headers: { authorization: token }
     });
-    const skills = await (0, fetch_responses_1.toJSON)(response);
-    return skills[0];
+    return (0, fetch_responses_1.toJSON)(response);
 };
 exports.fetchSkill = fetchSkill;

package/lib/types/common.d.ts

@@ -1,7 +1,4 @@
 export declare type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';
-export interface Translate {
-    (key: string, data?: Record<string, string>): string;
-}
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -149,13 +146,13 @@ export declare type Options = {
     services: Services;
 };
 export declare type ConnectedOptions = {
-    translate: Translate;
+    translate: (key: string, data?: unknown) => string;
     onQuitClick: () => void;
 };
 export declare type AppOptions = ConnectedOptions & {
     token: string;
     skillRef?: string;
-    services?: Services;
+    services: Services;
     callbackOnViewChanged?: (viewName: ViewName) => void;
 };
 export declare type ThunkOptions = {

package/lib/views/skills/index.d.ts

@@ -1,4 +1,24 @@
-import { ReviewSkillsProps } from '@coorpacademy/components/es/template/app-review/skills/prop-types';
 import { StoreState } from '../../reducers';
-import type { ConnectedOptions } from '../../types/common';
-export declare const mapStateToSkillsProps: (state: StoreState, options: ConnectedOptions) => ReviewSkillsProps;
+declare type SkillCard = {
+    'aria-label': string;
+    skillTitle: string;
+    skillAriaLabel: string;
+    buttonLabel: string;
+    buttonAriaLabel: string;
+    reviseLabel: string;
+    reviseAriaLabel: string;
+    isCustom: boolean;
+    onClick: () => void;
+};
+declare type NoSkillsProps = {
+    iconSkillAriaLabel: string;
+};
+declare type SkillsProps = NoSkillsProps & {
+    'aria-label'?: string;
+    title: string;
+    isLoading?: boolean;
+    isLoadingAriaLabel: string;
+    listSkills: SkillCard[];
+};
+export { SkillsProps };
+export declare const mapStateToSkillsProps: (state: StoreState) => SkillsProps;

package/lib/views/skills/index.js

@@ -1,30 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mapStateToSkillsProps = void 0;
-const mapStateToSkillsProps = (state, options) => {
-    const { translate } = options;
+const mapStateToSkillsProps = (state) => {
     return {
-        'aria-label': translate('Review Skills Container'),
-        title: translate('Skills you can review'),
+        title: '@todo title',
+        iconSkillAriaLabel: '@todo iconSkillAriaLabel',
         isLoading: false,
-        isLoadingAriaLabel: 'Review skills container is loading',
+        isLoadingAriaLabel: '@todo loading',
         listSkills: state.data.skills.map(skill => ({
-            'aria-label': translate('Skill Card'),
+            'aria-label': '',
             isCustom: skill.custom,
             skillTitle: skill.name,
-            skillAriaLabel: skill.name,
-            buttonLabel: translate('Review this skill'),
-            buttonAriaLabel: translate('Review this skill'),
-            reviseLabel: translate('{{count}} questions to review', { count: `${skill.slidesToReview}` }),
-            reviseAriaLabel: translate('{{count}} questions to review', {
-                count: `${skill.slidesToReview}`
-            }),
+            skillAriaLabel: '@todo skill aria label',
+            buttonLabel: '@todo button',
+            buttonAriaLabel: '@todo button aria label',
+            reviseLabel: '@todo revise',
+            reviseAriaLabel: '@todo revise aria label',
             // eslint-disable-next-line no-console
             onClick: () => console.log('@todo plug dispatcher select skill')
-        })),
-        titleNoSkills: translate('No skill to revise'),
-        textNoSkills: translate('Complete courses before revising'),
-        iconSkillAriaLabel: 'Image without information'
+        }))
     };
 };
 exports.mapStateToSkillsProps = mapStateToSkillsProps;

package/lib/views/slides/index.js

@@ -66,9 +66,6 @@ const getCurrentSlideRef = (state) => {
     const content = progression.state.content;
     return content.ref;
 };
-const isLastSlideAnswered = (slidesRef, slideRef) => {
-    return (0, last_1.default)(slidesRef) === slideRef;
-};
 const buildStackSlides = (state, dispatch, options) => {
     const { translate } = options;
     const currentSlideRef = getCurrentSlideRef(state);
@@ -79,25 +76,22 @@ const buildStackSlides = (state, dispatch, options) => {
     // @ts-expect-error typescript does not support capped versions of lodash functions
     const stack = reduce_1.default.convert({ cap: false })((acc, uiSlide, _index) => {
         const index = (0, toInteger_1.default)(_index);
-        const slideRef = slideRefs[index];
-        const lastAnsweredSlideRef = isLastSlideAnswered(progression.state.slides, slideRef);
         const positions = state.ui.positions;
-        // when unstack the last answered slide (position -1), we set the position to 0 only during the animation
-        // to avoid to hide the slide (caused by the position -1).
-        const position = lastAnsweredSlideRef && positions[index] === -1 ? 0 : positions[index];
+        const position = positions[index];
+        const slideRef = slideRefs[index];
         if (!slideRef)
             return (0, set_1.default)(index, { ...uiSlide, position }, acc);
         const slideFromAPI = (0, get_1.default)(slideRef, state.data.slides);
         if (!slideFromAPI)
             return (0, set_1.default)(index, { ...uiSlide, position }, acc);
         const answers = (0, getOr_1.default)([], ['ui', 'answers', slideRef], state);
-        const { questionText, answerUI } = (0, map_api_slide_to_ui_1.mapApiSlideToUi)(dispatch, translate)(slideFromAPI, answers);
+        const { questionText, answerUI } = (0, map_api_slide_to_ui_1.mapApiSlideToUi)(dispatch)(slideFromAPI, answers);
         const { title: parentContentTitle, type: parentContentType } = slideFromAPI.parentContentTitle;
         const isCurrentSlideRef = currentSlideRef === slideRef;
         const slideUI = (0, get_1.default)(['ui', 'slide', slideRef], state);
         const animateCorrectionPopin = isCurrentSlideRef && slideUI.animateCorrectionPopin;
         const showCorrectionPopin = isCurrentSlideRef && slideUI.showCorrectionPopin;
-        const animationType = lastAnsweredSlideRef ? slideUI.animationType : undefined;
+        const animationType = slideUI.animationType;
         const updatedUiSlide = {
             ...uiSlide,
             position,
@@ -184,8 +178,7 @@ const buildStepItems = (state) => {
     return steps;
 };
 exports.buildStepItems = buildStepItems;
-const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, translate, endReview) => {
-    const nextLabel = endReview ? translate('Continue') : translate('Next Question');
+const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, translate) => {
     return {
         klf: isCorrect
             ? undefined
@@ -196,11 +189,11 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, tr
         resultLabel: isCorrect ? translate('Correct Answer') : translate('Wrong Answer'),
         information: {
             label: isCorrect ? translate('KLF') : translate('Correct Answer'),
-            message: isCorrect ? klf : (0, join_1.default)(', ', correctAnswer)
+            message: isCorrect ? klf : (0, join_1.default)(',', correctAnswer)
         },
         next: {
-            'aria-label': nextLabel,
-            label: nextLabel,
+            'aria-label': translate('Next Question'),
+            label: translate('Next Question'),
             onClick: () => {
                 dispatch(next_slide_1.nextSlide);
             }
@@ -327,11 +320,10 @@ const mapStateToSlidesProps = (state, dispatch, options) => {
     const klf = (0, getOr_1.default)('', ['data', 'slides', currentSlideRef, 'klf'], state);
     const showQuitPopin = (0, get_1.default)(['ui', 'showQuitPopin'], state);
     const showCongrats = (0, get_1.default)(['ui', 'showCongrats'], state);
-    const skillName = (0, getOr_1.default)('', ['data', 'currentSkill', 'name'], state);
     return {
         header: {
             mode: translate('Review Title'),
-            skillName,
+            skillName: '__agility',
             onQuitClick: () => dispatch(quit_popin_1.openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
@@ -348,7 +340,7 @@ const mapStateToSlidesProps = (state, dispatch, options) => {
                 }
             },
             correctionPopinProps: correction &&
-                getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate, endReview),
+                getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate),
             endReview: endReview && state.ui.showCongrats
         },
         congrats: buildCongratsProps(state, dispatch, options),

package/lib/views/slides/map-api-slide-to-ui.d.ts

@@ -1,8 +1,8 @@
 import { Dispatch } from 'redux';
 import { AnswerUI } from '../../types/slides';
-import { Question, SlideFromAPI, Translate } from '../../types/common';
+import { Question, SlideFromAPI } from '../../types/common';
 export declare const getQuestionType: (question: Question) => Question['type'];
-export declare const mapApiSlideToUi: (dispatch: Dispatch, translate: Translate) => (slide: SlideFromAPI, answers: string[]) => {
+export declare const mapApiSlideToUi: (dispatch: Dispatch) => (slide: SlideFromAPI, answers: string[]) => {
     questionText: string;
     answerUI: AnswerUI;
 };