@coorpacademy/app-review 0.26.18 → 0.27.0

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

@@ -18,4 +18,4 @@ export declare type PostAnswerSuccessAction = {
     };
     payload: ProgressionFromAPI;
 };
-export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;
+export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services, onEndProgression }: ThunkOptions) => Promise<void>;

package/es/actions/api/post-answer.js

@@ -6,7 +6,7 @@ import { fetchStartRank } from './fetch-rank';
 export const POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
 export const POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
 export const POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
-export const postAnswer = async (dispatch, getState, { services }) => {
+export const postAnswer = async (dispatch, getState, { services, onEndProgression }) => {
     const state = getState();
     const currentSlideRef = get(['ui', 'currentSlideRef'], state);
     const token = get(['data', 'token'], state);
@@ -29,6 +29,7 @@ export const postAnswer = async (dispatch, getState, { services }) => {
             await dispatch(fetchStartRank);
         }
         else {
+            onEndProgression(updatedProgression);
             await dispatch(fetchCorrection);
         }
     }

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

@@ -12,4 +12,4 @@ export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;
 };
-export declare const postProgression: (skillRef: string, testingSlideRef?: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;
+export declare const postProgression: (skillRef: string, testingSlideRef?: string) => (dispatch: Dispatch, getState: () => StoreState, { services, onStartProgression }: ThunkOptions) => Promise<void>;

package/es/actions/api/post-progression.js

@@ -5,7 +5,7 @@ import { fetchSkill } from './fetch-skill';
 export const POST_PROGRESSION_REQUEST = '@@progression/POST_REQUEST';
 export const POST_PROGRESSION_SUCCESS = '@@progression/POST_SUCCESS';
 export const POST_PROGRESSION_FAILURE = '@@progression/POST_FAILURE';
-export const postProgression = (skillRef, testingSlideRef) => async (dispatch, getState, { services }) => {
+export const postProgression = (skillRef, testingSlideRef) => async (dispatch, getState, { services, onStartProgression }) => {
     const state = getState();
     const token = get(['data', 'token'], state);
     const action = buildTask({
@@ -18,6 +18,7 @@ export const postProgression = (skillRef, testingSlideRef) => async (dispatch, g
     if (response.type === POST_PROGRESSION_SUCCESS) {
         const progression = response.payload;
         const slideRef = progression.state.nextContent.ref;
+        onStartProgression(progression);
         await dispatch(fetchSlide(slideRef));
         await dispatch(fetchSkill(skillRef));
     }

package/es/configure-store.js

@@ -1,6 +1,7 @@
 import { applyMiddleware, compose, createStore } from 'redux';
 import thunk from 'redux-thunk';
 import { getServices } from '@coorpacademy/review-services';
+import { identity } from 'lodash/fp';
 import rootReducer from './reducers';
 export default function configureStore(options) {
     const _compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
@@ -14,7 +15,9 @@ export default function configureStore(options) {
     const thunkOptions = {
         services: options.services || getServices(locale),
         callbackOnViewChanged: options.callbackOnViewChanged,
-        appendVideoOptions: options.appendVideoOptions
+        appendVideoOptions: options.appendVideoOptions,
+        onStartProgression: options.onStartProgression || identity,
+        onEndProgression: options.onEndProgression || identity
     };
     const thunkMiddleware = thunk.withExtraArgument(thunkOptions);
     const enhancer = _compose(applyMiddleware(thunkMiddleware));

package/es/index.js

@@ -32,7 +32,7 @@ const storeTokenAndCreateProgression = async (store, options) => {
 };
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
-    const { translate, onQuitClick, skin, backgroundImage } = options;
+    const { translate, onQuitClick, onStartProgression, onEndProgression, skin, backgroundImage } = options;
     useEffect(() => {
         const newStore = configureStore(options);
         setStore(newStore);
@@ -43,6 +43,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate, skin: skin, backgroundImage: backgroundImage })));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, onStartProgression: onStartProgression, onEndProgression: onEndProgression, translate: translate, skin: skin, backgroundImage: backgroundImage })));
 };
 export default AppReview;

package/es/types/common.d.ts

@@ -1,5 +1,5 @@
 import { Media } from '@coorpacademy/components/es/molecule/questions/types';
-import type { Services, VideoMedia } from '@coorpacademy/review-services';
+import type { ProgressionFromAPI, Services, VideoMedia } from '@coorpacademy/review-services';
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
@@ -21,6 +21,8 @@ export declare type VideoPropsForPlayer = {
 export declare type ConnectedOptions = {
     translate: Translate;
     onQuitClick: () => void;
+    onStartProgression?: (progression: ProgressionFromAPI) => void;
+    onEndProgression?: (progression: ProgressionFromAPI) => void;
     skin?: Skin;
     backgroundImage?: number;
 };
@@ -34,6 +36,8 @@ export declare type AppOptions = ConnectedOptions & {
     appendVideoOptions: (media: VideoMedia) => Promise<VideoPropsForPlayer>;
 };
 export declare type ThunkOptions = Pick<AppOptions, 'callbackOnViewChanged' | 'appendVideoOptions'> & {
+    onStartProgression: (progression: ProgressionFromAPI) => void;
+    onEndProgression: (progression: ProgressionFromAPI) => void;
     services: Services;
 };
 export declare type Options = {

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

@@ -18,4 +18,4 @@ export declare type PostAnswerSuccessAction = {
     };
     payload: ProgressionFromAPI;
 };
-export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;
+export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services, onEndProgression }: ThunkOptions) => Promise<void>;

