@coorpacademy/app-review 0.1.14 → 0.1.15

package/es/actions/api/fetch-slide.d.ts

@@ -1,7 +1,7 @@
 import type { AnyAction } from 'redux';
 import type { ThunkAction } from 'redux-thunk';
 import type { StoreState } from '../../reducers';
-import { Options, SlideFromAPI } from '../../types/common';
+import type { Options, ProgressionFromAPI, SlideFromAPI } from '../../types/common';
 export declare const SLIDE_FETCH_REQUEST: "@@slides/FETCH_REQUEST";
 export declare const SLIDE_FETCH_SUCCESS: "@@slides/FETCH_SUCCESS";
 export declare const SLIDE_FETCH_FAILURE: "@@slides/FETCH_FAILURE";
@@ -9,5 +9,5 @@ export interface ReceivedSlide extends AnyAction {
     type: typeof SLIDE_FETCH_SUCCESS;
     payload: SlideFromAPI;
 }
-export declare type FetchSlideAction = ThunkAction<Promise<void>, StoreState, Options, AnyAction>;
-export declare const fetchSlide: (slideRef: string, token: string) => FetchSlideAction;
+export declare type FetchSlideAction = ThunkAction<Promise<SlideFromAPI>, StoreState, Options, AnyAction>;
+export declare const fetchSlide: (progressionFromAPI: ProgressionFromAPI, token: string) => FetchSlideAction;

package/es/actions/api/fetch-slide.js

@@ -1,8 +1,28 @@
 import buildTask from '@coorpacademy/redux-task';
+import get from 'lodash/fp/get';
+import has from 'lodash/fp/has';
+import isEmpty from 'lodash/fp/isEmpty';
+import { setCurrentSlide } from '../ui/slides';
 export const SLIDE_FETCH_REQUEST = '@@slides/FETCH_REQUEST';
 export const SLIDE_FETCH_SUCCESS = '@@slides/FETCH_SUCCESS';
 export const SLIDE_FETCH_FAILURE = '@@slides/FETCH_FAILURE';
