@coorpacademy/app-review 0.1.15 → 0.1.17

package/src/fixtures/qcm-slide.ts

@@ -1,35 +0,0 @@
-import noop from 'lodash/fp/noop';
-import {UISlide} from '../types/common';
-
-export const slide: Pick<UISlide, 'questionText' | 'answerUI'> = {
-  questionText: 'QCM',
-  answerUI: {
-    help: '__help',
-    model: {
-      type: 'qcm',
-      answers: [
-        {
-          selected: false,
-          title: 'choix1',
-          help: '(help choix1)',
-          ariaLabel: '__ariaLabel1',
-          onClick: noop
-        },
-        {
-          selected: false,
-          title: 'choix2',
-          help: '(help choix2)',
-          ariaLabel: '__ariaLabel2',
-          onClick: noop
-        },
-        {
-          selected: false,
-          title: 'choix3',
-          help: '(help choix3)',
-          ariaLabel: '__ariaLabel3',
-          onClick: noop
-        }
-      ]
-    }
-  }
-};

package/src/fixtures/temp-fixture.ts

@@ -1,94 +0,0 @@
-/* eslint-disable no-console */
-import {SlidesViewProps, CorrectionPopinProps} from '../types/views/slides';
-
-export const correctionPopinProps: CorrectionPopinProps = {
-  klf: {
-    label: 'Key learning factor',
-    tooltip: 'Some tooltip info.',
-    onClick: () => {
-      console.log('klf onClick');
-    }
-  },
-  information: {
-    label: 'Key learning factor',
-    message: 'info msg'
-  },
-  next: {
-    label: 'Next',
-    ariaLabel: 'Next'
-  },
-  successLabel: 'CORRECT ANSWER',
-  failureLabel: 'WRONG ANSWER'
-};
-
-const confettiAnimationProps = {
-  'aria-label': 'aria lottie',
-  'data-name': 'default-lottie',
-  className: undefined,
-  animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
-  loop: undefined,
-  autoplay: true,
-  rendererSettings: {
-    hideOnTransparent: false,
-    animationClassName: ''
-  },
-  ie11ImageBackup:
-    'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
-  animationControl: undefined
-};
-
-const starAnimationProps = {
-  'aria-label': 'Review Card Congrats Container',
-  'data-name': 'card-star',
-  animationLottie: {
-    'aria-label': 'aria lottie',
-    'data-name': 'default-lottie',
-    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
-    ie11ImageBackup:
-      'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
-  },
-  iconAriaLabel: 'Image without information',
-  cardType: 'card-star',
-  reviewCardTitle: 'You have won',
-  reviewCardValue: '100',
-  timerAnimation: 200
-};
-
-const rankAnimationProps = {
-  'aria-label': 'Review Card Congrats Container',
-  'data-name': 'card-rank',
-  animationLottie: {
-    'aria-label': 'aria lottie',
-    'data-name': 'default-lottie',
-    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
-    ie11ImageBackup:
-      'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
-  },
-  cardType: 'card-rank',
-  iconAriaLabel: 'Image without information',
-  reviewCardTitle: 'You are now',
-  reviewCardValue: '14',
-  rankSuffix: 'th',
-  timerAnimation: 200
-};
-
-export const congratsProps: SlidesViewProps['congratsProps'] = {
-  'aria-label': 'Review Congratulations',
-  'data-name': 'review-congrats',
-  animationLottie: confettiAnimationProps,
-  title: 'Congratulations!',
-  cardCongratsStar: starAnimationProps,
-  cardCongratsRank: rankAnimationProps,
-  buttonRevising: {
-    'aria-label': 'Continue revising button',
-    label: 'Continue revising',
-    onClick: () => console.log('Continue revising'),
-    type: 'tertiary'
-  },
-  buttonRevisingSkill: {
-    label: 'Revise another skill',
-    'aria-label': 'Revise another skill button',
-    onClick: () => console.log('Revise another skill'),
-    type: 'primary'
-  }
-};

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'
-};

package/src/helpers/test/fixtures/qcm-drag.ts

@@ -1,115 +0,0 @@
-import noop from 'lodash/fp/noop';
-import {SlideFromAPI, UISlide} from '../../../types/common';
-
-export const qcmDragSlide: SlideFromAPI = {
-  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 const qcmDragUISlide: Partial<UISlide> = {
-  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
-        }
-      ]
-    }
-  }
-};

package/src/helpers/test/fixtures/qcm-graphic.ts

@@ -1,79 +0,0 @@
-import noop from 'lodash/fp/noop';
-import {SlideFromAPI, UISlide} from '../../../types/common';
-
-export const qcmGraphicSlide: SlideFromAPI = {
-  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 const qcmGraphicUISlide: Partial<UISlide> = {
-  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
-        }
-      ]
-    }
-  }
-};