@coorpacademy/app-review 0.1.13 → 0.1.15

package/es/types/common.d.ts

@@ -1,4 +1,5 @@
-import { UISlide } from './slides';
+import { SlideIndexes } from '../common';
+import { AnswerUI } from './slides';
 declare type TemplateContextValues = {
     brandTheme?: unknown;
     theme?: unknown;
@@ -68,21 +69,33 @@ export declare type SlideFromAPI = {
     tips?: string;
     clue?: string;
     hasClue?: boolean;
-    id?: string;
+    id: string;
+};
+declare type ProgressionAnswerItem = {
+    isCorrect: boolean;
+    slideRef: string;
+    answer: string[];
+};
+export declare type ProgressionState = {
+    allAnswers: ProgressionAnswerItem[];
+    content?: {
+        ref: string;
+        type: string;
+    };
+    isCorrect: boolean;
+    nextContent: {
+        type: 'success' | 'slide';
+        ref: 'successExitNode' | string;
+    };
+    pendingSlides: string[];
+    slides: string[];
+    step: {
+        current: number;
+    };
 };
 export declare type ProgressionFromAPI = {
     _id: string;
-    state: {
-        isCorrect: boolean;
-        step: {
-            current: number;
-        };
-        nextContent: {
-            type: 'success' | 'slide';
-            ref: 'successExitNode' | string;
-        };
-        pendingSlides: [];
-    };
+    state: ProgressionState;
 };
 export declare type Skill = {
     skillRef: string;
@@ -116,23 +129,27 @@ export declare type JWT = {
     host: string;
 };
 declare type SlideUIAnimations = 'unstack' | 'restack';
-export declare type Slide = UISlide & {
+export declare type NextUISlide = {
+    questionText?: string;
+    answerUI?: AnswerUI;
     hidden?: boolean;
-    position: number;
+    position?: number;
     animationType?: SlideUIAnimations;
     isCorrect?: boolean;
     endReview?: boolean;
-    nextContent?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextContent'>;
 };
-declare const ICON_VALUES: {
-    readonly right: "right";
-    readonly wrong: "wrong";
-    readonly 'no-answer': "no-answer";
+export declare type UISlide = {
+    questionText?: string;
+    answerUI?: AnswerUI;
+    hidden?: boolean;
+    position: number;
+    animationType?: SlideUIAnimations;
+    isCorrect?: boolean;
+    endReview?: boolean;
+    nextContent?: NextUISlide;
 };
-export declare type IconValue = keyof typeof ICON_VALUES;
 export declare type FinishedSlides = {
-    slideNumbers: number[];
-    [key: number]: true;
+    [key in SlideIndexes]?: true;
 };
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];

package/es/types/common.js

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

package/es/types/slides.d.ts

@@ -74,7 +74,3 @@ export declare type AnswerUI = {
     help: string;
 };
 export declare type SlideUIAnimations = 'unstack' | 'restack';
-export declare type UISlide = {
-    questionText?: string;
-    answerUI?: AnswerUI;
-};

package/es/types/views/slides.d.ts

@@ -1,20 +1,53 @@
 import type { StoreState } from '../../reducers';
 import { Dispatchers } from '../../actions';
+declare const ICON_VALUES: {
+    readonly right: "right";
+    readonly wrong: "wrong";
+    readonly 'no-answer': "no-answer";
+};
+declare type IconValue = keyof typeof ICON_VALUES;
+declare type StepItem = {
+    current: boolean;
+    icon: IconValue;
+    value: string;
+};
+declare type CorrectionPopinProps = {
+    klf: {
+        label: string;
+        onClick: Function;
+        tooltip: string;
+    };
+    information: {
+        label: string;
+        message: string;
+    };
+    next: {
+        label: string;
+        ariaLabel: string;
+    };
+    successLabel: string;
+    failureLabel: string;
+};
 declare type SlidesViewStaticProps = {
-    slides: StoreState['data']['slides'];
-    headerProps: {
+    header: {
         mode: string;
         skillName: string;
         onQuitClick: Function;
         'aria-label'?: string;
         closeButtonAriaLabel: string;
+        steps: StepItem[];
     };
-    finishedSlides: StoreState['ui']['finishedSlides'];
-    stepItems: StoreState['ui']['stepItems'];
-    reviewStatus: StoreState['ui']['reviewStatus'];
-    validate: {
-        label: string;
+    stack: {
+        slides: StoreState['ui']['slides'];
+        validateButton: {
+            label: string;
+            disabled: boolean;
+            onClick: Function;
+        };
+        correctionPopinProps?: CorrectionPopinProps;
+        endReview: boolean;
     };
+    reviewBackgroundAriaLabel?: string;
     congratsProps?: {
         'aria-label'?: string;
         'data-name'?: string;
@@ -35,26 +68,7 @@ declare type SlidesViewStaticProps = {
             type: string;
         };
     };
-    correctionPopinProps?: {
-        klf: {
-            label: string;
-            onClick: Function;
-            tooltip: string;
-        };
-        information: {
-            label: string;
-            message: string;
-        };
-        next: {
-            label: string;
-            ariaLabel: string;
-        };
-        successLabel: string;
-        failureLabel: string;
-    };
-    reviewBackgroundAriaLabel?: string;
-    progression: StoreState['data']['progression'];
 };
 declare type SlidesViewDispatcherProps = Omit<Dispatchers, 'navigateTo' | 'navigateBack'>;
 declare type SlidesViewProps = SlidesViewStaticProps & SlidesViewDispatcherProps;
-export { SlidesViewStaticProps, SlidesViewDispatcherProps, SlidesViewProps };
+export { CorrectionPopinProps, IconValue, SlidesViewStaticProps, SlidesViewDispatcherProps, SlidesViewProps, StepItem };

package/es/types/views/slides.js

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

package/{lib/types/views/skills.d.ts → es/views/skills/index.d.ts}

@@ -1,3 +1,4 @@
+import { StoreState } from '../../reducers';
 declare type SkillCard = {
     'aria-label': string;
     skillTitle: string;
@@ -22,3 +23,4 @@ declare type SkillsProps = NoSkillsProps & {
     listSkills: SkillCard[];
 };
 export { SkillsProps };
+export declare const mapStateToSkillsProps: (state: StoreState) => SkillsProps | null;

package/es/views/skills/index.js

@@ -0,0 +1,25 @@
+export const mapStateToSkillsProps = (state) => {
+    if (!state.data.skills) {
+        return null;
+    }
+    return {
+        title: '@todo title',
+        titleNoSkills: '@todo titleNoSkills',
+        textNoSkills: '@todo textNoSkills',
+        iconSkillAriaLabel: '@todo iconSkillAriaLabel',
+        isLoading: false,
+        isLoadingAriaLabel: '@todo loading',
+        listSkills: state.data.skills.map(skill => ({
+            'aria-label': '',
+            isCustom: skill.custom,
+            skillTitle: skill.name,
+            skillAriaLabel: '@todo skill aria label',
+            buttonLabel: '@todo button',
+            buttonAriaLabel: '@todo button aria label',
+            reviseLabel: '@todo revise',
+            reviseAriaLabel: '@todo revise aria label',
+            // eslint-disable-next-line no-console
+            onClick: () => console.log('@todo plug dispatcher select skill')
+        }))
+    };
+};

package/es/views/slides/index.d.ts

@@ -0,0 +1,3 @@
+import { StoreState } from '../../reducers';
+import { SlidesViewStaticProps } from '../../types/views/slides';
+export declare const mapStateToSlidesProps: (state: StoreState) => SlidesViewStaticProps | null;

package/es/views/slides/index.js

@@ -0,0 +1,85 @@
+import isEmpty from 'lodash/fp/isEmpty';
+const buildStepItemps = (state) => {
+    const { progression } = state.data;
+    const { currentSlideRef } = state.ui;
+    if (!progression)
+        return [];
+    const defaultProps = [
+        {
+            icon: 'no-answer',
+            current: true,
+            value: '1'
+        },
+        {
+            icon: 'no-answer',
+            current: false,
+            value: '2'
+        },
+        {
+            icon: 'no-answer',
+            current: false,
+            value: '3'
+        },
+        {
+            icon: 'no-answer',
+            current: false,
+            value: '4'
+        },
+        {
+            icon: 'no-answer',
+            current: false,
+            value: '5'
+        }
+    ];
+    const allAnswers = progression.state.allAnswers;
+    const step = progression.state.step;
+    if (isEmpty(allAnswers))
+        return defaultProps;
+    const steps = defaultProps.map((stepItem, index) => {
+        const givenAnswer = allAnswers[index];
+        if (!givenAnswer) {
+            return {
+                ...stepItem,
+                current: step.current === index + 1
+            };
+        }
+        return {
+            ...stepItem,
+            icon: givenAnswer.isCorrect ? 'right' : 'wrong',
+            current: givenAnswer.slideRef === currentSlideRef
+        };
+    });
+    return steps;
+};
+export const mapStateToSlidesProps = (state) => {
+    if (!state.data.slides) {
+        return null;
+    }
+    return {
+        header: {
+            mode: '__revision_mode',
+            skillName: '__agility',
+            onQuitClick: () => {
+                // eslint-disable-next-line no-console
+                console.log('onQuitClick');
+            },
+            'aria-label': 'aria-header-wrapper',
+            closeButtonAriaLabel: 'aria-close-button',
+            steps: buildStepItemps(state)
+        },
+        stack: {
+            slides: state.ui.slides,
+            validateButton: {
+                label: '__validate',
+                disabled: true,
+                onClick: () => {
+                    // eslint-disable-next-line no-console
+                    console.log('TODO: validate question');
+                }
+            },
+            correctionPopinProps: undefined,
+            endReview: false
+        },
+        congratsProps: undefined
+    };
+};

package/lib/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/lib/actions/api/fetch-slide.js

@@ -1,13 +1,31 @@
 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 var SLIDE_FETCH_REQUEST = '@@slides/FETCH_REQUEST';
 export var SLIDE_FETCH_SUCCESS = '@@slides/FETCH_SUCCESS';
 export var SLIDE_FETCH_FAILURE = '@@slides/FETCH_FAILURE';
-export var fetchSlide = function (slideRef, token) {
+export var fetchSlide = function (progressionFromAPI, token) {
     return buildTask({
         types: [SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS, SLIDE_FETCH_FAILURE],
+        bailout: function (state) {
+            var slideRef = get('state.nextContent', progressionFromAPI).ref;
+            return has("data.slide.".concat(slideRef), state);
+        },
         task: function (dispatch, getState, _a) {
             var services = _a.services;
-            return services.fetchSlide(slideRef, token);
+            var slideRef = get('state.nextContent', progressionFromAPI).ref;
+            return services.fetchSlide(slideRef, token).then(function (slideFromAPI) {
+                if (!slideFromAPI)
+                    throw new Error('Slide not found');
+                var state = getState();
+                var slides = get('data.progression.state.slides', state);
+                if (isEmpty(slides)) {
+                    dispatch(setCurrentSlide(slideFromAPI));
+                }
+                return slideFromAPI;
+            });
         }
     });
 };

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

@@ -9,8 +9,7 @@ export var postProgression = function (skillRef, token) {
         task: function (dispatch, getState, _a) {
             var services = _a.services;
             return services.postProgression(skillRef, token).then(function (progression) {
-                var ref = progression.state.nextContent.ref;
-                dispatch(fetchSlide(ref, token));
+                dispatch(fetchSlide(progression, token));
                 return progression;
             });
         }

package/lib/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/lib/actions/ui/is-fetching.js

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

package/lib/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/lib/actions/ui/slides.js

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

package/lib/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/lib/common/index.js

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

package/lib/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/lib/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/lib/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/lib/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';
 var qcmProps = function (question) {
     // TODO: EDIT_CHOICES -> getAnswerValues
     var answers = [];
@@ -8,7 +8,8 @@ var qcmProps = function (question) {
             title: choice.label,
             selected: includes(choice.label, answers),
             // TODO: EDIT_CHOICES
-            onClick: noop,
+            // eslint-disable-next-line no-console
+            onClick: function () { return console.log('TODO: on choice click'); },
             ariaLabel: choice.label
         }); }, 
         // TODO: EDIT_CHOICES -> getChoices
@@ -16,7 +17,6 @@ var qcmProps = function (question) {
     };
 };
 var qcmDragProps = function (question) {
-    // mock the answers
     // TODO: EDIT_CHOICES -> getAnswerValues
     var answers = [];
     return {
@@ -28,7 +28,8 @@ var qcmDragProps = function (question) {
                 selected: indexInAnswer !== -1,
                 order: indexInAnswer,
                 // TODO: EDIT_CHOICES
-                onClick: noop
+                // eslint-disable-next-line no-console
+                onClick: function () { return console.log('TODO: on choice click'); }
             };
             // TODO: EDIT_CHOICES -> getChoices
         }, question.content.choices)
@@ -45,7 +46,8 @@ var qcmGraphicProps = function (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: function () { return console.log('TODO: on choice click'); }
         }); }, 
         // TODO: EDIT_CHOICES -> getChoices
         question.content.choices)
@@ -62,7 +64,8 @@ var templateTextProps = function (uiUtils) {
             placeholder: translate('Type here'),
             value: get(index, answers),
             // TODO: EDIT_CHOICES
-            onChange: noop
+            // eslint-disable-next-line no-console
+            onChange: function () { return console.log('TODO: on choice change'); }
         };
     };
 };
@@ -92,7 +95,8 @@ var templateSelectProps = function (uiUtils) {
             type: 'select',
             name: getOr('', 'name', choice),
             // TODO: EDIT_CHOICES
-            onChange: noop,
+            // eslint-disable-next-line no-console
+            onChange: function () { return console.log('TODO: on choice change'); },
             options: isEmpty(answer) ? concat([temporaryOption], selectOptions) : selectOptions
         };
     };