-export const fetchSlide = (slideRef, token) => buildTask({
+export const fetchSlide = (progressionFromAPI, token) => buildTask({
     types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
-    task: (dispatch, getState, { services }) => services.fetchSlide(slideRef, token)
+    bailout: (state) => {
+        const { ref: slideRef } = get('state.nextContent', progressionFromAPI);
+        return has(`data.slide.${slideRef}`, state);
+    },
+    task: (dispatch, getState, { services }) => {
+        const { ref: slideRef } = get('state.nextContent', progressionFromAPI);
+        return services.fetchSlide(slideRef, token).then((slideFromAPI) => {
+            if (!slideFromAPI)
+                throw new Error('Slide not found');
+            const state = getState();
+            const slides = get('data.progression.state.slides', state);
+            if (isEmpty(slides)) {
+                dispatch(setCurrentSlide(slideFromAPI));
+            }
+            return slideFromAPI;
+        });
+    }
 });

package/es/actions/api/post-progression.js

@@ -7,8 +7,7 @@ export const postProgression = (skillRef, token) => buildTask({
     types: [POST_PROGRESSION_REQUEST, POST_PROGRESSION_SUCCESS, POST_PROGRESSION_FAILURE],
     task: (dispatch, getState, { services }) => {
         return services.postProgression(skillRef, token).then((progression) => {
-            const { ref } = progression.state.nextContent;
-            dispatch(fetchSlide(ref, token));
+            dispatch(fetchSlide(progression, token));
             return progression;
         });
     }

package/es/actions/index.d.ts

@@ -1,21 +1,12 @@
-import { updateSlidesOnValidation, updateSlidesOnNext, validateSlide } from './data/slides';
 import { StoreToken } from './data/token';
-import { updateFinishedSlides } from './ui/finished-slides';
 import { navigateBack, navigateTo, NavigateBack, NavigateTo, StartApp } from './ui/navigation';
-import { updateReviewStatus } from './ui/review-status';
-import { updateStepItemsOnValidation, updateStepItemsOnNext } from './ui/step-items';
 import { ReceivedSlide } from './api/fetch-slide';
 import { ReceiveProgression } from './api/post-progression';
 import { ReceivedSkills } from './api/fetch-skills';
+import { validateSlide } from './ui/slides';
 export declare type Action = NavigateBack | NavigateTo | ReceivedSkills | StartApp | ReceivedSlide | StoreToken | ReceiveProgression;
 export declare type Dispatchers = {
     navigateTo: typeof navigateTo;
     navigateBack: typeof navigateBack;
     validateSlide: typeof validateSlide;
-    updateSlidesOnValidation: typeof updateSlidesOnValidation;
-    updateSlidesOnNext: typeof updateSlidesOnNext;
-    updateReviewStatus: typeof updateReviewStatus;
-    updateStepItemsOnValidation: typeof updateStepItemsOnValidation;
-    updateStepItemsOnNext: typeof updateStepItemsOnNext;
-    updateFinishedSlides: typeof updateFinishedSlides;
 };

package/es/actions/ui/is-fetching.js

@@ -1,6 +1,4 @@
-// -----------------------------------------------------------------------------
 export const START_FETCHING = '@@ui/START_FETCHING';
 export const STOP_FETCHING = '@@ui/STOP_FETCHING';
-// -----------------------------------------------------------------------------
 export const startFetching = () => ({ type: START_FETCHING });
 export const stopFetching = () => ({ type: STOP_FETCHING });

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

@@ -0,0 +1,26 @@
+import { SlideFromAPI } from '../../types/common';
+import { AnswerUI } from '../../types/slides';
+declare type SlideUIAnimations = 'unstack' | 'restack';
+export declare type Slide = {
+    questionText?: string;
+    answerUI?: AnswerUI;
+    hidden?: boolean;
+    position: number;
+    animationType?: SlideUIAnimations;
+    isCorrect?: boolean;
+    endReview?: boolean;
+    nextContent?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextContent'>;
+};
+export declare const SET_CURRENT_SLIDE: "@@slide/SET_CURRENT_SLIDE";
+export declare type SetCurrentSlide = {
+    type: typeof SET_CURRENT_SLIDE;
+    payload: SlideFromAPI;
+};
+export declare const setCurrentSlide: (payload: SlideFromAPI) => SetCurrentSlide;
+export declare const VALIDATE_SLIDE = "@@slide/VALIDATE";
+export declare type ValidateSlide = {
+    type: typeof VALIDATE_SLIDE;
+};
+export declare const validateSlide: () => ValidateSlide;
+export declare type UISlidesAction = SetCurrentSlide;
+export {};

package/es/actions/ui/slides.js

@@ -0,0 +1,9 @@
+export const SET_CURRENT_SLIDE = '@@slide/SET_CURRENT_SLIDE';
+export const setCurrentSlide = (payload) => ({
+    type: SET_CURRENT_SLIDE,
+    payload
+});
+export const VALIDATE_SLIDE = '@@slide/VALIDATE';
+export const validateSlide = () => ({
+    type: VALIDATE_SLIDE
+});

package/es/common/index.d.ts

@@ -5,4 +5,6 @@ export declare const VIEWS: {
     readonly onboarding: 'onboarding';
     readonly slides: 'slides';
 };
-export declare const slideNumbers: number[];
+export declare const slideIndexes: readonly ["0", "1", "2", "3", "4"];
+export declare type SlideIndexes = typeof slideIndexes[number];
+export declare const indexToString: (index: number) => SlideIndexes;

package/es/common/index.js

@@ -1,3 +1,4 @@
+import _toString from 'lodash/fp/toString';
 export const TOTAL_SLIDES_STACK = 5;
 export const HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
 export const VIEWS = {
@@ -5,4 +6,5 @@ export const VIEWS = {
     onboarding: 'onboarding',
     slides: 'slides'
 };
-export const slideNumbers = [0, 1, 2, 3, 4];
+export const slideIndexes = ['0', '1', '2', '3', '4'];
+export const indexToString = (index) => _toString(index);

package/es/fixtures/qcm-slide.d.ts

@@ -1,2 +1,2 @@
-import { UISlide } from '../types/slides';
-export declare const slide: UISlide;
+import { UISlide } from '../types/common';
+export declare const slide: Pick<UISlide, 'questionText' | 'answerUI'>;

package/es/fixtures/temp-fixture.d.ts

@@ -1,3 +1,3 @@
-import { SlidesViewProps } from '../types/views/slides';
-export declare const correctionPopinProps: SlidesViewProps['correctionPopinProps'];
+import { SlidesViewProps, CorrectionPopinProps } from '../types/views/slides';
+export declare const correctionPopinProps: CorrectionPopinProps;
 export declare const congratsProps: SlidesViewProps['congratsProps'];

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

@@ -4,5 +4,8 @@ declare type UiUtils = {
     translate: (text: string) => string;
 };
 export declare const getQuestionType: (slide: SlideFromAPI) => SlideFromAPI['question']['type'];
-export declare const mapApiSlideToUi: (uiUtils: UiUtils) => (slide: SlideFromAPI) => AnswerUI['model'] | void;
+export declare const mapApiSlideToUi: (uiUtils: UiUtils) => (slide: SlideFromAPI) => {
+    questionText: string;
+    answerUI: AnswerUI;
+};
 export {};

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

@@ -1,4 +1,4 @@
-import { concat, divide, get, getOr, head, includes, indexOf, isEmpty, map, noop, pipe, rangeStep, size, toInteger } from 'lodash/fp';
+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 = [];
@@ -8,7 +8,8 @@ const qcmProps = (question) => {
             title: choice.label,
             selected: includes(choice.label, answers),
             // TODO: EDIT_CHOICES
-            onClick: noop,
+            // eslint-disable-next-line no-console
+            onClick: () => console.log('TODO: on choice click'),
             ariaLabel: choice.label
         }), 
         // TODO: EDIT_CHOICES -> getChoices
@@ -16,7 +17,6 @@ const qcmProps = (question) => {
     };
 };
 const qcmDragProps = (question) => {
-    // mock the answers
     // TODO: EDIT_CHOICES -> getAnswerValues
     const answers = [];
     return {
@@ -28,7 +28,8 @@ const qcmDragProps = (question) => {
                 selected: indexInAnswer !== -1,
                 order: indexInAnswer,
                 // TODO: EDIT_CHOICES
-                onClick: noop
+                // eslint-disable-next-line no-console
+                onClick: () => console.log('TODO: on choice click')
             };
             // TODO: EDIT_CHOICES -> getChoices
         }, question.content.choices)
@@ -45,7 +46,8 @@ const qcmGraphicProps = (question) => {
             image: get('media.src.0.url', choice),
             selected: includes(choice.label, answers),
             // TODO: EDIT_CHOICES
-            onClick: noop
+            // eslint-disable-next-line no-console
+            onClick: () => console.log('TODO: on choice click')
         }), 
         // TODO: EDIT_CHOICES -> getChoices
         question.content.choices)
@@ -61,7 +63,8 @@ const templateTextProps = (uiUtils) => (choice, index) => {
         placeholder: translate('Type here'),
         value: get(index, answers),
         // TODO: EDIT_CHOICES
-        onChange: noop
+        // eslint-disable-next-line no-console
+        onChange: () => console.log('TODO: on choice change')
     };
 };
 // const getItemText = (item: ChoiceFromAPI['items'][0]): item['text'] is string =>
