@coorpacademy/app-review 0.1.15 → 0.1.16

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

@@ -1,94 +0,0 @@
-import noop from 'lodash/fp/noop';
-export const 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 const selectTemplateUISlide = {
-    questionText: 'sli_410xZQxrZ.header',
-    answerUI: {
-        help: 'sli_410xZQxrZ.explanation',
-        model: {
-            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/es/helpers/test/fixtures/slider.js

@@ -1,33 +0,0 @@
-import noop from 'lodash/fp/noop';
-export const 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 const sliderUISlide = {
-    questionText: 'sli_41D5AovN~.header',
-    answerUI: {
-        help: 'sli_41D5AovN~.explanation',
-        model: {
-            type: 'slider',
-            placeholder: 'sli_41D5AovN~.explanation',
-            minLabel: '1 undefined',
-            maxLabel: '10 undefined',
-            title: '0 sli_41D5AovN~.unitLabel',
-            value: -0.1111111111111111,
-            onChange: noop
-        }
-    }
-};

package/es/reducers/ui/slides.d.ts

@@ -1,9 +0,0 @@
-import type { UISlide } from '../../types/common';
-import { SlideIndexes } from '../../common';
-import { UISlidesAction } from '../../actions/ui/slides';
-export declare type UISlidesState = {
-    [key in SlideIndexes]: UISlide;
-};
-export declare const initialState: UISlidesState;
-declare const reducer: (state: UISlidesState | undefined, action: UISlidesAction) => UISlidesState;
-export default reducer;

package/es/reducers/ui/slides.js

@@ -1,42 +0,0 @@
-import pipe from 'lodash/fp/pipe';
-import set from 'lodash/fp/set';
-import { mapApiSlideToUi } from '../../helpers/map-api-slide-to-ui';
-import { SET_CURRENT_SLIDE } from '../../actions/ui/slides';
-export const initialState = {
-    '0': {
-        hidden: false,
-        position: 0
-    },
-    '1': {
-        hidden: false,
-        position: 1
-    },
-    '2': {
-        hidden: false,
-        position: 2
-    },
-    '3': {
-        hidden: false,
-        position: 3
-    },
-    '4': {
-        hidden: false,
-        position: 4
-    }
-};
-const setFirstSlide = (state, slideFromAPI) => {
-    const { questionText, answerUI } = mapApiSlideToUi({ translate: (text) => text })(slideFromAPI);
-    return pipe(set(['0', 'questionText'], questionText), set(['0', 'answerUI'], answerUI), set(['0', 'parentContentTitle'], 'Parent Title') // TODO parentContentTitle + translate
-    )(state);
-};
-// eslint-disable-next-line default-param-last
-const reducer = (state = initialState, action) => {
-    switch (action.type) {
-        case SET_CURRENT_SLIDE: {
-            return setFirstSlide(state, action.payload);
-        }
-        default:
-            return state;
-    }
-};
-export default reducer;

package/es/types/views/slides.d.ts

@@ -1,74 +0,0 @@
-import type { StoreState } from '../../reducers';
-import { Dispatchers } from '../../actions';
-declare const ICON_VALUES: {
-    readonly right: "right";
-    readonly wrong: "wrong";
-    readonly 'no-answer': "no-answer";
-};
-declare type IconValue = keyof typeof ICON_VALUES;
-declare type StepItem = {
-    current: boolean;
-    icon: IconValue;
-    value: string;
-};
-declare type CorrectionPopinProps = {
-    klf: {
-        label: string;
-        onClick: Function;
-        tooltip: string;
-    };
-    information: {
-        label: string;
-        message: string;
-    };
-    next: {
-        label: string;
-        ariaLabel: string;
-    };
-    successLabel: string;
-    failureLabel: string;
-};
-declare type SlidesViewStaticProps = {
-    header: {
-        mode: string;
-        skillName: string;
-        onQuitClick: Function;
-        'aria-label'?: string;
-        closeButtonAriaLabel: string;
-        steps: StepItem[];
-    };
-    stack: {
-        slides: StoreState['ui']['slides'];
-        validateButton: {
-            label: string;
-            disabled: boolean;
-            onClick: Function;
-        };
-        correctionPopinProps?: CorrectionPopinProps;
-        endReview: boolean;
-    };
-    reviewBackgroundAriaLabel?: string;
-    congratsProps?: {
-        'aria-label'?: string;
-        'data-name'?: string;
-        animationLottie: any;
-        title: string;
-        cardCongratsStar: any;
-        cardCongratsRank: any;
-        buttonRevising: {
-            'aria-label'?: string;
-            label: string;
-            onClick: Function;
-            type: string;
-        };
-        buttonRevisingSkill: {
-            'aria-label'?: string;
-            label: string;
-            onClick: Function;
-            type: string;
-        };
-    };
-};
-declare type SlidesViewDispatcherProps = Omit<Dispatchers, 'navigateTo' | 'navigateBack'>;
-declare type SlidesViewProps = SlidesViewStaticProps & SlidesViewDispatcherProps;
-export { CorrectionPopinProps, IconValue, SlidesViewStaticProps, SlidesViewDispatcherProps, SlidesViewProps, StepItem };

package/es/types/views/slides.js

@@ -1,6 +0,0 @@
-const ICON_VALUES = {
-    right: 'right',
-    wrong: 'wrong',
-    'no-answer': 'no-answer'
-};
-export {};

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

@@ -1,11 +0,0 @@
-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) => {
-    questionText: string;
-    answerUI: AnswerUI;
-};
-export {};

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

@@ -1,201 +0,0 @@
-import { concat, divide, get, getOr, head, includes, indexOf, isEmpty, map, 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
-            // 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 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: indexInAnswer !== -1,
-                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 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 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
-            // eslint-disable-next-line no-console
-            onChange: function () { return console.log('TODO: on choice change'); }
-        };
-    };
-};
-// 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
-            // eslint-disable-next-line no-console
-            onChange: function () { return console.log('TODO: on choice change'); },
-            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
-            // eslint-disable-next-line no-console
-            onChange: function () { return console.log('TODO: on choice change'); }
-        };
-    };
-};
-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 infer 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
-        // eslint-disable-next-line no-console
-        onChange: function () { return console.log('TODO: on choice change'); }
-    };
-};
-export var getQuestionType = function (slide) {
-    return slide.question.type;
-};
-var getHelp = function (uiUtils) {
-    return function (slide) {
-        var translate = uiUtils.translate;
-        return get('question.explanation', slide) || translate('Select something below');
-    };
-};
-var getAnswerUIModel = function (uiUtils) {
-    var basicProps_ = basicProps(uiUtils);
-    var templateProps_ = templateProps(uiUtils);
-    return function (slide) {
-        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"));
-        }
-    };
-};
-export var mapApiSlideToUi = function (uiUtils) {
-    var getAnswerUIModel_ = getAnswerUIModel(uiUtils);
-    var getHelp_ = getHelp(uiUtils);
-    return function (slide) {
-        if (!slide) {
-            throw new Error('no slide was found');
-        }
-        var questionText = pipe(getOr('', 'question.header'), uiUtils.translate)(slide);
-        return { questionText: questionText, answerUI: { model: getAnswerUIModel_(slide), help: getHelp_(slide) } };
-    };
-};

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

@@ -1,30 +0,0 @@
-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 = {
-    answerUI: {
-        help: 'sli_E1Pcl-XAYbi.explanation',
-        model: {
-            type: 'freeText',
-            placeholder: 'Type here',
-            value: undefined,
-            onChange: noop
-        }
-    },
-    questionText: 'sli_E1Pcl-XAYbi.header'
-};

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

@@ -1,112 +0,0 @@
-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 = {
-    questionText: 'sli_419IlQQnf.header',
-    answerUI: {
-        help: 'sli_419IlQQnf.explanation',
-        model: {
-            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
-                }
-            ]
-        }
-    }
-};