package/lib/actions/api/post-answer.js

@@ -12,7 +12,7 @@ const fetch_rank_1 = require("./fetch-rank");
 exports.POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
 exports.POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
 exports.POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
-const postAnswer = async (dispatch, getState, { services }) => {
+const postAnswer = async (dispatch, getState, { services, onEndProgression }) => {
     const state = getState();
     const currentSlideRef = (0, get_1.default)(['ui', 'currentSlideRef'], state);
     const token = (0, get_1.default)(['data', 'token'], state);
@@ -35,6 +35,7 @@ const postAnswer = async (dispatch, getState, { services }) => {
             await dispatch(fetch_rank_1.fetchStartRank);
         }
         else {
+            onEndProgression(updatedProgression);
             await dispatch(fetch_correction_1.fetchCorrection);
         }
     }

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

@@ -12,4 +12,4 @@ export declare type ReceivedProgression = {
     type: typeof POST_PROGRESSION_SUCCESS;
     payload: ProgressionFromAPI;
 };
-export declare const postProgression: (skillRef: string, testingSlideRef?: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;
+export declare const postProgression: (skillRef: string, testingSlideRef?: string) => (dispatch: Dispatch, getState: () => StoreState, { services, onStartProgression }: ThunkOptions) => Promise<void>;

package/lib/actions/api/post-progression.js

@@ -11,7 +11,7 @@ const fetch_skill_1 = require("./fetch-skill");
 exports.POST_PROGRESSION_REQUEST = '@@progression/POST_REQUEST';
 exports.POST_PROGRESSION_SUCCESS = '@@progression/POST_SUCCESS';
 exports.POST_PROGRESSION_FAILURE = '@@progression/POST_FAILURE';
-const postProgression = (skillRef, testingSlideRef) => async (dispatch, getState, { services }) => {
+const postProgression = (skillRef, testingSlideRef) => async (dispatch, getState, { services, onStartProgression }) => {
     const state = getState();
     const token = (0, get_1.default)(['data', 'token'], state);
     const action = (0, redux_task_1.default)({
@@ -24,6 +24,7 @@ const postProgression = (skillRef, testingSlideRef) => async (dispatch, getState
     if (response.type === exports.POST_PROGRESSION_SUCCESS) {
         const progression = response.payload;
         const slideRef = progression.state.nextContent.ref;
+        onStartProgression(progression);
         await dispatch((0, fetch_slide_1.fetchSlide)(slideRef));
         await dispatch((0, fetch_skill_1.fetchSkill)(skillRef));
     }

package/lib/configure-store.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const redux_1 = require("redux");
 const redux_thunk_1 = __importDefault(require("redux-thunk"));
 const review_services_1 = require("@coorpacademy/review-services");
+const fp_1 = require("lodash/fp");
 const reducers_1 = __importDefault(require("./reducers"));
 function configureStore(options) {
     const _compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
@@ -19,7 +20,9 @@ function configureStore(options) {
     const thunkOptions = {
         services: options.services || (0, review_services_1.getServices)(locale),
         callbackOnViewChanged: options.callbackOnViewChanged,
-        appendVideoOptions: options.appendVideoOptions
+        appendVideoOptions: options.appendVideoOptions,
+        onStartProgression: options.onStartProgression || fp_1.identity,
+        onEndProgression: options.onEndProgression || fp_1.identity
     };
     const thunkMiddleware = redux_thunk_1.default.withExtraArgument(thunkOptions);
     const enhancer = _compose((0, redux_1.applyMiddleware)(thunkMiddleware));

package/lib/index.js

@@ -60,7 +60,7 @@ const storeTokenAndCreateProgression = async (store, options) => {
 };
 const AppReview = ({ options }) => {
     const [store, setStore] = (0, react_1.useState)(null);
-    const { translate, onQuitClick, skin, backgroundImage } = options;
+    const { translate, onQuitClick, onStartProgression, onEndProgression, skin, backgroundImage } = options;
     (0, react_1.useEffect)(() => {
         const newStore = (0, configure_store_1.default)(options);
         setStore(newStore);
@@ -71,6 +71,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (react_1.default.createElement(react_redux_1.Provider, { store: store },
-        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate, skin: skin, backgroundImage: backgroundImage })));
+        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick, onStartProgression: onStartProgression, onEndProgression: onEndProgression, translate: translate, skin: skin, backgroundImage: backgroundImage })));
 };
 exports.default = AppReview;

package/lib/types/common.d.ts

@@ -1,5 +1,5 @@
 import { Media } from '@coorpacademy/components/es/molecule/questions/types';
-import type { Services, VideoMedia } from '@coorpacademy/review-services';
+import type { ProgressionFromAPI, Services, VideoMedia } from '@coorpacademy/review-services';
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
@@ -21,6 +21,8 @@ export declare type VideoPropsForPlayer = {
 export declare type ConnectedOptions = {
     translate: Translate;
     onQuitClick: () => void;
+    onStartProgression?: (progression: ProgressionFromAPI) => void;
+    onEndProgression?: (progression: ProgressionFromAPI) => void;
     skin?: Skin;
     backgroundImage?: number;
 };
@@ -34,6 +36,8 @@ export declare type AppOptions = ConnectedOptions & {
     appendVideoOptions: (media: VideoMedia) => Promise<VideoPropsForPlayer>;
 };
 export declare type ThunkOptions = Pick<AppOptions, 'callbackOnViewChanged' | 'appendVideoOptions'> & {
+    onStartProgression: (progression: ProgressionFromAPI) => void;
+    onEndProgression: (progression: ProgressionFromAPI) => void;
     services: Services;
 };
 export declare type Options = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.26.18",
+  "version": "0.27.0",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -35,7 +35,7 @@
   "main": "lib/index.js",
   "module": "es/index.js",
   "dependencies": {
-    "@coorpacademy/components": "11.14.18",
+    "@coorpacademy/components": "11.14.19",
     "@coorpacademy/progression-engine": "11.7.0",
     "@coorpacademy/redux-task": "1.1.6",
     "@coorpacademy/review-services": "1.6.1",
@@ -74,5 +74,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "543ee5489cfda21e57572eaa8028c918be00f463"
+  "gitHead": "ed1c80cf3abdea233c75f1f7db357e3b933053b3"
 }