@coorpacademy/app-review 0.1.15 → 0.1.17

package/es/views/slides/index.js

@@ -1,5 +1,79 @@
+import concat from 'lodash/fp/concat';
+import get from 'lodash/fp/get';
+import getOr from 'lodash/fp/getOr';
 import isEmpty from 'lodash/fp/isEmpty';
-const buildStepItemps = (state) => {
+import pipe from 'lodash/fp/pipe';
+import reduce from 'lodash/fp/reduce';
+import set from 'lodash/fp/set';
+import slice from 'lodash/fp/slice';
+import toInteger from 'lodash/fp/toInteger';
+import { postAnswer } from '../../actions/api/post-answer';
+import { mapApiSlideToUi } from './map-api-slide-to-ui';
+const ICON_VALUES = {
+    right: 'right',
+    wrong: 'wrong',
+    'no-answer': 'no-answer'
+};
+export const initialState = {
+    '0': {
+        hidden: false,
+        position: 0,
+        loading: true
+    },
+    '1': {
+        hidden: false,
+        position: 1,
+        loading: true
+    },
+    '2': {
+        hidden: false,
+        position: 2,
+        loading: true
+    },
+    '3': {
+        hidden: false,
+        position: 3,
+        loading: true
+    },
+    '4': {
+        hidden: false,
+        position: 4,
+        loading: true
+    }
+};
+const getProgressionSlidesRefs = (progression) => {
+    if (progression.state.step.current < 5) {
+        const slideRef = progression.state.nextContent.ref;
+        return concat([slideRef], progression.state.slides);
+    }
+    return slice(0, 5, progression.state.slides);
+};
+const buildStackSlides = (state, dispatch) => {
+    const currentSlideRef = state.ui.currentSlideRef;
+    const progression = state.data.progression;
+    if (!currentSlideRef || !progression)
+        return initialState;
+    const slideRefs = getProgressionSlidesRefs(progression);
+    // @ts-expect-error typescript does not support capped versions of lodash functions
+    const stack = reduce.convert({ cap: false })((acc, uiSlide, index) => {
+        const slideRef = slideRefs[toInteger(index)];
+        if (!slideRef)
+            return set(index, uiSlide, acc);
+        const slideFromAPI = get(slideRef, state.data.slides);
+        if (!slideFromAPI)
+            return set(index, uiSlide, acc);
+        const answers = state.ui.answers;
+        const { questionText, answerUI } = mapApiSlideToUi(dispatch)(slideFromAPI, answers);
+        const parentContentTitle = getOr('', 'parentContentTitle.title', slideFromAPI);
+        const parentContentType = getOr('', 'parentContentTitle.type', slideFromAPI);
+        const updatedUiSlide = pipe(set('loading', false), set('questionText', questionText), set('answerUI', answerUI), set('parentContentTitle', `From "${parentContentTitle}" ${parentContentType}`) // TODO translate: -From- .... -Course/chapter-
+        // TODO: Set position according to currentSlideRef et slideRefs (or maybe a value on the state ui.slidePositions !!)
+        )(uiSlide);
+        return set(index, updatedUiSlide, acc);
+    }, initialState, initialState);
+    return stack;
+};
+const buildStepItems = (state) => {
     const { progression } = state.data;
     const { currentSlideRef } = state.ui;
     if (!progression)
@@ -51,10 +125,7 @@ const buildStepItemps = (state) => {
     });
     return steps;
 };
