@coorpacademy/app-review 0.7.5-alpha.32 → 0.7.5

package/es/actions/api/post-progression.d.ts

@@ -4,6 +4,9 @@ import type { StoreState } from '../../reducers';
 export declare const POST_PROGRESSION_REQUEST: "@@progression/POST_REQUEST";
 export declare const POST_PROGRESSION_SUCCESS: "@@progression/POST_SUCCESS";
 export declare const POST_PROGRESSION_FAILURE: "@@progression/POST_FAILURE";
+export declare type FetchProgression = {
+    type: typeof POST_PROGRESSION_REQUEST;
+};
 export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;

package/es/index.js

@@ -24,7 +24,7 @@ const ConnectedApp = (options) => {
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
     const [isProgressionCreated, setIsProgressionCreated] = useState(false);
-    const { translate, onQuitClick, skill } = options;
+    const { translate, onQuitClick } = options;
     useEffect(() => {
         if (store)
             return;
@@ -49,23 +49,25 @@ const AppReview = ({ options }) => {
         const token = get('token', options);
         if (store === null || isEmpty(token))
             return;
+        const skillRef = get('skillRef', options);
         /* ThunkAction is not assignable to parameter of type 'AnyAction'
           ts problem is described here = https://github.com/reduxjs/redux-thunk/issues/333 */
-        skill.ref ? store.dispatch(postProgression(skill.ref)) : store.dispatch(fetchSkills);
+        skillRef ? store.dispatch(postProgression(skillRef)) : store.dispatch(fetchSkills);
     }, [options, store]);
     useEffect(() => {
         if (store === null)
             return;
-        if (skill.ref && !isProgressionCreated) {
+        const { skillRef } = options;
+        if (skillRef && !isProgressionCreated) {
             store.dispatch(navigateTo('loader')); // use loader while posting progression
             return;
         }
-        const initialView = skill.ref ? 'slides' : 'skills';
+        const initialView = skillRef ? 'slides' : 'skills';
         store.dispatch(navigateTo(initialView));
     }, [isProgressionCreated, options, store]);
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate, skill: skill })));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
 };
 export default AppReview;

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

@@ -1,6 +1,7 @@
 import type { CorrectionFromAPI } from '../../types/common';
 import { ReceivedCorrection, FetchCorrection } from '../../actions/api/fetch-correction';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type CorrectionsState = Record<string, CorrectionFromAPI>;
 export declare type CorrectionsAction = ReceivedCorrection | FetchCorrection;
-declare const reducer: (state: CorrectionsState | undefined, action: CorrectionsAction) => CorrectionsState;
+declare const reducer: (state: CorrectionsState | undefined, action: CorrectionsAction | FetchProgression) => CorrectionsState;
 export default reducer;

package/es/reducers/data/corrections.js

@@ -1,5 +1,6 @@
 import set from 'lodash/fp/set';
 import { CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_REQUEST } from '../../actions/api/fetch-correction';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 const initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
@@ -14,6 +15,9 @@ state = initialState, action) => {
             const correction = action.payload;
             return set([meta.slideRef], correction, state);
         }
+        case POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

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

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     slides: SlidesState;
     token: string;
     rank: RankState;
-}>, import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/post-progression").ReceivedProgression | 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/progression.d.ts

@@ -1,6 +1,6 @@
 import { PostAnswerSuccessAction } from '../../actions/api/post-answer';
-import { ReceivedProgression } from '../../actions/api/post-progression';
+import { FetchProgression, ReceivedProgression } from '../../actions/api/post-progression';
 import { ProgressionFromAPI } from '../../types/common';
 export declare type ProgressionState = ProgressionFromAPI | null;
-declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression | PostAnswerSuccessAction) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression | PostAnswerSuccessAction | FetchProgression) => ProgressionState;
 export default reducer;

package/es/reducers/data/progression.js

@@ -1,14 +1,18 @@
 import { POST_ANSWER_SUCCESS } from '../../actions/api/post-answer';
