@coorpacademy/app-review 0.1.16 → 0.1.18

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

@@ -1,75 +1,77 @@
-import { concat, divide, get, getOr, head, includes, indexOf, isEmpty, map, rangeStep, size, toInteger } from 'lodash/fp';
+import { concat, constant, divide, get, getOr, head, includes, indexOf, isEmpty, isNil, map, multiply, pipe, rangeStep, round, set, size, times, toInteger, toString as _toString, __ } from 'lodash/fp';
 import { editAnswer } from '../../actions/ui/answers';
-var qcmProps = function (question) {
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    var answers = [];
-    return {
-        type: 'qcm',
-        answers: map(function (choice) { return ({
-            title: choice.label,
-            selected: includes(choice.label, answers),
-            // TODO: EDIT_CHOICES
-            // eslint-disable-next-line no-console
-            onClick: function () { return console.log('TODO: on choice click'); },
-            ariaLabel: choice.label
-        }); }, 
-        // TODO: EDIT_CHOICES -> getChoices
-        question.content.choices)
+var qcmProps = function (dispatch) {
+    return function (answers, question) {
+        return {
+            type: 'qcm',
+            answers: map(function (choice) {
+                var label = choice.label || '';
+                return {
+                    title: label,
+                    selected: includes(label, answers),
+                    onClick: function () {
+                        dispatch(editAnswer([label]));
+                    },
+                    ariaLabel: choice.label
+                };
+            }, question.content.choices)
+        };
     };
 };
-var qcmDragProps = function (question) {
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    var answers = [];
-    return {
-        type: 'qcmDrag',
-        answers: map(function (choice) {
-            var indexInAnswer = indexOf(choice.label, answers);
-            return {
-                title: choice.label,
-                selected: includes(choice.label, answers),
-                order: indexInAnswer,
-                // TODO: EDIT_CHOICES
-                // eslint-disable-next-line no-console
-                onClick: function () { return console.log('TODO: on choice click'); }
-            };
-            // TODO: EDIT_CHOICES -> getChoices
-        }, question.content.choices)
+var qcmDragProps = function (dispatch) {
+    return function (answers, question) {
+        return {
+            type: 'qcmDrag',
+            answers: map(function (choice) {
+                var label = choice.label || '';
+                var indexInAnswer = indexOf(label, answers);
+                return {
+                    title: label,
+                    selected: includes(label, answers),
+                    order: indexInAnswer,
+                    onClick: function () {
+                        dispatch(editAnswer([label]));
+                    }
+                };
+            }, question.content.choices)
+        };
     };
 };
-var qcmGraphicProps = function (question) {
-    // mock the answers
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    var answers = [];
-    return {
-        type: 'qcmGraphic',
-        answers: map(function (choice) { return ({
-            title: choice.label,
-            image: get('media.src.0.url', choice),
-            selected: includes(choice.label, answers),
-            // TODO: EDIT_CHOICES
-            // eslint-disable-next-line no-console
-            onClick: function () { return console.log('TODO: on choice click'); }
-        }); }, 
-        // TODO: EDIT_CHOICES -> getChoices
-        question.content.choices)
+var qcmGraphicProps = function (dispatch) {
+    return function (answers, question) {
+        return {
+            type: 'qcmGraphic',
+            answers: map(function (choice) {
+                var label = choice.label || '';
+                return {
+                    title: label,
+                    image: get('media.src.0.url', choice),
+                    selected: includes(label, answers),
+                    onClick: function () {
+                        dispatch(editAnswer([label]));
+                    }
+                };
+            }, question.content.choices)
+        };
     };
 };
-var templateTextProps = function (choice, index) {
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    var answers = [];
+var updateTemplateAnswer = function (text, _answers, index, max) {
+    var answers = isEmpty(_answers) ? times(constant(undefined), max) : _answers;
+    return map(function (a) { return (isNil(a) ? '' : a); }, set(index, text, answers));
+};
+var templateTextProps = function (dispatch, answers, choice, index, maxLength) {
     return {
         type: 'text',
         name: getOr('', 'name', choice),
         placeholder: 'Type here',
         value: get(index, answers),
-        // TODO: EDIT_CHOICES
-        // eslint-disable-next-line no-console
-        onChange: function () { return console.log('TODO: on choice change'); }
+        onChange: function (text) {
+            var newAnswers = updateTemplateAnswer(text, answers, index, maxLength);
+            dispatch(editAnswer(newAnswers));
+        }
     };
 };
-var templateSelectProps = function (choice, index) {
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    var answers = [];
+var templateSelectProps = function (dispatch, answers, choice, index, maxLength) {
     var answer = get(index, answers);
     var temporaryOption = {
         name: 'Select an answer',
@@ -89,21 +91,26 @@ var templateSelectProps = function (choice, index) {
     return {
         type: 'select',
         name: getOr('', 'name', choice),
-        // TODO: EDIT_CHOICES
-        // eslint-disable-next-line no-console
-        onChange: function () { return console.log('TODO: on choice change'); },
+        onChange: function (text) {
+            var newAnswers = updateTemplateAnswer(text, answers, index, maxLength);
+            dispatch(editAnswer(newAnswers));
+        },
         options: isEmpty(answer) ? concat([temporaryOption], selectOptions) : selectOptions
     };
 };
-var templateProps = function (question) {
-    // TODO: EDIT_CHOICES -> getChoices
-    var choices = question.content.choices;
-    return {
-        type: 'template',
-        template: get('content.template', question),
-        answers: choices.map(function (choice, index) {
-            return choice.type === 'text' ? templateTextProps(choice, index) : templateSelectProps(choice, index);
-        })
+var templateProps = function (dispatch) {
+    return function (answers, question) {
+        var choices = question.content.choices;
+        var maxLength = size(choices);
+        return {
+            type: 'template',
+            template: get('content.template', question),
+            answers: choices.map(function (choice, index) {
+                return choice.type === 'text'
+                    ? templateTextProps(dispatch, answers, choice, index, maxLength)
+                    : templateSelectProps(dispatch, answers, choice, index, maxLength);
+            })
+        };
     };
 };
 var basicProps = function (dispatch) {
@@ -113,34 +120,34 @@ var basicProps = function (dispatch) {
             placeholder: question.content.placeholder || '',
             value: answers[0] || '',
             onChange: function (text) {
-                // eslint-disable-next-line no-console
-                console.log(text);
-                dispatch(editAnswer(text));
+                dispatch(editAnswer([text]));
             }
         };
     };
 };
-var sliderProps = function (question) {
-    var values = rangeStep(getOr(1, 'content.step', question), get('content.min', question), get('content.max', question) + 1
-    // Lodash doesn't infer the type very well here
-    );
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    var answers = [];
-    var stateValue = head(answers) || question.content.min;
-    var currentValue = toInteger(stateValue);
-    var indexValue = indexOf(currentValue, values);
-    var sliderPosition = divide(indexValue, size(values) - 1);
-    var unitLabel = get('content.unitLabel', question);
-    return {
-        type: 'slider',
-        placeholder: question.explanation,
-        minLabel: "".concat(question.content.min, " ").concat(unitLabel),
-        maxLabel: "".concat(question.content.max, " ").concat(unitLabel),
-        title: "".concat(currentValue, " ").concat(question.content.unitLabel),
-        value: sliderPosition,
-        // TODO: EDIT_CHOICES
-        // eslint-disable-next-line no-console
-        onChange: function () { return console.log('TODO: on choice change'); }
+var sliderProps = function (dispatch) {
+    return function (answers, question) {
+        var values = rangeStep(getOr(1, 'content.step', question), get('content.min', question), get('content.max', question) + 1
+        // Lodash doesn't infer the type very well here
+        );
+        var stateValue = head(answers) || question.content.min;
+        var currentValue = toInteger(stateValue);
+        var indexValue = indexOf(currentValue, values);
+        var maxValue = size(values) - 1;
+        var sliderPosition = divide(indexValue, maxValue);
+        var unitLabel = get('content.unitLabel', question);
+        return {
+            type: 'slider',
+            placeholder: question.explanation,
+            minLabel: "".concat(question.content.min, " ").concat(unitLabel),
+            maxLabel: "".concat(question.content.max, " ").concat(unitLabel),
+            title: "".concat(currentValue, " ").concat(question.content.unitLabel),
+            value: sliderPosition,
+            onChange: function (position) {
+                var newValue = pipe(multiply(maxValue), round, get(__, values), _toString)(position);
+                dispatch(editAnswer([newValue]));
+            }
+        };
     };
 };
 export var getQuestionType = function (question) { return question.type; };
@@ -149,17 +156,17 @@ var getAnswerUIModel = function (question, answers, dispatch) {
     var type = getQuestionType(question);
     switch (type) {
         case 'qcm':
-            return qcmProps(question);
+            return qcmProps(dispatch)(answers, question);
         case 'qcmGraphic':
-            return qcmGraphicProps(question);
+            return qcmGraphicProps(dispatch)(answers, question);
         case 'qcmDrag':
-            return qcmDragProps(question);
+            return qcmDragProps(dispatch)(answers, question);
         case 'basic':
             return basicProps(dispatch)(answers, question);
         case 'template':
-            return templateProps(question);
+            return templateProps(dispatch)(answers, question);
         case 'slider':
-            return sliderProps(question);
+            return sliderProps(dispatch)(answers, question);
         default:
             throw new Error("".concat(type, " is not an handled question.type"));
     }

package/lib/views/slides/test/fixtures/free-text.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const freeTextSlide: SlideFromAPI;
 export declare const freeTextUISlide: Partial<UISlide>;

package/lib/views/slides/test/fixtures/qcm-drag.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const qcmDragSlide: SlideFromAPI;
 export declare const qcmDragUISlide: Partial<UISlide>;

package/lib/views/slides/test/fixtures/qcm-graphic.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const qcmGraphicSlide: SlideFromAPI;
 export declare const qcmGraphicUISlide: Partial<UISlide>;

package/lib/views/slides/test/fixtures/qcm.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const qcmSlide: SlideFromAPI;
 export declare const qcmUISlide: Partial<UISlide>;

package/lib/views/slides/test/fixtures/slider.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const sliderSlide: SlideFromAPI;
 export declare const sliderUISlide: Partial<UISlide>;

package/lib/views/slides/test/fixtures/template.d.ts

@@ -0,0 +1,4 @@
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
+export declare const templateSlide: SlideFromAPI;
+export declare const templateUISlide: Partial<UISlide>;

package/{es/views/slides/test/fixtures/select-template.js → lib/views/slides/test/fixtures/template.js}

@@ -1,8 +1,8 @@
 import noop from 'lodash/fp/noop';
-export const selectTemplateSlide = {
+export var templateSlide = {
     question: {
         content: {
-            template: 'La vue {{sel80495}} présente la liste des utilisateurs ayant le plus grand nombre d’étoiles cumulées.',
+            template: 'La vue {{sel80495}} présente la liste des   {{inp58402}}   ayant le plus grand nombre d’{{sel80496}} cumulées.',
             choices: [
                 {
                     items: [
@@ -30,6 +30,45 @@ export const selectTemplateSlide = {
                     _id: '5b57464e3b594d002e8829f3',
                     name: 'sel80495',
                     type: 'select'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62433c2c58920f02c4950de0',
+                    type: 'text',
+                    name: 'inp58402',
+                    id: '62433c2c58920f02c4950de0'
+                },
+                {
+                    items: [
+                        {
+                            _id: '5b57464e3b594d002e8829f7',
+                            value: 'sli_N13-hG3kX.choice_NJgC3aznJm',
+                            text: 'étoiles'
+                        },
+                        {
+                            _id: '5b57464e3b594d002e8829f6',
+                            value: 'sli_N13-hG3kX.choice_EJZ02aMny7',
+                            text: 'idées'
+                        },
+                        {
+                            _id: '5b57464e3b594d002e8829f5',
+                            value: 'sli_N13-hG3kX.choice_4keCaf21Q',
+                            text: 'envies'
+                        },
+                        {
+                            _id: '5b57464e3b594d002e8829f4',
+                            value: 'sli_N13-hG3kX.choice_NkbJAMn17',
+                            text: 'images'
+                        }
+                    ],
+                    _id: '5b57464e3b594d002e8829f3',
+                    name: 'sel80496',
+                    type: 'select'
                 }
             ]
         },
@@ -46,13 +85,13 @@ export const selectTemplateSlide = {
         type: 'course'
     }
 };
-export const selectTemplateUISlide = {
+export var templateUISlide = {
     questionText: 'Complétez la phrase ci-dessous.',
     answerUI: {
         help: 'Saisissez votre réponse ou sélectionnez la bonne réponse dans le(s) menu(s) déroulant(s).',
         model: {
             type: 'template',
-            template: 'La vue {{sel80495}} présente la liste des utilisateurs ayant le plus grand nombre d’étoiles cumulées.',
+            template: 'La vue {{sel80495}} présente la liste des   {{inp58402}}   ayant le plus grand nombre d’{{sel80496}} cumulées.',
             answers: [
                 {
                     type: 'select',
@@ -85,6 +124,45 @@ export const selectTemplateUISlide = {
                             selected: false
                         }
                     ]
+                },
+                {
+                    type: 'text',
+                    name: 'inp58402',
+                    placeholder: 'Type here',
+                    value: undefined,
+                    onChange: noop
+                },
+                {
+                    type: 'select',
+                    name: 'sel80496',
+                    onChange: noop,
+                    options: [
+                        { name: 'Select an answer', value: '', validOption: false, selected: true },
+                        {
+                            name: 'étoiles',
+                            value: 'étoiles',
+                            validOption: true,
+                            selected: false
+                        },
+                        {
+                            name: 'idées',
+                            value: 'idées',
+                            validOption: true,
+                            selected: false
+                        },
+                        {
+                            name: 'envies',
+                            value: 'envies',
+                            validOption: true,
+                            selected: false
+                        },
+                        {
+                            name: 'images',
+                            value: 'images',
+                            validOption: true,
+                            selected: false
+                        }
+                    ]
                 }
             ]
         }

package/lib/views/slides/test/index.test.d.ts

@@ -0,0 +1 @@
+export {};