@coorpacademy/app-review 0.1.8 → 0.1.10

package/lib/fixtures/qcm-slide.js

@@ -5,7 +5,7 @@ export var slide = {
         help: '__help',
         model: {
             type: 'qcm',
-            choices: [
+            answers: [
                 {
                     selected: false,
                     title: 'choix1',

package/lib/helpers/map-api-slide-to-ui.d.ts

@@ -0,0 +1,8 @@
+import { AnswerUI } from '../types/slides';
+import { SlideFromAPI } from '../types/common';
+declare type UiUtils = {
+    translate: (text: string) => string;
+};
+export declare const getQuestionType: (slide: SlideFromAPI) => SlideFromAPI['question']['type'];
+export declare const mapApiSlideToUi: (uiUtils: UiUtils) => (slide: SlideFromAPI) => AnswerUI['model'] | void;
+export {};

package/lib/helpers/map-api-slide-to-ui.js

@@ -0,0 +1,181 @@
+import { concat, divide, get, getOr, head, includes, indexOf, isEmpty, map, noop, pipe, rangeStep, size, toInteger } from 'lodash/fp';
+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
+            onClick: noop,
+            ariaLabel: choice.label
+        }); }, 
+        // TODO: EDIT_CHOICES -> getChoices
+        question.content.choices)
+    };
+};
+var qcmDragProps = function (question) {
+    // mock the answers
+    // TODO: EDIT_CHOICES -> getAnswerValues
+    var answers = [];
+    return {
+        type: 'qcmDrag',
+        answers: map(function (choice) {
+            var indexInAnswer = indexOf(choice.label, answers);
+            return {
+                title: choice.label,
+                selected: indexInAnswer !== -1,
+                order: indexInAnswer,
+                // TODO: EDIT_CHOICES
+                onClick: noop
+            };
+            // TODO: EDIT_CHOICES -> getChoices
+        }, 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
+            onClick: noop
+        }); }, 
+        // TODO: EDIT_CHOICES -> getChoices
+        question.content.choices)
+    };
+};
+var templateTextProps = function (uiUtils) {
+    return function (choice, index) {
+        var translate = uiUtils.translate;
+        // TODO: EDIT_CHOICES -> getAnswerValues
+        var answers = [];
+        return {
+            type: 'text',
+            name: getOr('', 'name', choice),
+            placeholder: translate('Type here'),
+            value: get(index, answers),
+            // TODO: EDIT_CHOICES
+            onChange: noop
+        };
+    };
+};
+// const getItemText = (item: ChoiceFromAPI['items'][0]): item['text'] is string =>
+var templateSelectProps = function (uiUtils) {
+    return function (choice, index) {
+        var translate = uiUtils.translate;
+        // TODO: EDIT_CHOICES -> getAnswerValues
+        var answers = [];
+        var answer = get(index, answers);
+        var temporaryOption = {
+            name: translate('Select an answer'),
+            value: '',
+            validOption: false,
+            selected: true
+        };
+        var selectOptions = choice.items.map(function (item) {
+            var itemText = getOr('', 'text', item);
+            return {
+                name: itemText,
+                value: itemText,
+                validOption: true,
+                selected: itemText === answer
+            };
+        });
+        return {
+            type: 'select',
+            name: getOr('', 'name', choice),
+            // TODO: EDIT_CHOICES
+            onChange: noop,
+            options: isEmpty(answer) ? concat([temporaryOption], selectOptions) : selectOptions
+        };
+    };
+};
+var templateProps = function (uiUtils) {
+    var templateTextProps_ = templateTextProps(uiUtils);
+    var templateSelectProps_ = templateSelectProps(uiUtils);
+    return 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 basicProps = function (uiUtils) {
+    var translate = uiUtils.translate;
+    // TODO: EDIT_CHOICES -> getAnswerValues
+    var answers = [];
+    return function () {
+        return {
+            type: 'freeText',
+            placeholder: translate('Type here'),
+            value: head(answers),
+            // TODO: EDIT_CHOICES
+            onChange: noop
+        };
+    };
+};
+var sliderProps = function (question) {
+    var values = rangeStep(getOr(1, 'content.step', question), getOr(Number.NaN, 'content.min', question), getOr(Number.NaN, 'content.max', question) + 1
+    // Lodash doesn't infere the type very well here
+    );
+    // TODO: EDIT_CHOICES -> getAnswerValues
+    var answers = [];
+    var stateValue = head(answers);
+    var currentValue = toInteger(stateValue);
+    var indexValue = indexOf(currentValue, values);
+    var sliderPosition = divide(indexValue, size(values) - 1);
+    var unitLabel = get('question.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
+        onChange: noop
+    };
+};
+export var getQuestionType = function (slide) {
+    return slide.question.type;
+};
+export var mapApiSlideToUi = function (uiUtils) {
+    var basicProps_ = basicProps(uiUtils);
+    var templateProps_ = templateProps(uiUtils);
+    return function (slide) {
+        if (!slide) {
+            return;
+        }
+        var type = getQuestionType(slide);
+        switch (type) {
+            case 'qcm':
+                return pipe(get('question'), qcmProps)(slide);
+            case 'qcmGraphic':
+                return pipe(get('question'), qcmGraphicProps)(slide);
+            case 'qcmDrag':
+                return pipe(get('question'), qcmDragProps)(slide);
+            case 'basic':
+                return basicProps_();
+            case 'template':
+                return pipe(get('question'), templateProps_)(slide);
+            case 'slider':
+                return pipe(get('question'), sliderProps)(slide);
+            default:
+                throw new Error("".concat(type, " is not an handled question.type"));
+        }
+    };
+};

package/lib/helpers/test/fixtures/free-text.d.ts

@@ -0,0 +1,4 @@
+import { FreeText } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const freeTextSlide: SlideFromAPI;
+export declare const freeTextUISlide: FreeText;

package/lib/helpers/test/fixtures/free-text.js

@@ -0,0 +1,24 @@
+import noop from 'lodash/fp/noop';
+export var freeTextSlide = {
+    id: 'sli_E1Pcl-XAYbi',
+    universalRef: 'sli_E1Pcl-XAYbi',
+    question: {
+        type: 'basic',
+        header: 'sli_E1Pcl-XAYbi.header',
+        explanation: 'sli_E1Pcl-XAYbi.explanation',
+        content: {
+            label: 'sli_E1Pcl-XAYbi.label',
+            placeholder: 'sli_E1Pcl-XAYbi.placeholder',
+            id: 'sli_E1Pcl-XAYbi.choice_1'
+        }
+    },
+    clue: 'sli_E1Pcl-XAYbi.clue',
+    klf: 'sli_E1Pcl-XAYbi.klf',
+    tips: 'sli_E1Pcl-XAYbi.tips'
+};
+export var freeTextUISlide = {
+    type: 'freeText',
+    placeholder: 'Type here',
+    value: undefined,
+    onChange: noop
+};

package/lib/helpers/test/fixtures/qcm-drag.d.ts

@@ -0,0 +1,4 @@
+import { QcmDrag } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const qcmDragSlide: SlideFromAPI;
+export declare const qcmDragUISlide: QcmDrag;

package/lib/helpers/test/fixtures/qcm-drag.js

@@ -0,0 +1,106 @@
+import noop from 'lodash/fp/noop';
+export var qcmDragSlide = {
+    id: 'sli_419IlQQnf',
+    universalRef: 'sli_419IlQQnf',
+    question: {
+        type: 'qcmDrag',
+        header: 'sli_419IlQQnf.header',
+        explanation: 'sli_419IlQQnf.explanation',
+        content: {
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212571',
+                    label: 'sli_419IlQQnf.choice_4kWwlQXhG',
+                    value: 'sli_419IlQQnf.choice_4kWwlQXhG',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212572',
+                    label: 'sli_419IlQQnf.choice_NJxbwgXm2G',
+                    value: 'sli_419IlQQnf.choice_NJxbwgXm2G',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212573',
+                    label: 'sli_419IlQQnf.choice_41fwgQXnf',
+                    value: 'sli_419IlQQnf.choice_41fwgQXnf',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212574',
+                    label: 'sli_419IlQQnf.choice_VJmweQ7nz',
+                    value: 'sli_419IlQQnf.choice_VJmweQ7nz',
+                    items: []
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '62b1ba3ec4f4015504212575',
+                    label: 'sli_419IlQQnf.choice_4kDDgXQhz',
+                    value: 'sli_419IlQQnf.choice_4kDDgXQhz',
+                    items: []
+                }
+            ]
+        }
+    },
+    klf: 'sli_419IlQQnf.klf',
+    tips: 'sli_419IlQQnf.tips'
+};
+export var qcmDragUISlide = {
+    type: 'qcmDrag',
+    answers: [
+        {
+            title: 'sli_419IlQQnf.choice_4kWwlQXhG',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_NJxbwgXm2G',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_41fwgQXnf',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_VJmweQ7nz',
+            selected: false,
+            order: -1,
+            onClick: noop
+        },
+        {
+            title: 'sli_419IlQQnf.choice_4kDDgXQhz',
+            selected: false,
+            order: -1,
+            onClick: noop
+        }
+    ]
+};