@@ -124,13 +128,14 @@ var basicProps = function (uiUtils) {
             placeholder: translate('Type here'),
             value: head(answers),
             // TODO: EDIT_CHOICES
-            onChange: noop
+            // eslint-disable-next-line no-console
+            onChange: function () { return console.log('TODO: on choice change'); }
         };
     };
 };
 var sliderProps = function (question) {
     var 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
     var answers = [];
@@ -147,19 +152,23 @@ var sliderProps = function (question) {
         title: "".concat(currentValue, " ").concat(question.content.unitLabel),
         value: sliderPosition,
         // TODO: EDIT_CHOICES
-        onChange: noop
+        // eslint-disable-next-line no-console
+        onChange: function () { return console.log('TODO: on choice change'); }
     };
 };
 export var getQuestionType = function (slide) {
     return slide.question.type;
 };
-export var mapApiSlideToUi = function (uiUtils) {
+var getHelp = function (uiUtils) {
+    return function (slide) {
+        var translate = uiUtils.translate;
+        return get('question.explanation', slide) || translate('Select something below');
+    };
+};
+var getAnswerUIModel = function (uiUtils) {
     var basicProps_ = basicProps(uiUtils);
     var templateProps_ = templateProps(uiUtils);
     return function (slide) {
-        if (!slide) {
-            return;
-        }
         var type = getQuestionType(slide);
         switch (type) {
             case 'qcm':
@@ -179,3 +188,14 @@ export var mapApiSlideToUi = function (uiUtils) {
         }
     };
 };
+export var mapApiSlideToUi = function (uiUtils) {
+    var getAnswerUIModel_ = getAnswerUIModel(uiUtils);
+    var getHelp_ = getHelp(uiUtils);
+    return function (slide) {
+        if (!slide) {
+            throw new Error('no slide was found');
+        }
+        var questionText = pipe(getOr('', 'question.header'), uiUtils.translate)(slide);
+        return { questionText: questionText, answerUI: { model: getAnswerUIModel_(slide), help: getHelp_(slide) } };
+    };
+};

package/lib/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/lib/helpers/test/fixtures/free-text.js

@@ -17,8 +17,14 @@ export var freeTextSlide = {
     tips: 'sli_E1Pcl-XAYbi.tips'
 };
 export var 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'
 };