@coorpacademy/app-review 0.5.7-alpha.0 → 0.6.1-alpha.0

package/es/actions/api/fetch-correction.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { CorrectionFromAPI, Options } from '../../types/common';
+import type { CorrectionFromAPI, ThunkOptions } from '../../types/common';
 export declare const CORRECTION_FETCH_REQUEST: "@@correction/FETCH_REQUEST";
 export declare const CORRECTION_FETCH_SUCCESS: "@@correction/FETCH_SUCCESS";
 export declare const CORRECTION_FETCH_FAILURE: "@@correction/FETCH_FAILURE";
@@ -17,4 +17,4 @@ export declare type ReceivedCorrection = {
         slideRef: string;
     };
 };
-export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedCorrection;
+export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedCorrection;

package/es/actions/api/fetch-rank.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Rank, Services, Options } from '../../types/common';
+import type { Rank, Services, ThunkOptions } from '../../types/common';
 export declare const RANK_FETCH_START_REQUEST: "@@rank/FETCH_START_REQUEST";
 export declare const RANK_FETCH_START_SUCCESS: "@@rank/FETCH_START_SUCCESS";
 export declare const RANK_FETCH_START_FAILURE: "@@rank/FETCH_START_FAILURE";
@@ -27,6 +27,6 @@ export declare type RankAction = RankRequestAction | RankSuccessAction | RankFai
 declare type RankStart = [RankFetchStartRequestType, RankFetchStartSuccessType, RankFetchStartFailureType];
 declare type RankEnd = [RankFetchEndRequestType, RankFetchEndSuccessType, RankFetchEndFailureType];
 export declare const fetchRank: (dispatch: Dispatch, getState: () => StoreState, services: Services, types: RankStart | RankEnd, path?: string) => RankAction;
-export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
-export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
+export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
+export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
 export {};

package/es/actions/api/fetch-skills.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Options, Skill } from '../../types/common';
+import type { ThunkOptions, Skill } from '../../types/common';
 export declare const SKILLS_FETCH_REQUEST: "@@skills/FETCH_REQUEST";
 export declare const SKILLS_FETCH_SUCCESS: "@@skills/FETCH_SUCCESS";
 export declare const SKILLS_FETCH_FAILURE: "@@skills/FETCH_FAILURE";
@@ -8,4 +8,4 @@ export declare type ReceivedSkills = {
     type: typeof SKILLS_FETCH_SUCCESS;
     payload: Skill[];
 };
-export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedSkills;
+export declare const fetchSkills: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedSkills;

package/es/actions/api/fetch-slide.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Options, SlideFromAPI } from '../../types/common';
+import type { ThunkOptions, SlideFromAPI } from '../../types/common';
 export declare const SLIDE_FETCH_REQUEST: "@@slides/FETCH_REQUEST";
 export declare const SLIDE_FETCH_SUCCESS: "@@slides/FETCH_SUCCESS";
 export declare const SLIDE_FETCH_FAILURE: "@@slides/FETCH_FAILURE";
@@ -17,4 +17,4 @@ export declare type ReceivedSlide = {
         slideRef: string;
     };
 };
-export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

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

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { Options, ProgressionFromAPI } from '../../types/common';
+import type { ThunkOptions, ProgressionFromAPI } from '../../types/common';
 import type { StoreState } from '../../reducers';
 export declare const POST_ANSWER_REQUEST: "@@answer/POST_REQUEST";
 export declare const POST_ANSWER_SUCCESS: "@@answer/POST_SUCCESS";
@@ -17,4 +17,4 @@ export declare type PostAnswerSuccessAction = {
     };
     payload: ProgressionFromAPI;
 };
-export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

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

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { Options, ProgressionFromAPI } from '../../types/common';
+import type { ThunkOptions, ProgressionFromAPI } from '../../types/common';
 import type { StoreState } from '../../reducers';
 export declare const POST_PROGRESSION_REQUEST: "@@progression/POST_REQUEST";
 export declare const POST_PROGRESSION_SUCCESS: "@@progression/POST_SUCCESS";
@@ -8,4 +8,4 @@ export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;
 };
-export declare const postProgression: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;
+export declare const postProgression: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;

package/es/actions/ui/navigation.d.ts

