@coorpacademy/app-review 0.14.5 → 0.15.0

package/es/types/slides.d.ts

@@ -74,5 +74,6 @@ export declare type Template = {
 export declare type AnswerUI = {
     model: QcmDrag | Qcm | QcmGraphic | FreeText | DropDown | QuestionRange | Template;
     help: string;
+    media?: unknown;
 };
 export declare type SlideUIAnimations = 'unstack' | 'restack';

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

@@ -163,13 +163,30 @@ const getAnswerUIModel = (question, answers, dispatch, translate) => {
             throw new Error(`${type} is not an handled question.type`);
     }
 };
+const getMedia = (media) => {
+    if (!media)
+        return;
+    const { type } = media;
+    const resource = get('src.0', media);
+    switch (type) {
+        case 'img':
+        case 'audio':
+            return {
+                ...resource,
+                type,
+                url: get('url', resource)
+            };
+    }
+};
 export const mapApiSlideToUi = (dispatch, translate) => (slide, answers) => {
     const questionText = getOr('', 'question.header', slide);
+    const media = get('question.medias.0', slide);
     return {
         questionText,
         answerUI: {
             model: getAnswerUIModel(slide.question, answers, dispatch, translate),
-            help: getHelp(slide)
+            help: getHelp(slide),
+            media: getMedia(media)
         }
     };
 };

package/lib/types/slides.d.ts

@@ -74,5 +74,6 @@ export declare type Template = {
 export declare type AnswerUI = {
     model: QcmDrag | Qcm | QcmGraphic | FreeText | DropDown | QuestionRange | Template;
     help: string;
+    media?: unknown;
 };
 export declare type SlideUIAnimations = 'unstack' | 'restack';

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

@@ -167,13 +167,30 @@ const getAnswerUIModel = (question, answers, dispatch, translate) => {
             throw new Error(`${type} is not an handled question.type`);
     }
 };
+const getMedia = (media) => {
+    if (!media)
+        return;
+    const { type } = media;
+    const resource = (0, fp_1.get)('src.0', media);
+    switch (type) {
+        case 'img':
+        case 'audio':
+            return {
+                ...resource,
+                type,
+                url: (0, fp_1.get)('url', resource)
+            };
+    }
+};
 const mapApiSlideToUi = (dispatch, translate) => (slide, answers) => {
     const questionText = (0, fp_1.getOr)('', 'question.header', slide);
+    const media = (0, fp_1.get)('question.medias.0', slide);
     return {
         questionText,
         answerUI: {
             model: getAnswerUIModel(slide.question, answers, dispatch, translate),
-            help: getHelp(slide)
+            help: getHelp(slide),
+            media: getMedia(media)
         }
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.14.5",
+  "version": "0.15.0",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -38,8 +38,8 @@
     "@coorpacademy/components": "11.4.3",
     "@coorpacademy/progression-engine": "11.5.3",
     "@coorpacademy/redux-task": "1.1.6",
-    "@coorpacademy/review-services": "1.1.0",
-    "@coorpacademy/review-services-mocks": "1.1.1",
+    "@coorpacademy/review-services": "1.2.0",
+    "@coorpacademy/review-services-mocks": "1.2.0",
     "@coorpacademy/translate": "6.2.0",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
@@ -74,5 +74,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "60d618e1eb1b21e7e3c63ab16c75ecd2b60c1e39"
+  "gitHead": "c27ccb6948548f93b8002440aeae923f171217c3"
 }

package/locales/.mtslconfig.json

@@ -1 +0,0 @@
-{"ignore_dirs":[]}