@coorpacademy/app-review 0.1.15 → 0.1.16

package/src/{helpers → views/slides}/test/fixtures/qcm.ts

@@ -1,5 +1,5 @@
 import noop from 'lodash/fp/noop';
-import {SlideFromAPI, UISlide} from '../../../types/common';
+import {SlideFromAPI, UISlide} from '../../../../types/common';
 
 export const qcmSlide: SlideFromAPI = {
   question: {
@@ -70,7 +70,11 @@ export const qcmSlide: SlideFromAPI = {
   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'
+  id: 'sli_N1XACJobn',
+  parentContentTitle: {
+    title: 'Developing the review app',
+    type: 'course'
+  }
 };
 
 export const qcmUISlide: Partial<UISlide> = {

package/src/views/slides/test/fixtures/select-template.ts

@@ -0,0 +1,98 @@
+import noop from 'lodash/fp/noop';
+import {SlideFromAPI, UISlide} from '../../../../types/common';
+
+export const selectTemplateSlide: SlideFromAPI = {
+  question: {
+    content: {
+      template:
+        'La vue {{sel80495}} présente la liste des utilisateurs ayant le plus grand nombre d’étoiles cumulées.',
+      choices: [
+        {
+          items: [
+            {
+              _id: '5b57464e3b594d002e8829f7',
+              value: 'sli_N13-hG3kX.choice_NJgC3aznJm',
+              text: 'Catalogue'
+            },
+            {
+              _id: '5b57464e3b594d002e8829f6',
+              value: 'sli_N13-hG3kX.choice_EJZ02aMny7',
+              text: 'Leaderboard'
+            },
+            {
+              _id: '5b57464e3b594d002e8829f5',
+              value: 'sli_N13-hG3kX.choice_4keCaf21Q',
+              text: 'Activité'
+            },
+            {
+              _id: '5b57464e3b594d002e8829f4',
+              value: 'sli_N13-hG3kX.choice_NkbJAMn17',
+              text: 'Slides'
+            }
+          ],
+          _id: '5b57464e3b594d002e8829f3',
+          name: 'sel80495',
+          type: 'select'
+        }
+      ]
+    },
+    type: 'template',
+    header: 'Complétez la phrase ci-dessous.',
+    explanation:
+      'Saisissez votre réponse ou sélectionnez la bonne réponse dans le(s) menu(s) déroulant(s).'
+  },
+  klf: 'L’apprenant peut aussi évaluer sa performance grâce à un classement disponible sur la vue leaderboard. Elle compare sa position par rapport à celle des autres apprenants de la plateforme.',
+  tips: "La position d'un apprenant peut être aussi consultée depuis le header ou en-tête de la page. Elle se met à jour à chaque fois qu'un apprenant obtient des étoiles.",
+  universalRef: 'sli_N13-hG3kX',
+  id: 'sli_N13-hG3kX',
+  parentContentTitle: {
+    title: 'Developing the review app',
+    type: 'course'
+  }
+};
+
+export const selectTemplateUISlide: Partial<UISlide> = {
+  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.',
+      answers: [
+        {
+          type: 'select',
+          name: 'sel80495',
+          onChange: noop,
+          options: [
+            {name: 'Select an answer', value: '', validOption: false, selected: true},
+            {
+              name: 'Catalogue',
+              value: 'Catalogue',
+              validOption: true,
+              selected: false
+            },
+            {
+              name: 'Leaderboard',
+              value: 'Leaderboard',
+              validOption: true,
+              selected: false
+            },
+            {
+              name: 'Activité',
+              value: 'Activité',
+              validOption: true,
+              selected: false
+            },
+            {
+              name: 'Slides',
+              value: 'Slides',
+              validOption: true,
+              selected: false
+            }
+          ]
+        }
+      ]
+    }
+  }
+};

package/src/views/slides/test/fixtures/slider.ts

@@ -0,0 +1,41 @@
+import noop from 'lodash/fp/noop';
+import {SlideFromAPI, UISlide} from '../../../../types/common';
+
+export const sliderSlide: SlideFromAPI = {
+  question: {
+    content: {
+      min: 1,
+      max: 15,
+      unitLabel: 'an(s)'
+    },
+    type: 'slider',
+    header:
+      'En combien d’années la communauté de communes du Thouarsais est-elle passée de zéro à un tiers d’énergies renouvelables ?',
+    explanation: 'Déplacez le curseur.'
+  },
+  klf: 'Dans le cadre d’un projet local, la communauté de communes du Thouarsais, dans le Poitou (ouest de la France), a développé un parc diversifié d’énergies renouvelables : éolien, biomasse, solaire… En sept ans seulement, entre 2007 et 2014, la part d’énergies renouvelables est passée de zéro à un tiers !',
+  tips: 'En 2014, le Thouarsais a reçu la médaille de bronze du championnat européen des énergies renouvelables.',
+  universalRef: 'sli_VkAzsCLKb',
+  id: 'sli_VkAzsCLKb',
+  parentContentTitle: {
+    title: 'Developing the review app',
+    type: 'course'
+  }
+};
+
+export const sliderUISlide: Partial<UISlide> = {
+  questionText:
+    'En combien d’années la communauté de communes du Thouarsais est-elle passée de zéro à un tiers d’énergies renouvelables ?',
+  answerUI: {
+    help: 'Déplacez le curseur.',
+    model: {
+      type: 'slider',
+      placeholder: 'Déplacez le curseur.',
+      minLabel: '1 an(s)',
+      maxLabel: '15 an(s)',
+      title: '1 an(s)',
+      value: 0,
+      onChange: noop
+    }
+  }
+};

package/src/{helpers → views/slides}/test/fixtures/text-template.ts

@@ -1,5 +1,5 @@
 import noop from 'lodash/fp/noop';
-import {SlideFromAPI, UISlide} from '../../../types/common';
+import {SlideFromAPI, UISlide} from '../../../../types/common';
 
 export const textTemplateSlide: SlideFromAPI = {
   question: {
@@ -33,7 +33,11 @@ export const textTemplateSlide: SlideFromAPI = {
   tips: "L'origine de l'expression <i>role model</i> est attribué au sociologue Robert K. Merton.",
   universalRef: 'sli_VJKQonm2g',
   hasClue: true,
-  id: 'sli_VJKQonm2g'
+  id: 'sli_VJKQonm2g',
+  parentContentTitle: {
+    title: 'Using redux',
+    type: 'chapter'
+  }
 };
 
 export const textTemplateUISlide: Partial<UISlide> = {

package/src/{helpers → views/slides}/test/map-api-slide-to-ui.test.ts

@@ -1,5 +1,6 @@
 import test from 'ava';
-import {SlideFromAPI, UISlide} from '../../types/common';
+import identity from 'lodash/fp/identity';
+import {SlideFromAPI, UISlide} from '../../../types/common';
 import {mapApiSlideToUi} from '../map-api-slide-to-ui';
 import {qcmUISlide, qcmSlide} from './fixtures/qcm';
 import {qcmDragUISlide, qcmDragSlide} from './fixtures/qcm-drag';
@@ -9,7 +10,7 @@ import {textTemplateSlide, textTemplateUISlide} from './fixtures/text-template';
 import {selectTemplateSlide, selectTemplateUISlide} from './fixtures/select-template';
 import {sliderSlide, sliderUISlide} from './fixtures/slider';
 
-const _mapApiSlideToUi = mapApiSlideToUi({translate: (text: string) => text});
+const _mapApiSlideToUi = mapApiSlideToUi(identity);
 
 const macro = test.macro({
   title(providedTitle) {
@@ -19,28 +20,38 @@ const macro = test.macro({
     t,
     arg: {
       slide: SlideFromAPI;
+      answers: string[];
       expectedUiSlide: Partial<UISlide>;
     }
   ) {
     t.deepEqual(
-      JSON.parse(JSON.stringify(_mapApiSlideToUi(arg.slide))),
+      JSON.parse(JSON.stringify(_mapApiSlideToUi(arg.slide, arg.answers))),
       JSON.parse(JSON.stringify(arg.expectedUiSlide))
     );
   }
 });
 
-test('qcm', macro, {slide: qcmSlide, expectedUiSlide: qcmUISlide});
-test('qcm drag', macro, {slide: qcmDragSlide, expectedUiSlide: qcmDragUISlide});
-test('qcm graphic', macro, {slide: qcmGraphicSlide, expectedUiSlide: qcmGraphicUISlide});
-test('text template', macro, {slide: textTemplateSlide, expectedUiSlide: textTemplateUISlide});
+test('qcm', macro, {slide: qcmSlide, answers: [], expectedUiSlide: qcmUISlide});
+test('qcm drag', macro, {slide: qcmDragSlide, answers: [], expectedUiSlide: qcmDragUISlide});
+test('qcm graphic', macro, {
+  slide: qcmGraphicSlide,
+  answers: [],
+  expectedUiSlide: qcmGraphicUISlide
+});
+test('text template', macro, {
+  slide: textTemplateSlide,
+  answers: [],
+  expectedUiSlide: textTemplateUISlide
+});
 test('select template', macro, {
   slide: selectTemplateSlide,
+  answers: [],
   expectedUiSlide: selectTemplateUISlide
 });
-test('free text', macro, {slide: freeTextSlide, expectedUiSlide: freeTextUISlide});
-test('slider', macro, {slide: sliderSlide, expectedUiSlide: sliderUISlide});
+test('free text', macro, {slide: freeTextSlide, answers: [], expectedUiSlide: freeTextUISlide});
+test('slider', macro, {slide: sliderSlide, answers: [], expectedUiSlide: sliderUISlide});
 
 test('should throw an error if the question type can not be handled', t => {
   const faultySlide = {...qcmSlide, question: {type: 'lol'}};
-  t.throws(() => _mapApiSlideToUi(faultySlide as SlideFromAPI));
+  t.throws(() => _mapApiSlideToUi(faultySlide as SlideFromAPI, []));
 });

package/es/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/es/helpers/map-api-slide-to-ui.js

@@ -1,193 +0,0 @@
-import { concat, divide, get, getOr, head, includes, indexOf, isEmpty, map, pipe, rangeStep, size, toInteger } from 'lodash/fp';
-const qcmProps = (question) => {
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    const answers = [];
-    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) => {
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    const answers = [];
-    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) => {
-    // mock the answers
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    const answers = [];
-    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) => (choice, index) => {
-    const { translate } = uiUtils;
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    const 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: () => console.log('TODO: on choice change')
-    };
-};
-// const getItemText = (item: ChoiceFromAPI['items'][0]): item['text'] is string =>
-const templateSelectProps = (uiUtils) => {
-    return (choice, index) => {
-        const { translate } = uiUtils;
-        // TODO: EDIT_CHOICES -> getAnswerValues
-        const answers = [];
-        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) => {
-    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) => {
-    const { translate } = uiUtils;
-    // TODO: EDIT_CHOICES -> getAnswerValues
-    const answers = [];
-    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) => {
-    const 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
-    const answers = [];
-    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) => slide.question.type;
-const getHelp = (uiUtils) => (slide) => {
-    const { translate } = uiUtils;
-    return get('question.explanation', slide) || translate('Select something below');
-};
-const getAnswerUIModel = (uiUtils) => {
-    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) => {
-    const getAnswerUIModel_ = getAnswerUIModel(uiUtils);
-    const getHelp_ = getHelp(uiUtils);
-    return slide => {
-        if (!slide) {
-            throw new Error('no slide was found');
-        }
-        const questionText = pipe(getOr('', 'question.header'), uiUtils.translate)(slide);
-        return { questionText, answerUI: { model: getAnswerUIModel_(slide), help: getHelp_(slide) } };
-    };
-};

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

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

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

@@ -1,112 +0,0 @@
-import noop from 'lodash/fp/noop';
-export const 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 const 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
-                }
-            ]
-        }
-    }
-};

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

@@ -1,76 +0,0 @@
-import noop from 'lodash/fp/noop';
-export const 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 const 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
-                }
-            ]
-        }
-    }
-};