@@ -90,7 +93,8 @@ const templateSelectProps = (uiUtils) => {
             type: 'select',
             name: getOr('', 'name', choice),
             // TODO: EDIT_CHOICES
-            onChange: noop,
+            // eslint-disable-next-line no-console
+            onChange: () => console.log('TODO: on choice change'),
             options: isEmpty(answer) ? concat([temporaryOption], selectOptions) : selectOptions
         };
     };
@@ -120,13 +124,14 @@ const basicProps = (uiUtils) => {
             placeholder: translate('Type here'),
             value: head(answers),
             // TODO: EDIT_CHOICES
-            onChange: noop
+            // 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 infere the type very well here
+    // Lodash doesn't infer the type very well here
     );
     // TODO: EDIT_CHOICES -> getAnswerValues
     const answers = [];
@@ -143,17 +148,19 @@ const sliderProps = (question) => {
         title: `${currentValue} ${question.content.unitLabel}`,
         value: sliderPosition,
         // TODO: EDIT_CHOICES
-        onChange: noop
+        // eslint-disable-next-line no-console
+        onChange: () => console.log('TODO: on choice change')
     };
 };
 export const getQuestionType = (slide) => slide.question.type;
-export const mapApiSlideToUi = (uiUtils) => {
+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) => {
-        if (!slide) {
-            return;
-        }
+    return slide => {
         const type = getQuestionType(slide);
         switch (type) {
             case 'qcm':
@@ -173,3 +180,14 @@ export const mapApiSlideToUi = (uiUtils) => {
         }
     };
 };
+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.d.ts

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

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

@@ -17,8 +17,14 @@ export const freeTextSlide = {
     tips: 'sli_E1Pcl-XAYbi.tips'
 };
 export const freeTextUISlide = {
-    type: 'freeText',
-    placeholder: 'Type here',
-    value: undefined,
-    onChange: noop
+    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.d.ts

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

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

@@ -70,37 +70,43 @@ export const qcmDragSlide = {
     tips: 'sli_419IlQQnf.tips'
 };
 export const qcmDragUISlide = {
-    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
+    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.d.ts

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

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

@@ -52,19 +52,25 @@ export const qcmGraphicSlide = {
     tips: 'sli_41~RSVclH.tips'
 };
 export const qcmGraphicUISlide = {
-    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
+    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/es/helpers/test/fixtures/qcm.d.ts

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

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

@@ -69,31 +69,37 @@ export const qcmSlide = {
     id: 'sli_N1XACJobn'
 };
 export const qcmUISlide = {
-    type: 'qcm',
-    answers: [
-        {
-            title: 'Le créateur peut fixer un pourcentage pour chaque transaction future',
-            selected: false,
-            onClick: noop,
-            ariaLabel: 'Le créateur peut fixer un pourcentage pour chaque transaction future'
-        },
-        {
-            title: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente",
-            selected: false,
-            onClick: noop,
-            ariaLabel: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
-        },
-        {
-            title: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
-            selected: false,
-            onClick: noop,
-            ariaLabel: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT"
-        },
-        {
-            title: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission",
-            selected: false,
-            onClick: noop,
-            ariaLabel: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission"
+    questionText: "Après la vente d'un NFT, son créateur peut-il toucher de l'argent ?",
+    answerUI: {
+        help: 'Sélectionnez la bonne réponse.',
+        model: {
+            type: 'qcm',
+            answers: [
+                {
+                    title: 'Le créateur peut fixer un pourcentage pour chaque transaction future',
+                    selected: false,
+                    onClick: noop,
+                    ariaLabel: 'Le créateur peut fixer un pourcentage pour chaque transaction future'
+                },
+                {
+                    title: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente",
+                    selected: false,
+                    onClick: noop,
+                    ariaLabel: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
+                },
+                {
+                    title: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
+                    selected: false,
+                    onClick: noop,
+                    ariaLabel: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT"
+                },
+                {
+                    title: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission",
+                    selected: false,
+                    onClick: noop,
+                    ariaLabel: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission"
+                }
+            ]
         }
-    ]
+    }
 };

package/es/helpers/test/fixtures/select-template.d.ts

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

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

@@ -49,40 +49,46 @@ export const selectTemplateSlide = {
     tips: 'sli_410xZQxrZ.tips'
 };
 export const selectTemplateUISlide = {
-    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
-                },
+    questionText: 'sli_410xZQxrZ.header',
+    answerUI: {
+        help: 'sli_410xZQxrZ.explanation',
+        model: {
+            type: 'template',
+            template: 'sli_410xZQxrZ.template',
+            answers: [
                 {
-                    name: 'sli_410xZQxrZ.choice_E1uUWXeBb',
-                    value: 'sli_410xZQxrZ.choice_E1uUWXeBb',
-                    validOption: true,
-                    selected: false
+                    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.d.ts

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