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

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

@@ -0,0 +1,11 @@
+import { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+import type { Skill, ThunkOptions } from '../../types/common';
+export declare const SKILL_FETCH_REQUEST: "@@skill/FETCH_REQUEST";
+export declare const SKILL_FETCH_SUCCESS: "@@skill/FETCH_SUCCESS";
+export declare const SKILL_FETCH_FAILURE: "@@skill/FETCH_FAILURE";
+export declare type ReceivedSkill = {
+    type: typeof SKILL_FETCH_SUCCESS;
+    payload: Skill;
+};
+export declare const fetchSkill: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedSkill;

package/es/actions/api/fetch-skill.js

@@ -0,0 +1,16 @@
+import get from 'lodash/fp/get';
+import buildTask from '@coorpacademy/redux-task';
+export const SKILL_FETCH_REQUEST = '@@skill/FETCH_REQUEST';
+export const SKILL_FETCH_SUCCESS = '@@skill/FETCH_SUCCESS';
+export const SKILL_FETCH_FAILURE = '@@skill/FETCH_FAILURE';
+export const fetchSkill = (skillRef) => (dispatch, getState, { services }) => {
+    const action = buildTask({
+        types: [SKILL_FETCH_REQUEST, SKILL_FETCH_SUCCESS, SKILL_FETCH_FAILURE],
+        task: () => {
+            const state = getState();
+            const token = get(['data', 'token'], state);
+            return services.fetchSkill(skillRef, token);
+        }
+    });
+    return dispatch(action);
+};

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

@@ -1,6 +1,7 @@
 import buildTask from '@coorpacademy/redux-task';
 import get from 'lodash/fp/get';
 import { fetchSlide } from './fetch-slide';
+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';
@@ -16,5 +17,6 @@ export const postProgression = (skillRef) => async (dispatch, getState, { servic
         const progression = response.payload;
         const slideRef = progression.state.nextContent.ref;
         await dispatch(fetchSlide(slideRef));
+        await dispatch(fetchSkill(skillRef));
     }
 };

package/es/views/slides/index.js

@@ -60,7 +60,8 @@ const getCurrentSlideRef = (state) => {
     const content = progression.state.content;
     return content.ref;
 };
-const buildStackSlides = (state, dispatch) => {
+const buildStackSlides = (state, dispatch, options) => {
+    const { translate } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const progression = state.data.progression;
     if (!currentSlideRef || !progression)
@@ -93,7 +94,10 @@ const buildStackSlides = (state, dispatch) => {
             loading: false,
             questionText,
             answerUI,
-            parentContentTitle: `From "${parentContentTitle}" ${parentContentType}`,
+            parentContentTitle: translate('Content Parent Title', {
+                contentTitle: parentContentTitle,
+                contentType: parentContentType
+            }),
             animationType
         };
         return set(index, updatedUiSlide, acc);
@@ -320,7 +324,7 @@ export const mapStateToSlidesProps = (state, dispatch, options) => {
             hiddenSteps: showCongrats
         },
         stack: {
-            slides: buildStackSlides(state, dispatch),
+            slides: buildStackSlides(state, dispatch, options),
             validateButton: {
                 label: translate('Validate'),
                 disabled: !get(['ui', 'slide', currentSlideRef, 'validateButton'], state),

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

@@ -0,0 +1,11 @@
+import { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+import type { Skill, ThunkOptions } from '../../types/common';
+export declare const SKILL_FETCH_REQUEST: "@@skill/FETCH_REQUEST";
+export declare const SKILL_FETCH_SUCCESS: "@@skill/FETCH_SUCCESS";
+export declare const SKILL_FETCH_FAILURE: "@@skill/FETCH_FAILURE";
+export declare type ReceivedSkill = {
+    type: typeof SKILL_FETCH_SUCCESS;
+    payload: Skill;
+};
+export declare const fetchSkill: (skillRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => ReceivedSkill;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchSkill = exports.SKILL_FETCH_FAILURE = exports.SKILL_FETCH_SUCCESS = exports.SKILL_FETCH_REQUEST = void 0;
+const get_1 = __importDefault(require("lodash/fp/get"));
+const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
+exports.SKILL_FETCH_REQUEST = '@@skill/FETCH_REQUEST';
+exports.SKILL_FETCH_SUCCESS = '@@skill/FETCH_SUCCESS';
+exports.SKILL_FETCH_FAILURE = '@@skill/FETCH_FAILURE';
+const fetchSkill = (skillRef) => (dispatch, getState, { services }) => {
+    const action = (0, redux_task_1.default)({
+        types: [exports.SKILL_FETCH_REQUEST, exports.SKILL_FETCH_SUCCESS, exports.SKILL_FETCH_FAILURE],
+        task: () => {
+            const state = getState();
+            const token = (0, get_1.default)(['data', 'token'], state);
+            return services.fetchSkill(skillRef, token);
+        }
+    });
+    return dispatch(action);
+};
+exports.fetchSkill = fetchSkill;

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

@@ -7,6 +7,7 @@ exports.postProgression = exports.POST_PROGRESSION_FAILURE = exports.POST_PROGRE
 const redux_task_1 = __importDefault(require("@coorpacademy/redux-task"));
 const get_1 = __importDefault(require("lodash/fp/get"));
 const fetch_slide_1 = require("./fetch-slide");
+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';
@@ -22,6 +23,7 @@ const postProgression = (skillRef) => async (dispatch, getState, { services }) =
         const progression = response.payload;
         const slideRef = progression.state.nextContent.ref;
         await dispatch((0, fetch_slide_1.fetchSlide)(slideRef));
+        await dispatch((0, fetch_skill_1.fetchSkill)(skillRef));
     }
 };
 exports.postProgression = postProgression;

package/lib/views/slides/index.js

@@ -66,7 +66,8 @@ const getCurrentSlideRef = (state) => {
     const content = progression.state.content;
     return content.ref;
 };
-const buildStackSlides = (state, dispatch) => {
+const buildStackSlides = (state, dispatch, options) => {
+    const { translate } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const progression = state.data.progression;
     if (!currentSlideRef || !progression)
@@ -99,7 +100,10 @@ const buildStackSlides = (state, dispatch) => {
             loading: false,
             questionText,
             answerUI,
-            parentContentTitle: `From "${parentContentTitle}" ${parentContentType}`,
+            parentContentTitle: translate('Content Parent Title', {
+                contentTitle: parentContentTitle,
+                contentType: parentContentType
+            }),
             animationType
         };
         return (0, set_1.default)(index, updatedUiSlide, acc);
@@ -327,7 +331,7 @@ const mapStateToSlidesProps = (state, dispatch, options) => {
             hiddenSteps: showCongrats
         },
         stack: {
-            slides: buildStackSlides(state, dispatch),
+            slides: buildStackSlides(state, dispatch, options),
             validateButton: {
                 label: translate('Validate'),
                 disabled: !(0, get_1.default)(['ui', 'slide', currentSlideRef, 'validateButton'], state),

package/locales/en/review.json

@@ -1,6 +1,6 @@
 {
     "Review Title": "Review Mode",
-    "Content Parent Title": "From `{{contentTitle}}` `{{contentType}}`",
+    "Content Parent Title": "From \"{{contentTitle}}\" {{contentType}}",
     "Validate": "Validate",
     "Next Question": "Next Question",
     "KLF": "Key point",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.7.7-alpha.3+672627779",
+  "version": "0.8.0",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -35,9 +35,9 @@
   "main": "lib/index.js",
   "module": "es/index.js",
   "dependencies": {
-    "@coorpacademy/components": "10.27.5-alpha.31+672627779",
+    "@coorpacademy/components": "10.28.0",
     "@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",
@@ -51,7 +51,7 @@
   "devDependencies": {
     "@coorpacademy/css-modules-require-hook": "3.0.0",
     "@coorpacademy/eslint-plugin-coorpacademy": "^11.0.0",
-    "@coorpacademy/webpack-config": "12.0.1-alpha.82+672627779",
+    "@coorpacademy/webpack-config": "12.0.0",
     "@testing-library/react": "^12.1.5",
     "@types/lodash": "^4.14.182",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
@@ -71,5 +71,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "672627779e08919d1070239fbfe425d9353510d1"
+  "gitHead": "469c5b379929740760111811fcf27181d5ba7291"
 }