-export const mapStateToSlidesProps = (state) => {
-    if (!state.data.slides) {
-        return null;
-    }
+export const mapStateToSlidesProps = (state, dispatch) => {
     return {
         header: {
             mode: '__revision_mode',
@@ -65,16 +136,15 @@ export const mapStateToSlidesProps = (state) => {
             },
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
-            steps: buildStepItemps(state)
+            steps: buildStepItems(state)
         },
         stack: {
-            slides: state.ui.slides,
+            slides: buildStackSlides(state, dispatch),
             validateButton: {
                 label: '__validate',
-                disabled: true,
+                disabled: !get('ui.slide.validateButton', state),
                 onClick: () => {
-                    // eslint-disable-next-line no-console
-                    console.log('TODO: validate question');
+                    dispatch(postAnswer);
                 }
             },
             correctionPopinProps: undefined,

package/es/views/slides/map-api-slide-to-ui.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch } from 'redux';
+import { AnswerUI } from '../../types/slides';
+import { Question, SlideFromAPI } from '../../types/common';
+export declare const getQuestionType: (question: Question) => Question['type'];
+export declare const mapApiSlideToUi: (dispatch: Dispatch) => (slide: SlideFromAPI, answers: string[]) => {
+    questionText: string;
+    answerUI: AnswerUI;
+};

package/es/views/slides/map-api-slide-to-ui.js

@@ -0,0 +1,165 @@
+import { concat, divide, get, getOr, head, includes, indexOf, isEmpty, map, multiply, pipe, rangeStep, round, size, toInteger, toString as _toString, __ } from 'lodash/fp';
+import { editAnswer } from '../../actions/ui/answers';
+const qcmProps = (dispatch) => (answers, question) => {
+    return {
+        type: 'qcm',
+        answers: map(choice => {
+            const label = choice.label || '';
+            return {
+                title: label,
+                selected: includes(label, answers),
+                onClick: () => {
+                    dispatch(editAnswer(label));
+                },
+                ariaLabel: choice.label
+            };
+        }, question.content.choices)
+    };
+};
+const qcmDragProps = (dispatch) => (answers, question) => {
+    return {
+        type: 'qcmDrag',
+        answers: map(choice => {
+            const label = choice.label || '';
+            const indexInAnswer = indexOf(label, answers);
+            return {
+                title: label,
+                selected: includes(label, answers),
+                order: indexInAnswer,
+                onClick: () => {
+                    dispatch(editAnswer(label));
+                }
+            };
+        }, question.content.choices)
+    };
+};
+const qcmGraphicProps = (dispatch) => (answers, question) => {
+    return {
+        type: 'qcmGraphic',
+        answers: map(choice => {
+            const label = choice.label || '';
+            return {
+                title: label,
+                image: get('media.src.0.url', choice),
+                selected: includes(label, answers),
+                onClick: () => {
+                    dispatch(editAnswer(label));
+                }
+            };
+        }, question.content.choices)
+    };
+};
+const templateTextProps = (choice, index) => {
+    // TODO: EDIT_CHOICES -> getAnswerValues
+    const answers = [];
+    return {
+        type: 'text',
+        name: getOr('', 'name', choice),
+        placeholder: 'Type here',
+        value: get(index, answers),
+        // TODO: EDIT_CHOICES
+        // eslint-disable-next-line no-console
+        onChange: () => console.log('TODO: on choice change')
+    };
+};
+const templateSelectProps = (choice, index) => {
+    // TODO: EDIT_CHOICES -> getAnswerValues
+    const answers = [];
+    const answer = get(index, answers);
+    const temporaryOption = {
+        name: '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 = (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 = (dispatch) => (answers, question) => {
+    return {
+        type: 'freeText',
+        placeholder: question.content.placeholder || '',
+        value: answers[0] || '',
+        onChange: (text) => {
+            dispatch(editAnswer(text));
+        }
+    };
+};
+const sliderProps = (dispatch) => (answers, question) => {
+    const values = rangeStep(getOr(1, 'content.step', question), get('content.min', question), get('content.max', question) + 1
+    // Lodash doesn't infer the type very well here
+    );
+    const stateValue = head(answers) || question.content.min;
+    const currentValue = toInteger(stateValue);
+    const indexValue = indexOf(currentValue, values);
+    const maxValue = size(values) - 1;
+    const sliderPosition = divide(indexValue, maxValue);
+    const unitLabel = get('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,
+        onChange: (position) => {
+            const newValue = pipe(multiply(maxValue), round, get(__, values), _toString)(position);
+            dispatch(editAnswer(newValue));
+        }
+    };
+};
+export const getQuestionType = (question) => question.type;
+const getHelp = (slide) => get('question.explanation', slide);
+const getAnswerUIModel = (question, answers, dispatch) => {
+    const type = getQuestionType(question);
+    switch (type) {
+        case 'qcm':
+            return qcmProps(dispatch)(answers, question);
+        case 'qcmGraphic':
+            return qcmGraphicProps(dispatch)(answers, question);
+        case 'qcmDrag':
+            return qcmDragProps(dispatch)(answers, question);
+        case 'basic':
+            return basicProps(dispatch)(answers, question);
+        case 'template':
+            return templateProps(question);
+        case 'slider':
+            return sliderProps(dispatch)(answers, question);
+        default:
+            throw new Error(`${type} is not an handled question.type`);
+    }
+};
+export const mapApiSlideToUi = (dispatch) => (slide, answers) => {
+    if (!slide) {
+        throw new Error('no slide was found');
+    }
+    const questionText = getOr('', 'question.header', slide);
+    return {
+        questionText,
+        answerUI: { model: getAnswerUIModel(slide.question, answers, dispatch), help: getHelp(slide) }
+    };
+};

package/es/{helpers → views/slides}/test/fixtures/free-text.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const freeTextSlide: SlideFromAPI;
 export declare const freeTextUISlide: Partial<UISlide>;

package/es/views/slides/test/fixtures/free-text.js

@@ -0,0 +1,38 @@
+import noop from 'lodash/fp/noop';
+export const freeTextSlide = {
+    question: {
+        content: {
+            media: {
+                src: [],
+                posters: [],
+                subtitles: []
+            },
+            label: '',
+            placeholder: 'Type here',
+            id: 'sli_VJYjJnJhg.choice_1'
+        },
+        type: 'basic',
+        header: 'Which term is used to describe the act of asking what the usual salary is for the position you are applying for?',
+        explanation: 'Type your answer.'
+    },
+    klf: 'To negotiate your salary when being hired, you have to establish a benchmark beforehand. In other words, you should assess the salary to which you aspire by enquiring about the remuneration paid in the same industry, the same region and the same position.',
+    tips: 'According to Insee, Paris salaries are 20-25% higher compared with those of the provinces in 2015.',
+    universalRef: 'sli_VJYjJnJhg',
+    id: 'sli_VJYjJnJhg',
+    parentContentTitle: {
+        title: 'Developing the review app',
+        type: 'course'
+    }
+};
+export const freeTextUISlide = {
+    answerUI: {
+        help: 'Type your answer.',
+        model: {
+            type: 'freeText',
+            placeholder: 'Type here',
+            value: '',
+            onChange: noop
+        }
+    },
+    questionText: 'Which term is used to describe the act of asking what the usual salary is for the position you are applying for?'
+};

package/es/{helpers → views/slides}/test/fixtures/qcm-drag.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const qcmDragSlide: SlideFromAPI;
 export declare const qcmDragUISlide: Partial<UISlide>;

package/es/views/slides/test/fixtures/qcm-drag.js

@@ -0,0 +1,108 @@
+import noop from 'lodash/fp/noop';
+export const qcmDragSlide = {
+    question: {
+        content: {
+            media: {
+                src: [],
+                posters: [],
+                subtitles: []
+            },
+            choices: [
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '624f01970a234b0333bc7ce8',
+                    label: 'La démoralisation',
+                    value: 'sli_4yGBq-mCg.choice_4kRL5uQCg',
+                    id: '624f01970a234b0333bc7ce8'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '624f01970a234b0333bc7ce9',
+                    label: 'La stagnation',
+                    value: 'sli_4yGBq-mCg.choice_E11v9OXAx',
+                    id: '624f01970a234b0333bc7ce9'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '624f01970a234b0333bc7cea',
+                    label: 'La frustration',
+                    value: 'sli_4yGBq-mCg.choice_N1lP9dmRg',
+                    id: '624f01970a234b0333bc7cea'
+                },
+                {
+                    media: {
+                        src: [],
+                        posters: [],
+                        subtitles: []
+                    },
+                    items: [],
+                    _id: '624f01970a234b0333bc7ceb',
+                    label: "L'implication",
+                    value: 'sli_4yGBq-mCg.choice_Eybw5dQCx',
+                    id: '624f01970a234b0333bc7ceb'
+                }
+            ]
+        },
+        type: 'qcmDrag',
+        header: "Remettez dans l'ordre les quatre étapes du burn out.",
+        explanation: 'Sélectionnez les réponses ci-dessous dans le bon ordre.'
+    },
+    klf: "Le burn out s'installe en quatre étapes : tout d'abord, l'implication (investissement émotionnel et/ou affectif, sacrifice de sa vie privée) ; en second, la stagnation (premières déceptions, signes de fatigue) ; ensuite, la frustration (efforts non reconnus) ; et enfin, la démoralisation (problèmes de concentration, sentiment d'inutilité, désespoir).",
+    tips: "Encadré par la loi, l'entretien professionnel a pour but d'aider le collaborateur à verbaliser ses difficultés et à construire son projet professionnel.",
+    universalRef: 'sli_4yGBq-mCg',
+    id: 'sli_4yGBq-mCg',
+    parentContentTitle: {
+        title: 'Using redux',
+        type: 'chapter'
+    }
+};
+export const qcmDragUISlide = {
+    questionText: "Remettez dans l'ordre les quatre étapes du burn out.",
+    answerUI: {
+        help: 'Sélectionnez les réponses ci-dessous dans le bon ordre.',
+        model: {
+            type: 'qcmDrag',
+            answers: [
+                {
+                    title: 'La démoralisation',
+                    selected: false,
+                    order: -1,
+                    onClick: noop
+                },
+                {
+                    title: 'La stagnation',
+                    selected: false,
+                    order: -1,
+                    onClick: noop
+                },
+                {
+                    title: 'La frustration',
+                    selected: false,
+                    order: -1,
+                    onClick: noop
+                },
+                {
+                    title: "L'implication",
+                    selected: false,
+                    order: -1,
+                    onClick: noop
+                }
+            ]
+        }
+    }
+};

package/es/{helpers → views/slides}/test/fixtures/qcm-graphic.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const qcmGraphicSlide: SlideFromAPI;
 export declare const qcmGraphicUISlide: Partial<UISlide>;

package/es/views/slides/test/fixtures/qcm-graphic.js

@@ -0,0 +1,88 @@
+import noop from 'lodash/fp/noop';
+export const qcmGraphicSlide = {
+    question: {
+        content: {
+            media: {
+                src: [],
+                posters: [],
+                subtitles: []
+            },
+            choices: [
+                {
+                    media: {
+                        src: [
+                            {
+                                _id: '624efd915948a7013083e986',
+                                mimeType: 'image/jpeg',
+                                url: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
+                                id: '624efd915948a7013083e986'
+                            }
+                        ],
+                        posters: [],
+                        subtitles: [],
+                        type: 'img'
+                    },
+                    items: [],
+                    _id: '624efd915948a7013083e985',
+                    label: 'Vrai',
+                    value: 'sli_VkSQroQnx.choice_NJesyUo7nx',
+                    id: '624efd915948a7013083e985'
+                },
+                {
+                    media: {
+                        src: [
+                            {
+                                _id: '624efd915948a7013083e988',
+                                mimeType: 'image/jpeg',
+                                url: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
+                                id: '624efd915948a7013083e988'
+                            }
+                        ],
+                        posters: [],
+                        subtitles: [],
+                        type: 'img'
+                    },
+                    items: [],
+                    _id: '624efd915948a7013083e987',
+                    label: 'Faux',
+                    value: 'sli_VkSQroQnx.choice_VkgayLjX3e',
+                    id: '624efd915948a7013083e987'
+                }
+            ]
+        },
+        type: 'qcmGraphic',
+        header: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?',
+        explanation: 'Sélectionnez la bonne réponse.'
+    },
+    klf: "Il ne faut pas prendre la négociation comme une affaire personnelle, afin de rester centré sur son sujet. Mais cela ne signifie pas être dépourvu de toute émotion, car celles-ci peuvent être de vrais atouts. À condition de réussir à les exprimer sans accuser l'autre d'en être à l'origine.",
+    tips: "Pour gérer ses émotions, il faut d'abord les identifier, notamment en analysant ses ressentis physiques et en trouvant l'élément déclencheur.",
+    universalRef: 'sli_VkSQroQnx',
+    id: 'sli_VkSQroQnx',
+    parentContentTitle: {
+        title: 'Developing the review app',
+        type: 'course'
+    }
+};
+export const qcmGraphicUISlide = {
+    questionText: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?',
+    answerUI: {
+        help: 'Sélectionnez la bonne réponse.',
+        model: {
+            type: 'qcmGraphic',
+            answers: [
+                {
+                    title: 'Vrai',
+                    image: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
+                    selected: false,
+                    onClick: noop
+                },
+                {
+                    title: 'Faux',
+                    image: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
+                    selected: false,
+                    onClick: noop
+                }
+            ]
+        }
+    }
+};

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

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const qcmSlide: SlideFromAPI;
 export declare const qcmUISlide: Partial<UISlide>;

package/es/{helpers → views/slides}/test/fixtures/qcm.js

@@ -66,7 +66,11 @@ export const qcmSlide = {
     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 = {
     questionText: "Après la vente d'un NFT, son créateur peut-il toucher de l'argent ?",

package/es/{helpers → views/slides}/test/fixtures/select-template.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const selectTemplateSlide: SlideFromAPI;
 export declare const selectTemplateUISlide: Partial<UISlide>;

package/es/views/slides/test/fixtures/select-template.js

@@ -0,0 +1,92 @@
+import noop from 'lodash/fp/noop';
+export const selectTemplateSlide = {
+    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 = {
+    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/es/{helpers → views/slides}/test/fixtures/slider.d.ts

@@ -1,3 +1,4 @@
-import { SlideFromAPI, UISlide } from '../../../types/common';
+import { UISlide } from '../..';
+import { SlideFromAPI } from '../../../../types/common';
 export declare const sliderSlide: SlideFromAPI;
 export declare const sliderUISlide: Partial<UISlide>;