package/lib/helpers/test/fixtures/qcm-graphic.d.ts

@@ -0,0 +1,4 @@
+import { QcmGraphic } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const qcmGraphicSlide: SlideFromAPI;
+export declare const qcmGraphicUISlide: QcmGraphic;

package/lib/helpers/test/fixtures/qcm-graphic.js

@@ -0,0 +1,70 @@
+import noop from 'lodash/fp/noop';
+export var qcmGraphicSlide = {
+    id: 'sli_41~RSVclH',
+    universalRef: 'sli_41~RSVclH',
+    question: {
+        type: 'qcmGraphic',
+        header: 'sli_41~RSVclH.header',
+        explanation: 'sli_41~RSVclH.explanation',
+        content: {
+            choices: [
+                {
+                    media: {
+                        type: 'img',
+                        src: [
+                            {
+                                _id: '5fdce726359bf4003ee66997',
+                                mimeType: 'image/png',
+                                url: 'med_4JVRrE5gH.mediaUrl_VkBtUV9gB'
+                            }
+                        ],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '5fdce726359bf4003ee66996',
+                    label: 'sli_41~RSVclH.choice_V1gN0r4qgS',
+                    value: 'sli_41~RSVclH.choice_V1gN0r4qgS',
+                    items: []
+                },
+                {
+                    media: {
+                        type: 'img',
+                        src: [
+                            {
+                                _id: '5fdce726359bf4003ee66999',
+                                mimeType: 'image/png',
+                                url: 'med_Ek8gIEqxB.mediaUrl_EkcFUEclH'
+                            }
+                        ],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '5fdce726359bf4003ee66998',
+                    label: 'sli_41~RSVclH.choice_4JlLeLE5lS',
+                    value: 'sli_41~RSVclH.choice_4JlLeLE5lS',
+                    items: []
+                }
+            ]
+        }
+    },
+    clue: 'sli_41~RSVclH.clue',
+    klf: 'sli_41~RSVclH.klf',
+    tips: 'sli_41~RSVclH.tips'
+};
+export var qcmGraphicUISlide = {
+    type: 'qcmGraphic',
+    answers: [
+        {
+            title: 'sli_41~RSVclH.choice_V1gN0r4qgS',
+            image: 'med_4JVRrE5gH.mediaUrl_VkBtUV9gB',
+            selected: false,
+            onClick: noop
+        },
+        {
+            title: 'sli_41~RSVclH.choice_4JlLeLE5lS',
+            image: 'med_Ek8gIEqxB.mediaUrl_EkcFUEclH',
+            selected: false,
+            onClick: noop
+        }
+    ]
+};

package/lib/helpers/test/fixtures/qcm.d.ts

@@ -0,0 +1,4 @@
+import { Qcm } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const qcmSlide: SlideFromAPI;
+export declare const qcmUISlide: Qcm;

package/lib/helpers/test/fixtures/qcm.js

@@ -0,0 +1,99 @@
+import noop from 'lodash/fp/noop';
+export var qcmSlide = {
+    question: {
+        content: {
+            media: {
+                src: [],
+                posters: [],
+                subtitles: []
+            },
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e759',
+                    label: 'Le créateur peut fixer un pourcentage pour chaque transaction future',
+                    value: 'sli_N1XACJobn.choice_4JjaSesZh',
+                    id: '62c853412d0f9b088718e759'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e75a',
+                    label: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente",
+                    value: 'sli_N1XACJobn.choice_Ny78UlsWh',
+                    id: '62c853412d0f9b088718e75a'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e75b',
+                    label: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
+                    value: 'sli_N1XACJobn.choice_Eypt8esW2',
+                    id: '62c853412d0f9b088718e75b'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '62c853412d0f9b088718e75c',
+                    label: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission",
+                    value: 'sli_N1XACJobn.choice_VyS3LxjZh',
+                    id: '62c853412d0f9b088718e75c'
+                }
+            ]
+        },
+        type: 'qcm',
+        header: "Après la vente d'un NFT, son créateur peut-il toucher de l'argent ?",
+        explanation: 'Sélectionnez la bonne réponse.'
+    },
+    klf: 'Si vous êtes le créateur d’un NFT, vous pouvez choisir le pourcentage de commission pour chaque transaction de votre NFT.  Certains choisissent de ne rien toucher pour fluidifier le marché.',
+    tips: 'En 2021, le média en ligne Numerama a créé un NFT vendu aux enchères sur OpenSea. Sur cette plateforme, il est obligatoire de mettre un prix de réserve, autrement dit un prix minimum au-dessous duquel la vente ne sera pas automatiquement acceptée. Sur OpenSea il ne peut être inférieur à 1 ETH. Si le prix de réserve est atteint, pas de problème, les "gas fees" (les frais de gaz) sont couverts par OpenSea. Mais, si ce n’est pas le cas, c’est au vendeur de s’en acquitter. <br/>Le NFT en question est parti à 0,021 ETH, soit 40€ au cours de l\'époque, un prix inférieur au prix de réserve. Numerama a dû acquitter des frais de gaz, et payer 190 €. <br/>Avec les NFT, on ne gagne pas à tous les coups.',
+    universalRef: 'sli_N1XACJobn',
+    hasClue: true,
+    id: 'sli_N1XACJobn'
+};
+export var qcmUISlide = {
+    type: 'qcm',
+    answers: [
+        {
+            title: 'Le créateur peut fixer un pourcentage pour chaque transaction future',
+            selected: false,
+            onClick: noop,
+            ariaLabel: 'Le créateur peut fixer un pourcentage pour chaque transaction future'
+        },
+        {
+            title: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente",
+            selected: false,
+            onClick: noop,
+            ariaLabel: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
+        },
+        {
+            title: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
+            selected: false,
+            onClick: noop,
+            ariaLabel: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT"
+        },
+        {
+            title: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission",
+            selected: false,
+            onClick: noop,
+            ariaLabel: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission"
+        }
+    ]
+};