@@ -1,18 +1,19 @@
-import { AppOptions } from '../../types/common';
-export declare const NAVIGATE_TO = "@@navigation/NAVIGATE_TO";
-export declare const NAVIGATE_BACK = "@@navigation/NAVIGATE_BACK";
-export declare const START_APP = "@@navigation/START_APP";
-export declare type ViewPath = 'skills' | 'onboarding' | 'slides' | 'loader';
-export declare type NavigateTo = {
+import { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+import { ThunkOptions, AppOptions, ViewName } from '../../types/common';
+export declare type NavigateToAction = {
     type: '@@navigation/NAVIGATE_TO';
-    payload: ViewPath;
+    payload: ViewName;
 };
-export declare type NavigateBack = {
+export declare type NavigateBackAction = {
     type: '@@navigation/NAVIGATE_BACK';
 };
 export declare type StartApp = {
     type: '@@navigation/START_APP';
     payload: AppOptions;
 };
-export declare const navigateTo: (newPath: ViewPath) => NavigateTo;
-export declare const navigateBack: () => NavigateBack;
+export declare const NAVIGATE_TO = "@@navigation/NAVIGATE_TO";
+export declare const NAVIGATE_BACK = "@@navigation/NAVIGATE_BACK";
+export declare const START_APP = "@@navigation/START_APP";
+export declare const navigateTo: (newViewName: ViewName) => (dispatch: Dispatch, getState: () => StoreState, { callbackOnViewChanged }: ThunkOptions) => Promise<NavigateToAction>;
+export declare const navigateBack: (dispatch: Dispatch, getState: () => StoreState, { callbackOnViewChanged }: ThunkOptions) => Promise<NavigateBackAction>;

package/es/actions/ui/navigation.js

@@ -1,10 +1,26 @@
 export const NAVIGATE_TO = '@@navigation/NAVIGATE_TO';
 export const NAVIGATE_BACK = '@@navigation/NAVIGATE_BACK';
 export const START_APP = '@@navigation/START_APP';
-export const navigateTo = (newPath) => ({
-    type: NAVIGATE_TO,
-    payload: newPath
-});
-export const navigateBack = () => ({
-    type: NAVIGATE_BACK
-});
+export const navigateTo = (newViewName) => async (dispatch, getState, { callbackOnViewChanged }) => {
+    const action = {
+        type: NAVIGATE_TO,
+        payload: newViewName
+    };
+    const res = await dispatch(action);
+    if (callbackOnViewChanged) {
+        callbackOnViewChanged(newViewName);
+    }
+    return res;
+};
+export const navigateBack = async (dispatch, getState, { callbackOnViewChanged }) => {
+    const action = {
+        type: NAVIGATE_BACK
+    };
+    const res = await dispatch(action);
+    if (callbackOnViewChanged) {
+        const storeState = getState();
+        const viewName = storeState.ui.navigation[storeState.ui.navigation.length - 1];
+        callbackOnViewChanged(viewName);
+    }
+    return res;
+};

package/es/common/index.d.ts

@@ -1,9 +1,4 @@
 import type { ProgressionFromAPI } from '../types/common';
-export declare const VIEWS: {
-    readonly skills: 'skills';
-    readonly onboarding: 'onboarding';
-    readonly slides: 'slides';
-};
 export declare const slideIndexes: readonly ["0", "1", "2", "3", "4"];
 export declare type SlideIndexes = typeof slideIndexes[number];
 export declare const getProgressionSlidesRefs: (progression: ProgressionFromAPI) => string[];

package/es/common/index.js

@@ -1,10 +1,5 @@
 import concat from 'lodash/fp/concat';
 import slice from 'lodash/fp/slice';
-export const VIEWS = {
-    skills: 'skills',
-    onboarding: 'onboarding',
-    slides: 'slides'
-};
 export const slideIndexes = ['0', '1', '2', '3', '4'];
 export const getProgressionSlidesRefs = (progression) => {
     if (progression.state.step.current <= 5) {

package/es/configure-store.js

@@ -10,7 +10,11 @@ export default function configureStore(options) {
             traceLimit: 25
         })
         : compose;
-    const thunkMiddleware = thunk.withExtraArgument({ services: options.services || getServices() });
+    const thunkOptions = {
+        services: options.services || getServices(),
+        callbackOnViewChanged: options.callbackOnViewChanged
+    };
+    const thunkMiddleware = thunk.withExtraArgument(thunkOptions);
     const enhancer = _compose(applyMiddleware(thunkMiddleware));
     const store = createStore(rootReducer, undefined, enhancer);
     return store;

package/es/index.js

@@ -4,16 +4,16 @@ import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
 import isEmpty from 'lodash/fp/isEmpty';
 import get from 'lodash/fp/get';
 import configureStore from './configure-store';
-import { navigateTo } from './actions/ui/navigation';
+import { navigateBack, navigateTo } from './actions/ui/navigation';
 import { storeToken } from './actions/data/token';
 import { fetchSkills } from './actions/api/fetch-skills';
 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 dispatch = useDispatch();
     const props = {
+        navigateBack: () => dispatch(navigateBack),
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
         slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
         skills: useSelector((state) => mapStateToSkillsProps(state)),
@@ -62,7 +62,7 @@ const AppReview = ({ options }) => {
             store.dispatch(navigateTo('loader')); // use loader while posting progression
             return;
         }
-        const initialView = skillRef ? VIEWS.slides : VIEWS.skills;
+        const initialView = skillRef ? 'slides' : 'skills';
         store.dispatch(navigateTo(initialView));
     }, [isProgressionCreated, options, store]);
     if (!store)

package/es/reducers/index.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         showQuitPopin: boolean;
         showCongrats: boolean;
     }>;
-}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | 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").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction | {
+}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | 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 | {
     type: "@@ui/OPEN_POPIN";
 } | {
     type: "@@ui/CLOSE_POPIN";

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

@@ -22,7 +22,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     positions: UIPositionState;
     showQuitPopin: boolean;
     showCongrats: boolean;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | 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-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 | {
     type: "@@ui/OPEN_POPIN";
 } | {
     type: "@@ui/CLOSE_POPIN";

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

@@ -1,4 +1,4 @@
-import { type NavigateTo, type NavigateBack } from '../../actions/ui/navigation';
+import { NavigateToAction, NavigateBackAction } from '../../actions/ui/navigation';
 export declare type NavigationState = Array<'skills' | 'onboarding' | 'slides' | 'loader'>;
-declare const reducer: (state: NavigationState | undefined, action: NavigateTo | NavigateBack) => NavigationState;
+declare const reducer: (state: NavigationState | undefined, action: NavigateToAction | NavigateBackAction) => NavigationState;
 export default reducer;

package/es/reducers/ui/navigation.js

@@ -1,4 +1,4 @@
-import { NAVIGATE_BACK, NAVIGATE_TO } from '../../actions/ui/navigation';
+import { NAVIGATE_TO, NAVIGATE_BACK } from '../../actions/ui/navigation';
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = [], action) => {

package/es/types/common.d.ts

@@ -1,3 +1,4 @@
+export declare type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -136,15 +137,17 @@ export declare type Services = {
     fetchRank(token: string): Promise<Rank>;
     fetchSlidesToReviewBySkillRef(url: string, token: string, skillRef: string): Promise<SlideIdFromAPI[]>;
 };
-export declare type Options = {
-    services: Services;
-};
 export declare type AppOptions = {
     token: string;
     skillRef?: string;
     services: Services;
-    onQuitClick: Function;
+    onQuitClick: () => void;
     url: string;
+    callbackOnViewChanged?: (viewName: ViewName) => void;
+};
+export declare type ThunkOptions = {
+    callbackOnViewChanged?: AppOptions['callbackOnViewChanged'];
+    services: Services;
 };
 export declare type JWT = {
     exp: number;

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

@@ -8,11 +8,9 @@ declare type SkillCard = {
     reviseLabel: string;
     reviseAriaLabel: string;
     isCustom: boolean;
-    onClick: Function;
+    onClick: () => void;
 };
 declare type NoSkillsProps = {
-    titleNoSkills: string;
-    textNoSkills: string;
     iconSkillAriaLabel: string;
 };
 declare type SkillsProps = NoSkillsProps & {

package/es/views/skills/index.js

@@ -1,8 +1,6 @@
 export const mapStateToSkillsProps = (state) => {
     return {
         title: '@todo title',
-        titleNoSkills: '@todo titleNoSkills',
-        textNoSkills: '@todo textNoSkills',
         iconSkillAriaLabel: '@todo iconSkillAriaLabel',
         isLoading: false,
         isLoadingAriaLabel: '@todo loading',

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

@@ -1,5 +1,6 @@
 import type { Dispatch } from 'redux';
-import { type SlideIndexes } from '../../common';
+import { ReviewPlayerProps } from '@coorpacademy/components/es/template/app-review/player/prop-types';
+import { SlideProps } from '@coorpacademy/components/es/organism/review-slide/prop-types';
 import type { StoreState } from '../../reducers';
 import type { AnswerUI } from '../../types/slides';
 declare const ICON_VALUES: {
@@ -25,118 +26,9 @@ export declare type ReviewSlide = {
     animationType?: SlideUIAnimations;
 };
 declare type SlidesStack = {
-    [key in SlideIndexes]: ReviewSlide;
-};
-declare type CorrectionPopinInformation = {
-    label: string;
-    message: string;
-};
-declare type CorrectionPopinKlf = {
-    label: string;
-    tooltip: string;
-};
-declare type CorrectionPopinNext = {
-    label: string;
-    ariaLabel: string;
-    onClick: Function;
-};
-declare type QuitPopinButton = {
-    label: string;
-    type: string;
-    customStyle?: {
-        color: string;
-    };
-    handleOnclick: Function;
-    ariaLabel: string;
-};
-export declare type CorrectionPopinProps = {
-    klf?: CorrectionPopinKlf;
-    information: CorrectionPopinInformation;
-    next: CorrectionPopinNext;
-    resultLabel: string;
-    type: 'right' | 'wrong';
-};
-export declare type QuitPopinProps = {
-    content: string;
-    icon: string;
-    mode: string;
-    descriptionText: string;
-    firstButton: QuitPopinButton;
-    secondButton: QuitPopinButton;
-};
-export declare type SlidesViewProps = {
-    header: {
-        mode: string;
-        skillName: string;
-        onQuitClick: Function;
-        'aria-label'?: string;
-        closeButtonAriaLabel: string;
-        steps: StepItem[];
-    };
-    stack: {
-        slides: SlidesStack;
-        validateButton: {
-            label: string;
-            disabled: boolean;
-            onClick: Function;
-        };
-        correctionPopinProps?: CorrectionPopinProps;
-        endReview: boolean;
-    };
-    reviewBackgroundAriaLabel?: string;
-    congrats?: CongratsProps;
-    quitPopin?: QuitPopinProps;
-};
-declare type LottieAnimationProps = {
-    'aria-label': string;
-    'data-name'?: string;
-    animationSrc: string;
-    loop?: boolean;
-    rendererSettings?: {
-        hideOnTransparent?: boolean;
-        className?: string;
-    };
-    height?: number;
-    width?: number;
-    className?: number;
-    ie11ImageBackup: string;
-    backupImageClassName?: string;
-    autoplay?: boolean;
-    animationControl?: 'play' | 'pause' | 'stop' | 'loading';
-};
-export declare type CongratsCardProps = {
-    'aria-label': string;
-    'data-name': string;
-    animationLottie: LottieAnimationProps;
-    iconAriaLabel: string;
-    className?: string;
-    cardType: string;
-    reviewCardTitle: string;
-    reviewCardValue: string;
-    rankSuffix?: string;
-    timerAnimation: number;
-};
-export declare type CongratsProps = {
-    'aria-label': string;
-    'data-name': 'review-congrats';
-    animationLottie: LottieAnimationProps;
-    title: string;
-    cardCongratsStar: CongratsCardProps;
-    cardCongratsRank?: CongratsCardProps;
-    buttonRevising?: {
-        'aria-label': string;
-        label: string;
-        onClick: Function;
-        type: string;
-    };
-    buttonRevisingSkill?: {
-        label: string;
-        'aria-label': string;
-        onClick: Function;
-        type: string;
-    };
+    [key: string]: SlideProps;
 };
 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, onQuitClick: () => void) => ReviewPlayerProps;
 export {};

package/es/views/slides/index.js

@@ -180,7 +180,7 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf) =>
             message: isCorrect ? klf : join(',', correctAnswer)
         },
         next: {
-            ariaLabel: '_correctionNextAriaLabel',
+            'aria-label': '_correctionNextAriaLabel',
             label: '_correctionNextLabel',
             onClick: () => {
                 dispatch(nextSlide);
@@ -202,7 +202,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
                 color: '#ED3436'
             },
             handleOnclick: onQuitClick,
-            ariaLabel: 'Stop session'
+            'aria-label': 'Stop session'
         },
         secondButton: {
             label: `Continuer d'apprendre`,
@@ -210,7 +210,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
             handleOnclick: () => {
                 dispatch(closeQuitPopin);
             },
-            ariaLabel: 'Continue review'
+            'aria-label': 'Continue review'
         }
     };
 };
@@ -288,6 +288,7 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
     const isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
     const klf = getOr('', ['data', 'slides', currentSlideRef, 'klf'], state);
     const showQuitPopin = get(['ui', 'showQuitPopin'], state);
+    const showCongrats = get(['ui', 'showCongrats'], state);
     return {
         header: {
             mode: '__revision_mode',
@@ -295,7 +296,8 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
             onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
-            steps: buildStepItems(state)
+            steps: buildStepItems(state),
+            hiddenSteps: showCongrats
         },
         stack: {
             slides: buildStackSlides(state, dispatch),

package/lib/actions/api/fetch-correction.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { CorrectionFromAPI, Options } from '../../types/common';
+import type { CorrectionFromAPI, ThunkOptions } from '../../types/common';
 export declare const CORRECTION_FETCH_REQUEST: "@@correction/FETCH_REQUEST";
 export declare const CORRECTION_FETCH_SUCCESS: "@@correction/FETCH_SUCCESS";
 export declare const CORRECTION_FETCH_FAILURE: "@@correction/FETCH_FAILURE";
@@ -17,4 +17,4 @@ export declare type ReceivedCorrection = {
         slideRef: string;
     };
 };
-export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => ReceivedCorrection;
+export declare const fetchCorrection: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedCorrection;

package/lib/actions/api/fetch-correction.js

@@ -1,19 +1,25 @@
-import buildTask from '@coorpacademy/redux-task';
-import get from 'lodash/fp/get';
-export var CORRECTION_FETCH_REQUEST = '@@correction/FETCH_REQUEST';
-export var CORRECTION_FETCH_SUCCESS = '@@correction/FETCH_SUCCESS';
-export var CORRECTION_FETCH_FAILURE = '@@correction/FETCH_FAILURE';
-export var fetchCorrection = function (dispatch, getState, _a) {
-    var services = _a.services;
-    var state = getState();
-    var slideRef = get(['ui', 'currentSlideRef'], state);
-    var token = get(['data', 'token'], state);
-    var progressionId = get(['data', 'progression', '_id'], state);
-    var answer = get(['ui', 'answers', slideRef], state);
-    var action = buildTask({
-        types: [CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS, CORRECTION_FETCH_FAILURE],
-        meta: { slideRef: slideRef },
-        task: function () { return services.fetchCorrection(slideRef, token, progressionId, answer); }
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchCorrection = exports.CORRECTION_FETCH_FAILURE = exports.CORRECTION_FETCH_SUCCESS = exports.CORRECTION_FETCH_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+exports.CORRECTION_FETCH_REQUEST = '@@correction/FETCH_REQUEST';
+exports.CORRECTION_FETCH_SUCCESS = '@@correction/FETCH_SUCCESS';
+exports.CORRECTION_FETCH_FAILURE = '@@correction/FETCH_FAILURE';
+const fetchCorrection = (dispatch, getState, { services }) => {
+    const state = getState();
+    const slideRef = (0, get_1.default)(['ui', 'currentSlideRef'], state);
+    const token = (0, get_1.default)(['data', 'token'], state);
+    const progressionId = (0, get_1.default)(['data', 'progression', '_id'], state);
+    const answer = (0, get_1.default)(['ui', 'answers', slideRef], state);
+    const action = (0, redux_task_1.default)({
+        types: [exports.CORRECTION_FETCH_REQUEST, exports.CORRECTION_FETCH_SUCCESS, exports.CORRECTION_FETCH_FAILURE],
+        meta: { slideRef },
+        task: () => services.fetchCorrection(slideRef, token, progressionId, answer)
     });
     return dispatch(action);
 };
+exports.fetchCorrection = fetchCorrection;

package/lib/actions/api/fetch-rank.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from 'redux';
 import type { StoreState } from '../../reducers';
-import type { Rank, Services, Options } from '../../types/common';
+import type { Rank, Services, ThunkOptions } from '../../types/common';
 export declare const RANK_FETCH_START_REQUEST: "@@rank/FETCH_START_REQUEST";
 export declare const RANK_FETCH_START_SUCCESS: "@@rank/FETCH_START_SUCCESS";
 export declare const RANK_FETCH_START_FAILURE: "@@rank/FETCH_START_FAILURE";
@@ -27,6 +27,6 @@ export declare type RankAction = RankRequestAction | RankSuccessAction | RankFai
 declare type RankStart = [RankFetchStartRequestType, RankFetchStartSuccessType, RankFetchStartFailureType];
 declare type RankEnd = [RankFetchEndRequestType, RankFetchEndSuccessType, RankFetchEndFailureType];
 export declare const fetchRank: (dispatch: Dispatch, getState: () => StoreState, services: Services, types: RankStart | RankEnd, path?: string) => RankAction;
-export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
-export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => RankAction;
+export declare const fetchStartRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
+export declare const fetchEndRank: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => RankAction;
 export {};

package/lib/actions/api/fetch-rank.js

@@ -1,38 +1,43 @@
-import buildTask from '@coorpacademy/redux-task';
-import get from 'lodash/fp/get';
-export var RANK_FETCH_START_REQUEST = '@@rank/FETCH_START_REQUEST';
-export var RANK_FETCH_START_SUCCESS = '@@rank/FETCH_START_SUCCESS';
-export var RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE';
-export var RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST';
-export var RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS';
-export var RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE';
-var bailout = function (path) {
-    return function (state) {
-        var value = get(path, state);
-        return !Number.isNaN(value);
-    };
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-export var fetchRank = function (dispatch, getState, services, types, path) {
-    var action = buildTask({
-        types: types,
-        task: function () {
-            var state = getState();
-            var token = get(['data', 'token'], state);
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchEndRank = exports.fetchStartRank = exports.fetchRank = exports.RANK_FETCH_END_FAILURE = exports.RANK_FETCH_END_SUCCESS = exports.RANK_FETCH_END_REQUEST = exports.RANK_FETCH_START_FAILURE = exports.RANK_FETCH_START_SUCCESS = exports.RANK_FETCH_START_REQUEST = void 0;
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+const get_1 = __importDefault(require("lodash/fp/get"));
+exports.RANK_FETCH_START_REQUEST = '@@rank/FETCH_START_REQUEST';
+exports.RANK_FETCH_START_SUCCESS = '@@rank/FETCH_START_SUCCESS';
+exports.RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE';
+exports.RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST';
+exports.RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS';
+exports.RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE';
+const bailout = (path) => (state) => {
+    const value = (0, get_1.default)(path, state);
+    return !Number.isNaN(value);
+};
+const fetchRank = (dispatch, getState, services, types, path) => {
+    const action = (0, redux_task_1.default)({
+        types,
+        task: () => {
+            const state = getState();
+            const token = (0, get_1.default)(['data', 'token'], state);
             return services.fetchRank(token);
         },
         bailout: path ? bailout(path) : undefined
     });
     return dispatch(action);
 };
-export var fetchStartRank = function (dispatch, getState, _a) {
-    var services = _a.services;
-    return fetchRank(dispatch, getState, services, [RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS, RANK_FETCH_START_FAILURE], 'data.rank.start');
+exports.fetchRank = fetchRank;
+const fetchStartRank = (dispatch, getState, { services }) => {
+    return (0, exports.fetchRank)(dispatch, getState, services, [exports.RANK_FETCH_START_REQUEST, exports.RANK_FETCH_START_SUCCESS, exports.RANK_FETCH_START_FAILURE], 'data.rank.start');
 };
-export var fetchEndRank = function (dispatch, getState, _a) {
-    var services = _a.services;
-    return fetchRank(dispatch, getState, services, [
-        RANK_FETCH_END_REQUEST,
-        RANK_FETCH_END_SUCCESS,
-        RANK_FETCH_END_FAILURE
+exports.fetchStartRank = fetchStartRank;
+const fetchEndRank = (dispatch, getState, { services }) => {
+    return (0, exports.fetchRank)(dispatch, getState, services, [
+        exports.RANK_FETCH_END_REQUEST,
+        exports.RANK_FETCH_END_SUCCESS,
+        exports.RANK_FETCH_END_FAILURE
     ]);
 };
+exports.fetchEndRank = fetchEndRank;