-import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { POST_PROGRESSION_REQUEST, POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+const initialState = null;
 const reducer = (
 // eslint-disable-next-line default-param-last
-state = null, action) => {
+state = initialState, action) => {
     switch (action.type) {
         case POST_ANSWER_SUCCESS:
         case POST_PROGRESSION_SUCCESS: {
             const progression = action.payload;
             return progression;
         }
+        case POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

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

@@ -1,8 +1,8 @@
-import { type ReceivedProgression } from '../../actions/api/post-progression';
+import { type FetchProgression } from '../../actions/api/post-progression';
 import { RankAction } from '../../actions/api/fetch-rank';
 export declare type RankState = {
     start: number;
     end: number;
 };
-declare const reducer: (state: RankState | undefined, action: RankAction | ReceivedProgression) => RankState;
+declare const reducer: (state: RankState | undefined, action: RankAction | FetchProgression) => RankState;
 export default reducer;

package/es/reducers/data/rank.js

@@ -1,5 +1,5 @@
 import set from 'lodash/fp/set';
-import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 import { RANK_FETCH_START_SUCCESS, RANK_FETCH_END_SUCCESS } from '../../actions/api/fetch-rank';
 const initialState = {
     start: Number.NaN,
@@ -9,7 +9,7 @@ const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
     switch (action.type) {
-        case POST_PROGRESSION_SUCCESS: {
+        case POST_PROGRESSION_REQUEST: {
             return initialState;
         }
         case RANK_FETCH_START_SUCCESS: {

package/es/reducers/data/skills.js

@@ -1,6 +1,8 @@
 import { SKILLS_FETCH_SUCCESS } from '../../actions/api/fetch-skills';
+const initialState = [];
+const reducer = (
 // eslint-disable-next-line default-param-last
-const reducer = (state = [], action) => {
+state = initialState, action) => {
     switch (action.type) {
         case SKILLS_FETCH_SUCCESS:
             return action.payload;

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

@@ -1,7 +1,8 @@
 import { ReceivedSlide, FetchSlide } from '../../actions/api/fetch-slide';
+import { FetchProgression } from '../../actions/api/post-progression';
 import { SlideFromAPI } from '../../types/common';
 export declare type SlidesAction = FetchSlide | ReceivedSlide;
 export declare type SlidesState = Record<string, SlideFromAPI | null>;
 export declare const initialState: SlidesState;
-declare const reducer: (state: SlidesState | undefined, action: SlidesAction) => SlidesState;
+declare const reducer: (state: SlidesState | undefined, action: SlidesAction | FetchProgression) => SlidesState;
 export default reducer;

package/es/reducers/data/slides.js

@@ -1,8 +1,10 @@
 import set from 'lodash/fp/set';
 import { SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS } from '../../actions/api/fetch-slide';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 export const initialState = {};
+const reducer = (
 // eslint-disable-next-line default-param-last
-const reducer = (state = initialState, action) => {
+state = initialState, action) => {
     switch (action.type) {
         case SLIDE_FETCH_REQUEST: {
             const { meta } = action;
@@ -12,6 +14,9 @@ const reducer = (state = initialState, action) => {
             const slide = action.payload;
             return set([slide._id], slide, state);
         }
+        case POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

package/es/reducers/index.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         showButtonRevising: boolean;
         showCongrats: boolean;
     }>;
-}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | 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/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateToAction | import("../actions/ui/navigation").NavigateBackAction | import("../actions/ui/answers").EditAnswerAction | {
+}>, 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/reducers/ui/answers.d.ts

@@ -1,7 +1,8 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
 import { NextSlideAction } from '../../actions/ui/next-slide';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type UISlideAnswer = string[];
 export declare type UIAnswerState = Record<string, UISlideAnswer>;
 export declare const initialState: UIAnswerState;
-declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlideAction) => UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlideAction | FetchProgression) => UIAnswerState;
 export default reducer;

package/es/reducers/ui/answers.js

@@ -1,6 +1,7 @@
 import { set } from 'lodash/fp';
 import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
 import { NEXT_SLIDE } from '../../actions/ui/next-slide';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 export const initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
@@ -17,6 +18,9 @@ state = initialState, action) => {
         case NEXT_SLIDE: {
             return set([action.payload.nextSlideRef], [], state);
         }
+        case POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

package/es/reducers/ui/current-slide-ref.d.ts

@@ -1,5 +1,6 @@
 import { NextSlideAction } from '../../actions/ui/next-slide';
 import { SetCurrentSlideAction } from '../../actions/ui/slides';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type CurrentSlideRefState = string;
-declare const reducer: (state: string | undefined, action: SetCurrentSlideAction | NextSlideAction) => CurrentSlideRefState;
+declare const reducer: (state: string | undefined, action: SetCurrentSlideAction | NextSlideAction | FetchProgression) => CurrentSlideRefState;
 export default reducer;

package/es/reducers/ui/current-slide-ref.js

@@ -1,5 +1,6 @@
 import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 import { SET_CURRENT_SLIDE } from '../../actions/ui/slides';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = '', action) => {
@@ -9,6 +10,9 @@ state = '', action) => {
         case SET_CURRENT_SLIDE: {
             return action.payload._id;
         }
+        case POST_PROGRESSION_REQUEST: {
+            return '';
+        }
         default:
             return state;
     }

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

@@ -25,7 +25,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     showQuitPopin: boolean;
     showButtonRevising: boolean;
     showCongrats: boolean;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateToAction | import("../../actions/ui/navigation").NavigateBackAction | import("../../actions/ui/answers").EditAnswerAction | {
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-progression").FetchProgression | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateToAction | import("../../actions/ui/navigation").NavigateBackAction | import("../../actions/ui/answers").EditAnswerAction | {
     type: "@@ui/OPEN_POPIN";
 } | {
     type: "@@ui/CLOSE_POPIN";

package/es/reducers/ui/positions.d.ts

@@ -1,5 +1,5 @@
-import { ReceivedProgression } from '../../actions/api/post-progression';
+import { FetchProgression, ReceivedProgression } from '../../actions/api/post-progression';
 import { NextSlideAction } from '../../actions/ui/next-slide';
 export declare type UIPositionState = number[];
-declare const reducer: (state: UIPositionState | undefined, action: NextSlideAction | ReceivedProgression) => UIPositionState;
+declare const reducer: (state: UIPositionState | undefined, action: NextSlideAction | ReceivedProgression | FetchProgression) => UIPositionState;
 export default reducer;

package/es/reducers/ui/positions.js

@@ -1,7 +1,7 @@
 import findIndex from 'lodash/fp/findIndex';
 import map from 'lodash/fp/map';
 import set from 'lodash/fp/set';
-import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { POST_PROGRESSION_REQUEST, POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
 import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 const initialState = [0, 1, 2, 3, 4];
 const reducer = (
@@ -20,6 +20,9 @@ state = initialState, action) => {
             const newState = map(position => (position === -1 ? position : position - 1), state);
             return set([`${currentSlideIndex}`], nextCurrentSlidePosition)(newState);
         }
+        case POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

package/es/reducers/ui/show-button-revising.d.ts

@@ -1,4 +1,5 @@
 import { ReceivedSlidesToReviewBySkillRef } from '../../actions/api/fetch-slides-to-review-by-skill-ref';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type UIShowButtonRevisingState = boolean;
-declare const reducer: (state: boolean | undefined, action: ReceivedSlidesToReviewBySkillRef) => UIShowButtonRevisingState;
+declare const reducer: (state: boolean | undefined, action: ReceivedSlidesToReviewBySkillRef | FetchProgression) => UIShowButtonRevisingState;
 export default reducer;

package/es/reducers/ui/show-button-revising.js

@@ -1,4 +1,5 @@
 import { SLIDES_TO_REVIEW_FETCH_SUCCESS } from '../../actions/api/fetch-slides-to-review-by-skill-ref';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = false, action) => {
@@ -6,6 +7,9 @@ state = false, action) => {
         case SLIDES_TO_REVIEW_FETCH_SUCCESS: {
             return action.payload.length === 5;
         }
+        case POST_PROGRESSION_REQUEST: {
+            return false;
+        }
         default:
             return state;
     }

package/es/reducers/ui/show-congrats.d.ts

@@ -1,5 +1,5 @@
 import { NextSlideAction } from '../../actions/ui/next-slide';
-import { ReceivedProgression } from '../../actions/api/post-progression';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type UIShowCongratsState = boolean;
-declare const reducer: (state: boolean | undefined, action: NextSlideAction | ReceivedProgression) => UIShowCongratsState;
+declare const reducer: (state: boolean | undefined, action: NextSlideAction | FetchProgression) => UIShowCongratsState;
 export default reducer;

package/es/reducers/ui/show-congrats.js

@@ -1,10 +1,10 @@
 import { NEXT_SLIDE } from '../../actions/ui/next-slide';
-import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = false, action) => {
     switch (action.type) {
-        case POST_PROGRESSION_SUCCESS: {
+        case POST_PROGRESSION_REQUEST: {
             return false;
         }
         case NEXT_SLIDE: {

package/es/reducers/ui/slide.d.ts

@@ -1,6 +1,7 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
 import { PostAnswerRequestAction } from '../../actions/api/post-answer';
 import { ReceivedCorrection } from '../../actions/api/fetch-correction';
+import { FetchProgression } from '../../actions/api/post-progression';
 import { FetchSlide } from '../../actions/api/fetch-slide';
 import { NextSlideAction } from '../../actions/ui/next-slide';
 import { SlideUIAnimations } from '../../types/slides';
@@ -12,5 +13,5 @@ export declare type UISlide = {
 };
 export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlideAction) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlideAction | FetchProgression) => UISlideState;
 export default reducer;

package/es/reducers/ui/slide.js

@@ -6,6 +6,7 @@ import unset from 'lodash/fp/unset';
 import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
 import { POST_ANSWER_REQUEST } from '../../actions/api/post-answer';
 import { CORRECTION_FETCH_SUCCESS } from '../../actions/api/fetch-correction';
+import { POST_PROGRESSION_REQUEST } from '../../actions/api/post-progression';
 import { SLIDE_FETCH_REQUEST } from '../../actions/api/fetch-slide';
 import { NEXT_SLIDE } from '../../actions/ui/next-slide';
 export const initialState = {};
@@ -40,6 +41,9 @@ state = initialState, action) => {
                 return state;
             return pipe(set([currentSlideRef, 'animateCorrectionPopin'], false), set([currentSlideRef, 'animationType'], action.payload.animationType))(state);
         }
+        case POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

package/es/types/common.d.ts

@@ -128,10 +128,6 @@ export declare type Skill = {
     custom: boolean;
     name: string;
 };
-export declare type SkillOptions = {
-    name: string;
-    ref: string;
-};
 export declare type Services = {
     fetchSkills(token: string): Promise<Skill[]>;
     fetchSlide(slideRef: string, token: string): Promise<SlideFromAPI | void>;
@@ -147,10 +143,10 @@ export declare type Options = {
 export declare type ConnectedOptions = {
     translate: (key: string, data?: unknown) => string;
     onQuitClick: () => void;
-    skill: SkillOptions;
 };
 export declare type AppOptions = ConnectedOptions & {
     token: string;
+    skillRef?: string;
     services: Services;
     callbackOnViewChanged?: (viewName: ViewName) => void;
 };

package/es/views/slides/index.js

@@ -9,6 +9,7 @@ import join from 'lodash/fp/join';
 import { closeQuitPopin, openQuitPopin } from '../../actions/ui/quit-popin';
 import { getProgressionSlidesRefs } from '../../common';
 import { postAnswer } from '../../actions/api/post-answer';
+import { postProgression } from '../../actions/api/post-progression';
 import { nextSlide } from '../../actions/ui/next-slide';
 import { mapApiSlideToUi } from './map-api-slide-to-ui';
 const ICON_VALUES = {
@@ -235,9 +236,10 @@ const buildRankCard = (rank, translate) => {
         timerAnimation: 200
     };
 };
-const buildCongratsProps = (state, translate) => {
+const buildCongratsProps = (state, dispatch, options) => {
     if (!state.ui.showCongrats)
         return;
+    const { translate, onQuitClick } = options;
     const progression = state.data.progression;
     const stars = progression.state.stars;
     const cardCongratsStar = {
@@ -265,6 +267,23 @@ const buildCongratsProps = (state, translate) => {
     const { start, end } = state.data.rank;
     const newRank = start - end;
     const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end, translate) : undefined;
+    const skillRef = progression.content.ref;
+    const buttonRevising = state.ui.showButtonRevising
+        ? {
+            'aria-label': translate('Continue reviewing'),
+            label: translate('Continue reviewing'),
+            onClick: () => {
+                dispatch(postProgression(skillRef));
+            },
+            type: 'tertiary'
+        }
+        : undefined;
+    const buttonRevisingSkill = {
+        'aria-label': translate('Revise another skill'),
+        label: translate('Revise another skill'),
+        onClick: onQuitClick,
+        type: 'primary'
+    };
     return {
         'aria-label': 'Review Congratulations',
         'data-name': 'review-congrats',
@@ -272,8 +291,8 @@ const buildCongratsProps = (state, translate) => {
         title: translate('Congratulations!'),
         cardCongratsStar,
         cardCongratsRank,
-        buttonRevising: undefined,
-        buttonRevisingSkill: undefined // TODO make boutons and actions
+        buttonRevising,
+        buttonRevisingSkill
     };
 };
 const isEndOfProgression = (progression) => {
@@ -282,7 +301,7 @@ const isEndOfProgression = (progression) => {
     return progression.state.nextContent.ref === 'successExitNode';
 };
 export const mapStateToSlidesProps = (state, dispatch, options) => {
-    const { translate, onQuitClick, skill } = options;
+    const { translate, onQuitClick } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const endReview = isEndOfProgression(state.data.progression);
     const correction = get(['data', 'corrections', currentSlideRef], state);
@@ -290,12 +309,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);
-    // eslint-disable-next-line no-console
-    console.log(skill.name);
     return {
         header: {
             mode: translate('Review Title'),
-            skillName: skill.name,
+            skillName: '__agility',
             onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
@@ -315,7 +332,7 @@ export const mapStateToSlidesProps = (state, dispatch, options) => {
                 getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate),
             endReview: endReview && state.ui.showCongrats
         },
-        congrats: buildCongratsProps(state, translate),
+        congrats: buildCongratsProps(state, dispatch, options),
         quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick, translate) : undefined
     };
 };

package/lib/actions/api/post-progression.d.ts

@@ -4,6 +4,9 @@ import type { StoreState } from '../../reducers';
 export declare const POST_PROGRESSION_REQUEST: "@@progression/POST_REQUEST";
 export declare const POST_PROGRESSION_SUCCESS: "@@progression/POST_SUCCESS";
 export declare const POST_PROGRESSION_FAILURE: "@@progression/POST_FAILURE";
+export declare type FetchProgression = {
+    type: typeof POST_PROGRESSION_REQUEST;
+};
 export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;

package/lib/index.js

@@ -52,7 +52,7 @@ const ConnectedApp = (options) => {
 const AppReview = ({ options }) => {
     const [store, setStore] = (0, react_1.useState)(null);
     const [isProgressionCreated, setIsProgressionCreated] = (0, react_1.useState)(false);
-    const { translate, onQuitClick, skill } = options;
+    const { translate, onQuitClick } = options;
     (0, react_1.useEffect)(() => {
         if (store)
             return;
@@ -77,23 +77,25 @@ const AppReview = ({ options }) => {
         const token = (0, get_1.default)('token', options);
         if (store === null || (0, isEmpty_1.default)(token))
             return;
+        const skillRef = (0, get_1.default)('skillRef', options);
         /* ThunkAction is not assignable to parameter of type 'AnyAction'
           ts problem is described here = https://github.com/reduxjs/redux-thunk/issues/333 */
-        skill.ref ? store.dispatch((0, post_progression_1.postProgression)(skill.ref)) : store.dispatch(fetch_skills_1.fetchSkills);
+        skillRef ? store.dispatch((0, post_progression_1.postProgression)(skillRef)) : store.dispatch(fetch_skills_1.fetchSkills);
     }, [options, store]);
     (0, react_1.useEffect)(() => {
         if (store === null)
             return;
-        if (skill.ref && !isProgressionCreated) {
+        const { skillRef } = options;
+        if (skillRef && !isProgressionCreated) {
             store.dispatch((0, navigation_1.navigateTo)('loader')); // use loader while posting progression
             return;
         }
-        const initialView = skill.ref ? 'slides' : 'skills';
+        const initialView = skillRef ? 'slides' : 'skills';
         store.dispatch((0, navigation_1.navigateTo)(initialView));
     }, [isProgressionCreated, options, store]);
     if (!store)
         return null;
     return (react_1.default.createElement(react_redux_1.Provider, { store: store },
-        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate, skill: skill })));
+        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
 };
 exports.default = AppReview;

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

@@ -1,6 +1,7 @@
 import type { CorrectionFromAPI } from '../../types/common';
 import { ReceivedCorrection, FetchCorrection } from '../../actions/api/fetch-correction';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type CorrectionsState = Record<string, CorrectionFromAPI>;
 export declare type CorrectionsAction = ReceivedCorrection | FetchCorrection;
-declare const reducer: (state: CorrectionsState | undefined, action: CorrectionsAction) => CorrectionsState;
+declare const reducer: (state: CorrectionsState | undefined, action: CorrectionsAction | FetchProgression) => CorrectionsState;
 export default reducer;

package/lib/reducers/data/corrections.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const set_1 = __importDefault(require("lodash/fp/set"));
 const fetch_correction_1 = require("../../actions/api/fetch-correction");
+const post_progression_1 = require("../../actions/api/post-progression");
 const initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
@@ -19,6 +20,9 @@ state = initialState, action) => {
             const correction = action.payload;
             return (0, set_1.default)([meta.slideRef], correction, state);
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

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

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     slides: SlidesState;
     token: string;
     rank: RankState;
-}>, import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/post-progression").ReceivedProgression | 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/progression.d.ts

@@ -1,6 +1,6 @@
 import { PostAnswerSuccessAction } from '../../actions/api/post-answer';
-import { ReceivedProgression } from '../../actions/api/post-progression';
+import { FetchProgression, ReceivedProgression } from '../../actions/api/post-progression';
 import { ProgressionFromAPI } from '../../types/common';
 export declare type ProgressionState = ProgressionFromAPI | null;
-declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression | PostAnswerSuccessAction) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression | PostAnswerSuccessAction | FetchProgression) => ProgressionState;
 export default reducer;

package/lib/reducers/data/progression.js

@@ -2,15 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const post_answer_1 = require("../../actions/api/post-answer");
 const post_progression_1 = require("../../actions/api/post-progression");
+const initialState = null;
 const reducer = (
 // eslint-disable-next-line default-param-last
-state = null, action) => {
+state = initialState, action) => {
     switch (action.type) {
         case post_answer_1.POST_ANSWER_SUCCESS:
         case post_progression_1.POST_PROGRESSION_SUCCESS: {
             const progression = action.payload;
             return progression;
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

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

@@ -1,8 +1,8 @@
-import { type ReceivedProgression } from '../../actions/api/post-progression';
+import { type FetchProgression } from '../../actions/api/post-progression';
 import { RankAction } from '../../actions/api/fetch-rank';
 export declare type RankState = {
     start: number;
     end: number;
 };
-declare const reducer: (state: RankState | undefined, action: RankAction | ReceivedProgression) => RankState;
+declare const reducer: (state: RankState | undefined, action: RankAction | FetchProgression) => RankState;
 export default reducer;

package/lib/reducers/data/rank.js

@@ -14,7 +14,7 @@ const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
     switch (action.type) {
-        case post_progression_1.POST_PROGRESSION_SUCCESS: {
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
             return initialState;
         }
         case fetch_rank_1.RANK_FETCH_START_SUCCESS: {

package/lib/reducers/data/skills.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const fetch_skills_1 = require("../../actions/api/fetch-skills");
+const initialState = [];
+const reducer = (
 // eslint-disable-next-line default-param-last
-const reducer = (state = [], action) => {
+state = initialState, action) => {
     switch (action.type) {
         case fetch_skills_1.SKILLS_FETCH_SUCCESS:
             return action.payload;

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

@@ -1,7 +1,8 @@
 import { ReceivedSlide, FetchSlide } from '../../actions/api/fetch-slide';
+import { FetchProgression } from '../../actions/api/post-progression';
 import { SlideFromAPI } from '../../types/common';
 export declare type SlidesAction = FetchSlide | ReceivedSlide;
 export declare type SlidesState = Record<string, SlideFromAPI | null>;
 export declare const initialState: SlidesState;
-declare const reducer: (state: SlidesState | undefined, action: SlidesAction) => SlidesState;
+declare const reducer: (state: SlidesState | undefined, action: SlidesAction | FetchProgression) => SlidesState;
 export default reducer;

package/lib/reducers/data/slides.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initialState = void 0;
 const set_1 = __importDefault(require("lodash/fp/set"));
 const fetch_slide_1 = require("../../actions/api/fetch-slide");
+const post_progression_1 = require("../../actions/api/post-progression");
 exports.initialState = {};
+const reducer = (
 // eslint-disable-next-line default-param-last
-const reducer = (state = exports.initialState, action) => {
+state = exports.initialState, action) => {
     switch (action.type) {
         case fetch_slide_1.SLIDE_FETCH_REQUEST: {
             const { meta } = action;
@@ -18,6 +20,9 @@ const reducer = (state = exports.initialState, action) => {
             const slide = action.payload;
             return (0, set_1.default)([slide._id], slide, state);
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return exports.initialState;
+        }
         default:
             return state;
     }

package/lib/reducers/index.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         showButtonRevising: boolean;
         showCongrats: boolean;
     }>;
-}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | 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/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateToAction | import("../actions/ui/navigation").NavigateBackAction | import("../actions/ui/answers").EditAnswerAction | {
+}>, 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/reducers/ui/answers.d.ts

@@ -1,7 +1,8 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
 import { NextSlideAction } from '../../actions/ui/next-slide';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type UISlideAnswer = string[];
 export declare type UIAnswerState = Record<string, UISlideAnswer>;
 export declare const initialState: UIAnswerState;
-declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlideAction) => UIAnswerState;
+declare const reducer: (state: UIAnswerState | undefined, action: EditAnswerAction | NextSlideAction | FetchProgression) => UIAnswerState;
 export default reducer;

package/lib/reducers/ui/answers.js

@@ -4,6 +4,7 @@ exports.initialState = void 0;
 const fp_1 = require("lodash/fp");
 const answers_1 = require("../../actions/ui/answers");
 const next_slide_1 = require("../../actions/ui/next-slide");
+const post_progression_1 = require("../../actions/api/post-progression");
 exports.initialState = {};
 const reducer = (
 // eslint-disable-next-line default-param-last
@@ -20,6 +21,9 @@ state = exports.initialState, action) => {
         case next_slide_1.NEXT_SLIDE: {
             return (0, fp_1.set)([action.payload.nextSlideRef], [], state);
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return exports.initialState;
+        }
         default:
             return state;
     }

package/lib/reducers/ui/current-slide-ref.d.ts

@@ -1,5 +1,6 @@
 import { NextSlideAction } from '../../actions/ui/next-slide';
 import { SetCurrentSlideAction } from '../../actions/ui/slides';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type CurrentSlideRefState = string;
-declare const reducer: (state: string | undefined, action: SetCurrentSlideAction | NextSlideAction) => CurrentSlideRefState;
+declare const reducer: (state: string | undefined, action: SetCurrentSlideAction | NextSlideAction | FetchProgression) => CurrentSlideRefState;
 export default reducer;

package/lib/reducers/ui/current-slide-ref.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const next_slide_1 = require("../../actions/ui/next-slide");
 const slides_1 = require("../../actions/ui/slides");
+const post_progression_1 = require("../../actions/api/post-progression");
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = '', action) => {
@@ -11,6 +12,9 @@ state = '', action) => {
         case slides_1.SET_CURRENT_SLIDE: {
             return action.payload._id;
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return '';
+        }
         default:
             return state;
     }

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

@@ -25,7 +25,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     showQuitPopin: boolean;
     showButtonRevising: boolean;
     showCongrats: boolean;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateToAction | import("../../actions/ui/navigation").NavigateBackAction | import("../../actions/ui/answers").EditAnswerAction | {
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-progression").FetchProgression | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-slides-to-review-by-skill-ref").ReceivedSlidesToReviewBySkillRef | import("../../actions/api/post-answer").PostAnswerRequestAction | 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/reducers/ui/positions.d.ts

@@ -1,5 +1,5 @@
-import { ReceivedProgression } from '../../actions/api/post-progression';
+import { FetchProgression, ReceivedProgression } from '../../actions/api/post-progression';
 import { NextSlideAction } from '../../actions/ui/next-slide';
 export declare type UIPositionState = number[];
-declare const reducer: (state: UIPositionState | undefined, action: NextSlideAction | ReceivedProgression) => UIPositionState;
+declare const reducer: (state: UIPositionState | undefined, action: NextSlideAction | ReceivedProgression | FetchProgression) => UIPositionState;
 export default reducer;

package/lib/reducers/ui/positions.js

@@ -25,6 +25,9 @@ state = initialState, action) => {
             const newState = (0, map_1.default)(position => (position === -1 ? position : position - 1), state);
             return (0, set_1.default)([`${currentSlideIndex}`], nextCurrentSlidePosition)(newState);
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return initialState;
+        }
         default:
             return state;
     }

package/lib/reducers/ui/show-button-revising.d.ts

@@ -1,4 +1,5 @@
 import { ReceivedSlidesToReviewBySkillRef } from '../../actions/api/fetch-slides-to-review-by-skill-ref';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type UIShowButtonRevisingState = boolean;
-declare const reducer: (state: boolean | undefined, action: ReceivedSlidesToReviewBySkillRef) => UIShowButtonRevisingState;
+declare const reducer: (state: boolean | undefined, action: ReceivedSlidesToReviewBySkillRef | FetchProgression) => UIShowButtonRevisingState;
 export default reducer;

package/lib/reducers/ui/show-button-revising.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const fetch_slides_to_review_by_skill_ref_1 = require("../../actions/api/fetch-slides-to-review-by-skill-ref");
+const post_progression_1 = require("../../actions/api/post-progression");
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = false, action) => {
@@ -8,6 +9,9 @@ state = false, action) => {
         case fetch_slides_to_review_by_skill_ref_1.SLIDES_TO_REVIEW_FETCH_SUCCESS: {
             return action.payload.length === 5;
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return false;
+        }
         default:
             return state;
     }

package/lib/reducers/ui/show-congrats.d.ts

@@ -1,5 +1,5 @@
 import { NextSlideAction } from '../../actions/ui/next-slide';
-import { ReceivedProgression } from '../../actions/api/post-progression';
+import { FetchProgression } from '../../actions/api/post-progression';
 export declare type UIShowCongratsState = boolean;
-declare const reducer: (state: boolean | undefined, action: NextSlideAction | ReceivedProgression) => UIShowCongratsState;
+declare const reducer: (state: boolean | undefined, action: NextSlideAction | FetchProgression) => UIShowCongratsState;
 export default reducer;

package/lib/reducers/ui/show-congrats.js

@@ -6,7 +6,7 @@ const reducer = (
 // eslint-disable-next-line default-param-last
 state = false, action) => {
     switch (action.type) {
-        case post_progression_1.POST_PROGRESSION_SUCCESS: {
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
             return false;
         }
         case next_slide_1.NEXT_SLIDE: {

package/lib/reducers/ui/slide.d.ts

@@ -1,6 +1,7 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
 import { PostAnswerRequestAction } from '../../actions/api/post-answer';
 import { ReceivedCorrection } from '../../actions/api/fetch-correction';
+import { FetchProgression } from '../../actions/api/post-progression';
 import { FetchSlide } from '../../actions/api/fetch-slide';
 import { NextSlideAction } from '../../actions/ui/next-slide';
 import { SlideUIAnimations } from '../../types/slides';
@@ -12,5 +13,5 @@ export declare type UISlide = {
 };
 export declare type UISlideState = Record<string, UISlide>;
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlideAction) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: FetchSlide | PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection | NextSlideAction | FetchProgression) => UISlideState;
 export default reducer;

package/lib/reducers/ui/slide.js

@@ -12,6 +12,7 @@ const unset_1 = __importDefault(require("lodash/fp/unset"));
 const answers_1 = require("../../actions/ui/answers");
 const post_answer_1 = require("../../actions/api/post-answer");
 const fetch_correction_1 = require("../../actions/api/fetch-correction");
+const post_progression_1 = require("../../actions/api/post-progression");
 const fetch_slide_1 = require("../../actions/api/fetch-slide");
 const next_slide_1 = require("../../actions/ui/next-slide");
 exports.initialState = {};
@@ -46,6 +47,9 @@ state = exports.initialState, action) => {
                 return state;
             return (0, pipe_1.default)((0, set_1.default)([currentSlideRef, 'animateCorrectionPopin'], false), (0, set_1.default)([currentSlideRef, 'animationType'], action.payload.animationType))(state);
         }
+        case post_progression_1.POST_PROGRESSION_REQUEST: {
+            return exports.initialState;
+        }
         default:
             return state;
     }

package/lib/types/common.d.ts

@@ -128,10 +128,6 @@ export declare type Skill = {
     custom: boolean;
     name: string;
 };
-export declare type SkillOptions = {
-    name: string;
-    ref: string;
-};
 export declare type Services = {
     fetchSkills(token: string): Promise<Skill[]>;
     fetchSlide(slideRef: string, token: string): Promise<SlideFromAPI | void>;
@@ -147,10 +143,10 @@ export declare type Options = {
 export declare type ConnectedOptions = {
     translate: (key: string, data?: unknown) => string;
     onQuitClick: () => void;
-    skill: SkillOptions;
 };
 export declare type AppOptions = ConnectedOptions & {
     token: string;
+    skillRef?: string;
     services: Services;
     callbackOnViewChanged?: (viewName: ViewName) => void;
 };

package/lib/views/slides/index.js

@@ -15,6 +15,7 @@ const join_1 = __importDefault(require("lodash/fp/join"));
 const quit_popin_1 = require("../../actions/ui/quit-popin");
 const common_1 = require("../../common");
 const post_answer_1 = require("../../actions/api/post-answer");
+const post_progression_1 = require("../../actions/api/post-progression");
 const next_slide_1 = require("../../actions/ui/next-slide");
 const map_api_slide_to_ui_1 = require("./map-api-slide-to-ui");
 const ICON_VALUES = {
@@ -242,9 +243,10 @@ const buildRankCard = (rank, translate) => {
         timerAnimation: 200
     };
 };
-const buildCongratsProps = (state, translate) => {
+const buildCongratsProps = (state, dispatch, options) => {
     if (!state.ui.showCongrats)
         return;
+    const { translate, onQuitClick } = options;
     const progression = state.data.progression;
     const stars = progression.state.stars;
     const cardCongratsStar = {
@@ -272,6 +274,23 @@ const buildCongratsProps = (state, translate) => {
     const { start, end } = state.data.rank;
     const newRank = start - end;
     const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end, translate) : undefined;
+    const skillRef = progression.content.ref;
+    const buttonRevising = state.ui.showButtonRevising
+        ? {
+            'aria-label': translate('Continue reviewing'),
+            label: translate('Continue reviewing'),
+            onClick: () => {
+                dispatch((0, post_progression_1.postProgression)(skillRef));
+            },
+            type: 'tertiary'
+        }
+        : undefined;
+    const buttonRevisingSkill = {
+        'aria-label': translate('Revise another skill'),
+        label: translate('Revise another skill'),
+        onClick: onQuitClick,
+        type: 'primary'
+    };
     return {
         'aria-label': 'Review Congratulations',
         'data-name': 'review-congrats',
@@ -279,8 +298,8 @@ const buildCongratsProps = (state, translate) => {
         title: translate('Congratulations!'),
         cardCongratsStar,
         cardCongratsRank,
-        buttonRevising: undefined,
-        buttonRevisingSkill: undefined // TODO make boutons and actions
+        buttonRevising,
+        buttonRevisingSkill
     };
 };
 const isEndOfProgression = (progression) => {
@@ -289,7 +308,7 @@ const isEndOfProgression = (progression) => {
     return progression.state.nextContent.ref === 'successExitNode';
 };
 const mapStateToSlidesProps = (state, dispatch, options) => {
-    const { translate, onQuitClick, skill } = options;
+    const { translate, onQuitClick } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const endReview = isEndOfProgression(state.data.progression);
     const correction = (0, get_1.default)(['data', 'corrections', currentSlideRef], state);
@@ -297,12 +316,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);
-    // eslint-disable-next-line no-console
-    console.log(skill.name);
     return {
         header: {
             mode: translate('Review Title'),
-            skillName: skill.name,
+            skillName: '__agility',
             onQuitClick: () => dispatch(quit_popin_1.openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
@@ -322,7 +339,7 @@ const mapStateToSlidesProps = (state, dispatch, options) => {
                 getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate),
             endReview: endReview && state.ui.showCongrats
         },
-        congrats: buildCongratsProps(state, translate),
+        congrats: buildCongratsProps(state, dispatch, options),
         quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick, translate) : undefined
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.7.5-alpha.32+5269cf70f",
+  "version": "0.7.5",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -35,9 +35,9 @@
   "main": "lib/index.js",
   "module": "es/index.js",
   "dependencies": {
-    "@coorpacademy/components": "10.27.3",
+    "@coorpacademy/components": "10.27.4",
     "@coorpacademy/redux-task": "1.1.6",
-    "@coorpacademy/translate": "6.1.5",
+    "@coorpacademy/translate": "^6.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^7.2.9",
@@ -71,5 +71,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "5269cf70fada105f2d8d4a9089b10458fff3a132"
+  "gitHead": "9c50f52f6f8d847aeb2fcb6fe072a6311a6a5e56"
 }