@coorpacademy/app-review 0.1.15 → 0.1.16

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

@@ -1,76 +0,0 @@
-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 = {
-    questionText: 'sli_41~RSVclH.header',
-    answerUI: {
-        help: 'sli_41~RSVclH.explanation',
-        model: {
-            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/select-template.js

@@ -1,94 +0,0 @@
-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 = {
-    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/lib/helpers/test/fixtures/slider.js

@@ -1,33 +0,0 @@
-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 = {
-    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/lib/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/lib/reducers/ui/slides.js

@@ -1,43 +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 var 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
-    }
-};
-var setFirstSlide = function (state, slideFromAPI) {
-    var _a = mapApiSlideToUi({ translate: function (text) { return text; } })(slideFromAPI), questionText = _a.questionText, answerUI = _a.answerUI;
-    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
-var reducer = function (state, action) {
-    if (state === void 0) { state = initialState; }
-    switch (action.type) {
-        case SET_CURRENT_SLIDE: {
-            return setFirstSlide(state, action.payload);
-        }
-        default:
-            return state;
-    }
-};
-export default reducer;

package/lib/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/lib/types/views/slides.js

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

package/src/helpers/map-api-slide-to-ui.ts

@@ -1,279 +0,0 @@
-import {
-  concat,
-  divide,
-  get,
-  getOr,
-  head,
-  includes,
-  indexOf,
-  isEmpty,
-  map,
-  pipe,
-  rangeStep,
-  size,
-  toInteger
-} from 'lodash/fp';
-import {
-  AnswerUI,
-  FreeText,
-  Qcm,
-  QcmDrag,
-  QcmGraphic,
-  QuestionRange,
-  SelectionTemplate,
-  Template,
-  TextTemplate
-} from '../types/slides';
-import {
-  ChoiceFromAPI,
-  QcmDragQuestion,
-  QcmGraphicQuestion,
-  QcmQuestion,
-  SlideFromAPI,
-  SliderQuestion,
-  TemplateQuestion
-} from '../types/common';
-
-type UiUtils = {translate: (text: string) => string};
-
-const qcmProps = (question: QcmQuestion): Qcm => {
-  // TODO: EDIT_CHOICES -> getAnswerValues
-  const answers: string[] = [];
-
-  return {
-    type: 'qcm',
-    answers: map(
-      choice => ({
-        title: choice.label,
-        selected: includes(choice.label, answers),
-        // TODO: EDIT_CHOICES
-        // eslint-disable-next-line no-console
-        onClick: () => console.log('TODO: on choice click'),
-        ariaLabel: choice.label
-      }),
-      // TODO: EDIT_CHOICES -> getChoices
-      question.content.choices
-    )
-  };
-};
-
-const qcmDragProps = (question: QcmDragQuestion): QcmDrag => {
-  // TODO: EDIT_CHOICES -> getAnswerValues
-  const answers: string[] = [];
-  return {
-    type: 'qcmDrag',
-    answers: map(choice => {
-      const indexInAnswer = indexOf(choice.label, answers);
-      return {
-        title: choice.label,
-        selected: indexInAnswer !== -1,
-        order: indexInAnswer,
-        // TODO: EDIT_CHOICES
-        // eslint-disable-next-line no-console
-        onClick: () => console.log('TODO: on choice click')
-      };
-      // TODO: EDIT_CHOICES -> getChoices
-    }, question.content.choices)
-  };
-};
-
-const qcmGraphicProps = (question: QcmGraphicQuestion): QcmGraphic => {
-  // mock the answers
-  // TODO: EDIT_CHOICES -> getAnswerValues
-  const answers: string[] = [];
-  return {
-    type: 'qcmGraphic',
-    answers: map(
-      choice => ({
-        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: () => console.log('TODO: on choice click')
-      }),
-      // TODO: EDIT_CHOICES -> getChoices
-      question.content.choices
-    )
-  };
-};
-
-const templateTextProps =
-  (uiUtils: UiUtils) =>
-  (choice: ChoiceFromAPI, index: number): TextTemplate => {
-    const {translate} = uiUtils;
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    const answers: string[] = [];
-    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: () => console.log('TODO: on choice change')
-    };
-  };
-
-// const getItemText = (item: ChoiceFromAPI['items'][0]): item['text'] is string =>
-
-const templateSelectProps = (uiUtils: UiUtils) => {
-  return (choice: ChoiceFromAPI, index: number): SelectionTemplate => {
-    const {translate} = uiUtils;
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    const answers: string[] = [];
-    const answer = get(index, answers);
-    const temporaryOption = {
-      name: translate('Select an answer'),
-      value: '',
-      validOption: false,
-      selected: true
-    };
-    const selectOptions = choice.items.map(item => {
-      const 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: () => console.log('TODO: on choice change'),
-      options: isEmpty(answer) ? concat([temporaryOption], selectOptions) : selectOptions
-    };
-  };
-};
-
-const templateProps = (uiUtils: UiUtils): ((question: TemplateQuestion) => Template) => {
-  const templateTextProps_ = templateTextProps(uiUtils);
-  const templateSelectProps_ = templateSelectProps(uiUtils);
-
-  return question => {
-    // TODO: EDIT_CHOICES -> getChoices
-    const choices = question.content.choices;
-    return {
-      type: 'template',
-      template: get('content.template', question),
-      answers: choices.map((choice, index) =>
-        choice.type === 'text'
-          ? templateTextProps_(choice, index)
-          : templateSelectProps_(choice, index)
-      )
-    };
-  };
-};
-
-const basicProps = (uiUtils: UiUtils): (() => FreeText) => {
-  const {translate} = uiUtils;
-  // TODO: EDIT_CHOICES -> getAnswerValues
-  const answers: string[] = [];
-
-  return () => {
-    return {
-      type: 'freeText',
-      placeholder: translate('Type here'),
-      value: head(answers),
-      // TODO: EDIT_CHOICES
-      // eslint-disable-next-line no-console
-      onChange: () => console.log('TODO: on choice change')
-    };
-  };
-};
-
-const sliderProps = (question: SliderQuestion): QuestionRange => {
-  const values: number[] = 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
-  ) as unknown as number[];
-
-  // TODO: EDIT_CHOICES -> getAnswerValues
-  const answers: string[] = [];
-
-  const stateValue = head(answers);
-  const currentValue = toInteger(stateValue);
-
-  const indexValue = indexOf(currentValue, values);
-  const sliderPosition = divide(indexValue, size(values) - 1);
-
-  const unitLabel = get('question.content.unitLabel', question);
-
-  return {
-    type: 'slider',
-    placeholder: question.explanation,
-    minLabel: `${question.content.min} ${unitLabel}`,
-    maxLabel: `${question.content.max} ${unitLabel}`,
-    title: `${currentValue} ${question.content.unitLabel}`,
-    value: sliderPosition,
-    // TODO: EDIT_CHOICES
-    // eslint-disable-next-line no-console
-    onChange: () => console.log('TODO: on choice change')
-  };
-};
-
-export const getQuestionType = (slide: SlideFromAPI): SlideFromAPI['question']['type'] =>
-  slide.question.type;
-
-const getHelp =
-  (uiUtils: UiUtils) =>
-  (slide: SlideFromAPI): string => {
-    const {translate} = uiUtils;
-    return get('question.explanation', slide) || translate('Select something below');
-  };
-
-const getAnswerUIModel = (uiUtils: UiUtils): ((slide: SlideFromAPI) => AnswerUI['model']) => {
-  const basicProps_ = basicProps(uiUtils);
-  const templateProps_ = templateProps(uiUtils);
-
-  return slide => {
-    const 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(`${type} is not an handled question.type`);
-    }
-  };
-};
-
-export const mapApiSlideToUi = (
-  uiUtils: UiUtils
-): ((slide: SlideFromAPI) => {questionText: string; answerUI: AnswerUI}) => {
-  const getAnswerUIModel_ = getAnswerUIModel(uiUtils);
-  const getHelp_ = getHelp(uiUtils);
-
-  return slide => {
-    if (!slide) {
-      throw new Error('no slide was found');
-    }
-    const questionText = pipe<[SlideFromAPI], string, string>(
-      getOr('', 'question.header') as unknown as (_slide: SlideFromAPI) => string,
-      uiUtils.translate
-    )(slide);
-
-    return {questionText, answerUI: {model: getAnswerUIModel_(slide), help: getHelp_(slide)}};
-  };
-};

package/src/helpers/test/fixtures/free-text.ts

@@ -1,33 +0,0 @@
-import noop from 'lodash/fp/noop';
-import {SlideFromAPI, UISlide} from '../../../types/common';
-
-export const freeTextSlide: SlideFromAPI = {
-  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 const freeTextUISlide: Partial<UISlide> = {
-  answerUI: {
-    help: 'sli_E1Pcl-XAYbi.explanation',
-    model: {
-      type: 'freeText',
-      placeholder: 'Type here',
-      value: undefined,
-      onChange: noop
-    }
-  },
-  questionText: 'sli_E1Pcl-XAYbi.header'
-};