package/lib/helpers/test/fixtures/select-template.d.ts

@@ -0,0 +1,4 @@
+import { Template } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const selectTemplateSlide: SlideFromAPI;
+export declare const selectTemplateUISlide: Template;

package/lib/helpers/test/fixtures/select-template.js

@@ -0,0 +1,88 @@
+import noop from 'lodash/fp/noop';
+export var selectTemplateSlide = {
+    id: 'sli_410xZQxrZ',
+    universalRef: 'sli_410xZQxrZ',
+    question: {
+        type: 'template',
+        header: 'sli_410xZQxrZ.header',
+        explanation: 'sli_410xZQxrZ.explanation',
+        content: {
+            template: 'sli_410xZQxrZ.template',
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    _id: '5fdce726359bf4003ee66967',
+                    type: 'select',
+                    name: 'sel36665',
+                    items: [
+                        {
+                            _id: '5fdce726359bf4003ee66968',
+                            text: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                            value: 'sli_410xZQxrZ.choice_4yeA4Z7lr~'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee66969',
+                            text: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                            value: 'sli_410xZQxrZ.choice_VJWCN~mgB~'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee6696a',
+                            text: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                            value: 'sli_410xZQxrZ.choice_VkaH~XgBb'
+                        },
+                        {
+                            _id: '5fdce726359bf4003ee6696b',
+                            text: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                            value: 'sli_410xZQxrZ.choice_E1uUWXeBb'
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    clue: 'sli_410xZQxrZ.clue',
+    klf: 'sli_410xZQxrZ.klf',
+    tips: 'sli_410xZQxrZ.tips'
+};
+export var selectTemplateUISlide = {
+    type: 'template',
+    template: 'sli_410xZQxrZ.template',
+    answers: [
+        {
+            type: 'select',
+            name: 'sel36665',
+            onChange: noop,
+            options: [
+                { name: 'Select an answer', value: '', validOption: false, selected: true },
+                {
+                    name: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                    value: 'sli_410xZQxrZ.choice_4yeA4Z7lr~',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                    value: 'sli_410xZQxrZ.choice_VJWCN~mgB~',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                    value: 'sli_410xZQxrZ.choice_VkaH~XgBb',
+                    validOption: true,
+                    selected: false
+                },
+                {
+                    name: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                    value: 'sli_410xZQxrZ.choice_E1uUWXeBb',
+                    validOption: true,
+                    selected: false
+                }
+            ]
+        }
+    ]
+};

package/lib/helpers/test/fixtures/slider.d.ts

@@ -0,0 +1,4 @@
+import { QuestionRange } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const sliderSlide: SlideFromAPI;
+export declare const sliderUISlide: QuestionRange;

package/lib/helpers/test/fixtures/slider.js

@@ -0,0 +1,27 @@
+import noop from 'lodash/fp/noop';
+export var sliderSlide = {
+    id: 'sli_41D5AovN~',
+    universalRef: 'sli_41D5AovN~',
+    question: {
+        type: 'slider',
+        header: 'sli_41D5AovN~.header',
+        explanation: 'sli_41D5AovN~.explanation',
+        content: {
+            min: 1,
+            max: 10,
+            unitLabel: 'sli_41D5AovN~.unitLabel'
+        }
+    },
+    clue: 'sli_41D5AovN~.clue',
+    klf: 'sli_41D5AovN~.klf',
+    tips: 'sli_41D5AovN~.tips'
+};
+export var sliderUISlide = {
+    type: 'slider',
+    placeholder: 'sli_41D5AovN~.explanation',
+    minLabel: '1 undefined',
+    maxLabel: '10 undefined',
+    title: '0 sli_41D5AovN~.unitLabel',
+    value: -0.1111111111111111,
+    onChange: noop
+};

package/lib/helpers/test/fixtures/text-template.d.ts

@@ -0,0 +1,4 @@
+import { Template } from '../../../types/slides';
+import { SlideFromAPI } from '../../../types/common';
+export declare const textTemplateSlide: SlideFromAPI;
+export declare const textTemplateUISlide: Template;