@coorpacademy/app-review 0.14.4 → 0.14.5-alpha.8

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

@@ -18,4 +18,4 @@ export declare type ReceivedSlide = {
         slideRef: string;
     };
 };
-export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;
+export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services, appendVideoOptions }: ThunkOptions) => Promise<void>;

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

@@ -6,7 +6,7 @@ import { setCurrentSlide } from '../ui/slides';
 export const SLIDE_FETCH_REQUEST = '@@slides/FETCH_REQUEST';
 export const SLIDE_FETCH_SUCCESS = '@@slides/FETCH_SUCCESS';
 export const SLIDE_FETCH_FAILURE = '@@slides/FETCH_FAILURE';
-export const fetchSlide = (slideRef) => async (dispatch, getState, { services }) => {
+export const fetchSlide = (slideRef) => async (dispatch, getState, { services, appendVideoOptions }) => {
     const action = buildTask({
         types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
         bailout: (state) => {
@@ -25,6 +25,11 @@ export const fetchSlide = (slideRef) => async (dispatch, getState, { services })
         const state = getState();
         const slides = get('data.progression.state.slides', state);
         if (isEmpty(slides)) {
+            const slideMedia = get('question.medias.0', slideFromAPI);
+            if (slideMedia && slideMedia.type === 'video') {
+                const props = (await appendVideoOptions(slideMedia));
+                slideFromAPI.question.medias = [props];
+            }
             dispatch(setCurrentSlide(slideFromAPI));
         }
     }

package/es/configure-store.js

@@ -12,7 +12,8 @@ export default function configureStore(options) {
         : compose;
     const thunkOptions = {
         services: options.services || getServices(),
-        callbackOnViewChanged: options.callbackOnViewChanged
+        callbackOnViewChanged: options.callbackOnViewChanged,
+        appendVideoOptions: options.appendVideoOptions
     };
     const thunkMiddleware = thunk.withExtraArgument(thunkOptions);
     const enhancer = _compose(applyMiddleware(thunkMiddleware));

package/es/types/common.d.ts

@@ -1,4 +1,4 @@
-import type { Services } from '@coorpacademy/review-services';
+import type { Services, VideoMedia } from '@coorpacademy/review-services';
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
@@ -21,9 +21,11 @@ export declare type AppOptions = ConnectedOptions & {
     skillRef?: string;
     services?: Services;
     callbackOnViewChanged?: (viewName: ViewName) => void;
+    appendVideoOptions: (media: VideoMedia) => Promise<unknown>;
 };
 export declare type ThunkOptions = {
     callbackOnViewChanged?: AppOptions['callbackOnViewChanged'];
+    appendVideoOptions: (media: VideoMedia) => Promise<unknown>;
     services: Services;
 };
 export declare type Options = {

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,35 @@ 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)
+            };
+        case 'video':
+            return {
+                ...resource,
+                type
+            };
+    }
+};
 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/actions/api/fetch-slide.d.ts

@@ -18,4 +18,4 @@ export declare type ReceivedSlide = {
         slideRef: string;
     };
 };
-export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services }: ThunkOptions) => Promise<void>;
+export declare const fetchSlide: (slideRef: string) => (dispatch: Dispatch, getState: () => StoreState, { services, appendVideoOptions }: ThunkOptions) => Promise<void>;

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

@@ -12,7 +12,7 @@ const slides_1 = require("../ui/slides");
 exports.SLIDE_FETCH_REQUEST = '@@slides/FETCH_REQUEST';
 exports.SLIDE_FETCH_SUCCESS = '@@slides/FETCH_SUCCESS';
 exports.SLIDE_FETCH_FAILURE = '@@slides/FETCH_FAILURE';
-const fetchSlide = (slideRef) => async (dispatch, getState, { services }) => {
+const fetchSlide = (slideRef) => async (dispatch, getState, { services, appendVideoOptions }) => {
     const action = (0, redux_task_1.default)({
         types: [exports.SLIDE_FETCH_REQUEST, exports.SLIDE_FETCH_SUCCESS, exports.SLIDE_FETCH_FAILURE],
         bailout: (state) => {
@@ -31,6 +31,11 @@ const fetchSlide = (slideRef) => async (dispatch, getState, { services }) => {
         const state = getState();
         const slides = (0, get_1.default)('data.progression.state.slides', state);
         if ((0, isEmpty_1.default)(slides)) {
+            const slideMedia = (0, get_1.default)('question.medias.0', slideFromAPI);
+            if (slideMedia && slideMedia.type === 'video') {
+                const props = (await appendVideoOptions(slideMedia));
+                slideFromAPI.question.medias = [props];
+            }
             dispatch((0, slides_1.setCurrentSlide)(slideFromAPI));
         }
     }

package/lib/configure-store.js

@@ -17,7 +17,8 @@ function configureStore(options) {
         : redux_1.compose;
     const thunkOptions = {
         services: options.services || (0, review_services_1.getServices)(),
-        callbackOnViewChanged: options.callbackOnViewChanged
+        callbackOnViewChanged: options.callbackOnViewChanged,
+        appendVideoOptions: options.appendVideoOptions
     };
     const thunkMiddleware = redux_thunk_1.default.withExtraArgument(thunkOptions);
     const enhancer = _compose((0, redux_1.applyMiddleware)(thunkMiddleware));

package/lib/types/common.d.ts

@@ -1,4 +1,4 @@
-import type { Services } from '@coorpacademy/review-services';
+import type { Services, VideoMedia } from '@coorpacademy/review-services';
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
@@ -21,9 +21,11 @@ export declare type AppOptions = ConnectedOptions & {
     skillRef?: string;
     services?: Services;
     callbackOnViewChanged?: (viewName: ViewName) => void;
+    appendVideoOptions: (media: VideoMedia) => Promise<unknown>;
 };
 export declare type ThunkOptions = {
     callbackOnViewChanged?: AppOptions['callbackOnViewChanged'];
+    appendVideoOptions: (media: VideoMedia) => Promise<unknown>;
     services: Services;
 };
 export declare type Options = {

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,35 @@ 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)
+            };
+        case 'video':
+            return {
+                ...resource,
+                type
+            };
+    }
+};
 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.4",
+  "version": "0.14.5-alpha.8+e51b2ed20",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -74,5 +74,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "9d748ee6196fddfbfffb22378a95754537ec933b"
+  "gitHead": "e51b2ed20cb6feaf177a880600a10e922208e6e0"
 }