@constructor-io/constructorio-ui-quizzes 1.8.0 → 1.8.2

package/lib/cjs/components/CioQuiz/quizApiReducer.js

@@ -8,7 +8,7 @@ exports.initialState = {
     quizRequestState: constants_1.RequestStates.Stale,
 };
 function apiReducer(state, action) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     switch (action.type) {
         case actions_1.QuizAPIActionTypes.SET_IS_LOADING:
             return Object.assign(Object.assign({}, state), { quizRequestState: constants_1.RequestStates.Loading, quizCurrentQuestion: undefined, quizResults: undefined });
@@ -17,16 +17,16 @@ function apiReducer(state, action) {
         case actions_1.QuizAPIActionTypes.SET_CURRENT_QUESTION: {
             const { isOpenQuestion, isCoverQuestion, isSingleQuestion, isMultipleQuestion, isSelectQuestion, } = (0, utils_1.getQuestionTypes)((_c = (_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.quizCurrentQuestion) === null || _b === void 0 ? void 0 : _b.next_question) === null || _c === void 0 ? void 0 : _c.type);
             const quizFirstQuestion = state.quizFirstQuestion || ((_d = action.payload) === null || _d === void 0 ? void 0 : _d.quizCurrentQuestion);
-            return Object.assign(Object.assign({}, state), { quizRequestState: constants_1.RequestStates.Success, quizCurrentQuestion: Object.assign(Object.assign({}, (_e = action.payload) === null || _e === void 0 ? void 0 : _e.quizCurrentQuestion), { isFirstQuestion: (quizFirstQuestion === null || quizFirstQuestion === void 0 ? void 0 : quizFirstQuestion.next_question.id) ===
-                        ((_h = (_g = (_f = action.payload) === null || _f === void 0 ? void 0 : _f.quizCurrentQuestion) === null || _g === void 0 ? void 0 : _g.next_question) === null || _h === void 0 ? void 0 : _h.id), isOpenQuestion,
+            return Object.assign(Object.assign({}, state), { quizRequestState: constants_1.RequestStates.Success, quizCurrentQuestion: Object.assign(Object.assign({}, (_e = action.payload) === null || _e === void 0 ? void 0 : _e.quizCurrentQuestion), { isFirstQuestion: ((_f = quizFirstQuestion === null || quizFirstQuestion === void 0 ? void 0 : quizFirstQuestion.next_question) === null || _f === void 0 ? void 0 : _f.id) ===
+                        ((_j = (_h = (_g = action.payload) === null || _g === void 0 ? void 0 : _g.quizCurrentQuestion) === null || _h === void 0 ? void 0 : _h.next_question) === null || _j === void 0 ? void 0 : _j.id), isOpenQuestion,
                     isCoverQuestion,
                     isSingleQuestion,
                     isMultipleQuestion,
                     isSelectQuestion }), quizFirstQuestion, quizResults: undefined, selectedOptionsWithAttributes: undefined });
         }
         case actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS: {
-            const selectedOptionsWithAttributes = ((_j = action.payload) === null || _j === void 0 ? void 0 : _j.quizResults.quiz_selected_options.filter((option) => option.has_attribute).map((option) => option.value)) || [];
-            return Object.assign(Object.assign({}, state), { quizRequestState: constants_1.RequestStates.Success, quizResults: (_k = action.payload) === null || _k === void 0 ? void 0 : _k.quizResults, quizCurrentQuestion: undefined, selectedOptionsWithAttributes });
+            const selectedOptionsWithAttributes = ((_k = action.payload) === null || _k === void 0 ? void 0 : _k.quizResults.quiz_selected_options.filter((option) => option.has_attribute).map((option) => option.value)) || [];
+            return Object.assign(Object.assign({}, state), { quizRequestState: constants_1.RequestStates.Success, quizResults: (_l = action.payload) === null || _l === void 0 ? void 0 : _l.quizResults, quizCurrentQuestion: undefined, selectedOptionsWithAttributes });
         }
         case actions_1.QuizAPIActionTypes.RESET_QUIZ:
             return exports.initialState;

package/lib/cjs/components/CioQuiz/quizLocalReducer.js

@@ -5,6 +5,7 @@ const actions_1 = require("./actions");
 exports.initialState = {
     answers: [],
     answerInputs: {},
+    prevAnswerInputs: {},
     isLastAnswer: false,
     isQuizCompleted: false,
 };
@@ -26,7 +27,7 @@ function quizLocalReducer(state, action) {
         case actions_1.QuestionTypes.MultipleSelect:
             return Object.assign(Object.assign({}, state), { answerInputs: answerInputReducer(state.answerInputs, action), isLastAnswer: !!((_d = action.payload) === null || _d === void 0 ? void 0 : _d.isLastQuestion), isQuizCompleted: false });
         case actions_1.QuestionTypes.Next: {
-            const { answers } = state;
+            const { answers, answerInputs } = state;
             const newAnswers = [...answers];
             const lastAnswerInputIndex = answers.length;
             const currentAnswerInput = (_e = Object.values(state.answerInputs)) === null || _e === void 0 ? void 0 : _e[lastAnswerInputIndex];
@@ -46,11 +47,13 @@ function quizLocalReducer(state, action) {
                 default:
                     newAnswers.push([]);
             }
-            return Object.assign(Object.assign({}, state), { answers: newAnswers, isQuizCompleted: false });
+            return Object.assign(Object.assign({}, state), { 
+                // We now commit current answers to prevAnswerInputs
+                prevAnswerInputs: answerInputs, answers: newAnswers, isQuizCompleted: false });
         }
         case actions_1.QuestionTypes.Back: {
-            const newAnswerInputs = Object.assign({}, state.answerInputs);
-            return Object.assign(Object.assign({}, state), { answerInputs: newAnswerInputs, answers: [...state.answers.slice(0, -1)], isLastAnswer: false, isQuizCompleted: false });
+            const prevAnswerInputs = Object.assign({}, state.prevAnswerInputs);
+            return Object.assign(Object.assign({}, state), { answerInputs: prevAnswerInputs, answers: [...state.answers.slice(0, -1)], isLastAnswer: false, isQuizCompleted: false });
         }
         case actions_1.QuestionTypes.Reset:
             return Object.assign({}, exports.initialState);

package/lib/cjs/components/ProgressBar/ProgressBar.js

@@ -6,7 +6,7 @@ const context_1 = tslib_1.__importDefault(require("../CioQuiz/context"));
 function ProgressBar() {
     const { state } = (0, react_1.useContext)(context_1.default);
     const currentQuestion = state === null || state === void 0 ? void 0 : state.quiz.currentQuestion;
-    if (!currentQuestion)
+    if (!(currentQuestion === null || currentQuestion === void 0 ? void 0 : currentQuestion.next_question))
         return null;
     return (react_1.default.createElement("div", { className: 'cio-question-progress-affixed-container' },
         react_1.default.createElement("div", { className: 'cio-question-progress-progress-container' },

package/lib/cjs/components/SelectTypeQuestion/SelectTypeQuestion.js

@@ -15,8 +15,8 @@ function SelectTypeQuestion() {
     let instructions;
     if (state === null || state === void 0 ? void 0 : state.quiz.currentQuestion) {
         question = state.quiz.currentQuestion.next_question;
-        hasImages = question.options.some((option) => option.images);
-        instructions = question.type === actions_1.QuestionTypes.MultipleSelect && 'Select one or more options';
+        hasImages = question === null || question === void 0 ? void 0 : question.options.some((option) => option.images);
+        instructions = (question === null || question === void 0 ? void 0 : question.type) === actions_1.QuestionTypes.MultipleSelect && 'Select one or more options';
     }
     if (question) {
         return (react_1.default.createElement("div", { className: 'cio-select-question-container', "data-question-key": question.key },

package/lib/cjs/hooks/usePropsGetters/useNextQuestionButtonProps.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 function useNextQuestionButtonProps(nextQuestion, quizApiState, quizLocalState) {
     const getNextQuestionButtonProps = (0, react_1.useCallback)(() => {
-        var _a, _b, _c, _d, _e;
-        const currentQuestionId = (_a = quizApiState.quizCurrentQuestion) === null || _a === void 0 ? void 0 : _a.next_question.id;
+        var _a, _b, _c, _d, _e, _f;
+        const currentQuestionId = (_b = (_a = quizApiState.quizCurrentQuestion) === null || _a === void 0 ? void 0 : _a.next_question) === null || _b === void 0 ? void 0 : _b.id;
         let buttonDisabled;
-        if (currentQuestionId && !((_b = quizApiState.quizCurrentQuestion) === null || _b === void 0 ? void 0 : _b.isCoverQuestion)) {
+        if (currentQuestionId && !((_c = quizApiState.quizCurrentQuestion) === null || _c === void 0 ? void 0 : _c.isCoverQuestion)) {
             buttonDisabled =
-                !((_c = quizLocalState.answerInputs[currentQuestionId]) === null || _c === void 0 ? void 0 : _c.value) ||
-                    !((_e = (_d = quizLocalState.answerInputs[currentQuestionId]) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.length);
+                !((_d = quizLocalState.answerInputs[currentQuestionId]) === null || _d === void 0 ? void 0 : _d.value) ||
+                    !((_f = (_e = quizLocalState.answerInputs[currentQuestionId]) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.length);
         }
         return {
             className: buttonDisabled ? 'cio-question-cta-button disabled' : 'cio-question-cta-button',

package/lib/cjs/hooks/useQuizEvents/useQuizAnswerChangeHandler.js

@@ -4,43 +4,45 @@ const react_1 = require("react");
 const actions_1 = require("../../components/CioQuiz/actions");
 const useQuizAnswerChangeHandler = (quizApiState, dispatchLocalState) => {
     const quizAnswerChangedHandler = (0, react_1.useCallback)((payload) => {
-        var _a;
-        const questionType = (_a = quizApiState.quizCurrentQuestion) === null || _a === void 0 ? void 0 : _a.next_question.type;
+        var _a, _b;
+        const questionType = (_b = (_a = quizApiState.quizCurrentQuestion) === null || _a === void 0 ? void 0 : _a.next_question) === null || _b === void 0 ? void 0 : _b.type;
         const currentQuestion = quizApiState.quizCurrentQuestion;
-        switch (questionType) {
-            case actions_1.QuestionTypes.Cover:
-                dispatchLocalState({
-                    type: actions_1.QuestionTypes.Cover,
-                    payload: {
-                        questionId: currentQuestion.next_question.id,
-                        input: '',
-                        isLastQuestion: currentQuestion.is_last_question,
-                    },
-                });
-                break;
-            case actions_1.QuestionTypes.OpenText:
-                dispatchLocalState({
-                    type: actions_1.QuestionTypes.OpenText,
-                    payload: {
-                        questionId: currentQuestion.next_question.id,
-                        input: payload,
-                        isLastQuestion: currentQuestion.is_last_question,
-                    },
-                });
-                break;
-            case actions_1.QuestionTypes.SingleSelect:
-            case actions_1.QuestionTypes.MultipleSelect:
-                dispatchLocalState({
-                    type: currentQuestion.next_question.type,
-                    payload: {
-                        questionId: currentQuestion.next_question.id,
-                        input: payload,
-                        isLastQuestion: currentQuestion.is_last_question,
-                    },
-                });
-                break;
-            default:
-                break;
+        if (currentQuestion === null || currentQuestion === void 0 ? void 0 : currentQuestion.next_question) {
+            switch (questionType) {
+                case actions_1.QuestionTypes.Cover:
+                    dispatchLocalState({
+                        type: actions_1.QuestionTypes.Cover,
+                        payload: {
+                            questionId: currentQuestion.next_question.id,
+                            input: '',
+                            isLastQuestion: currentQuestion.is_last_question,
+                        },
+                    });
+                    break;
+                case actions_1.QuestionTypes.OpenText:
+                    dispatchLocalState({
+                        type: actions_1.QuestionTypes.OpenText,
+                        payload: {
+                            questionId: currentQuestion.next_question.id,
+                            input: payload,
+                            isLastQuestion: currentQuestion.is_last_question,
+                        },
+                    });
+                    break;
+                case actions_1.QuestionTypes.SingleSelect:
+                case actions_1.QuestionTypes.MultipleSelect:
+                    dispatchLocalState({
+                        type: currentQuestion.next_question.type,
+                        payload: {
+                            questionId: currentQuestion.next_question.id,
+                            input: payload,
+                            isLastQuestion: currentQuestion.is_last_question,
+                        },
+                    });
+                    break;
+                default:
+                    break;
+            }
         }
     }, [quizApiState, dispatchLocalState]);
     return quizAnswerChangedHandler;

package/lib/cjs/hooks/useQuizState/useQuizApiState.js

@@ -10,36 +10,39 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
 ) => {
     const [quizApiState, dispatchApiState] = (0, react_1.useReducer)(quizApiReducer_1.default, quizApiReducer_1.initialState);
     const { quizId, quizVersionId: quizVersionIdProp, resultsPageOptions } = quizOptions;
+    const dispatchQuizResults = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const quizResults = yield (0, services_1.getQuizResults)(cioClient, quizId, {
+                answers: quizLocalState.answers,
+                resultsPerPage: resultsPageOptions === null || resultsPageOptions === void 0 ? void 0 : resultsPageOptions.numResultsToDisplay,
+                quizVersionId: quizLocalState.quizVersionId,
+                quizSessionId: quizLocalState.quizSessionId,
+            });
+            // Set quiz results state
+            dispatchApiState({
+                type: actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS,
+                payload: {
+                    quizResults,
+                },
+            });
+            if (!quizLocalState.isQuizCompleted)
+                dispatchLocalState({
+                    type: actions_1.QuestionTypes.Complete,
+                });
+        }
+        catch (error) {
+            dispatchApiState({
+                type: actions_1.QuizAPIActionTypes.SET_IS_ERROR,
+            });
+        }
+    });
     (0, react_1.useEffect)(() => {
         (() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
             dispatchApiState({
                 type: actions_1.QuizAPIActionTypes.SET_IS_LOADING,
             });
             if (quizLocalState.isLastAnswer || skipToResults) {
-                try {
-                    const quizResults = yield (0, services_1.getQuizResults)(cioClient, quizId, {
-                        answers: quizLocalState.answers,
-                        resultsPerPage: resultsPageOptions === null || resultsPageOptions === void 0 ? void 0 : resultsPageOptions.numResultsToDisplay,
-                        quizVersionId: quizLocalState.quizVersionId,
-                        quizSessionId: quizLocalState.quizSessionId,
-                    });
-                    // Set quiz results state
-                    dispatchApiState({
-                        type: actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS,
-                        payload: {
-                            quizResults,
-                        },
-                    });
-                    if (!quizLocalState.isQuizCompleted)
-                        dispatchLocalState({
-                            type: actions_1.QuestionTypes.Complete,
-                        });
-                }
-                catch (error) {
-                    dispatchApiState({
-                        type: actions_1.QuizAPIActionTypes.SET_IS_ERROR,
-                    });
-                }
+                yield dispatchQuizResults();
             }
             else {
                 try {
@@ -50,6 +53,10 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
                         quizVersionId,
                         quizSessionId,
                     });
+                    if (!questionResult.next_question) {
+                        yield dispatchQuizResults();
+                        return;
+                    }
                     // Update quizSessionId, quizVersionId
                     if ((!quizSessionId && (questionResult === null || questionResult === void 0 ? void 0 : questionResult.quiz_session_id)) ||
                         (!quizVersionId && questionResult.quiz_version_id)) {

package/lib/cjs/services/index.js

@@ -9,6 +9,7 @@ const getCioClient = (apiKey) => {
         return new constructorio_client_javascript_1.default({
             apiKey,
             sendTrackingEvents: true,
+            version: 'cio-ui-quizzes',
         });
     }
     return undefined;

package/lib/mjs/components/CioQuiz/quizApiReducer.js

@@ -29,7 +29,7 @@ export default function apiReducer(state, action) {
                 quizRequestState: RequestStates.Success,
                 quizCurrentQuestion: {
                     ...action.payload?.quizCurrentQuestion,
-                    isFirstQuestion: quizFirstQuestion?.next_question.id ===
+                    isFirstQuestion: quizFirstQuestion?.next_question?.id ===
                         action.payload?.quizCurrentQuestion?.next_question?.id,
                     isOpenQuestion,
                     isCoverQuestion,

package/lib/mjs/components/CioQuiz/quizLocalReducer.js

@@ -2,6 +2,7 @@ import { QuestionTypes } from './actions';
 export const initialState = {
     answers: [],
     answerInputs: {},
+    prevAnswerInputs: {},
     isLastAnswer: false,
     isQuizCompleted: false,
 };
@@ -45,7 +46,7 @@ export default function quizLocalReducer(state, action) {
                 isQuizCompleted: false,
             };
         case QuestionTypes.Next: {
-            const { answers } = state;
+            const { answers, answerInputs } = state;
             const newAnswers = [...answers];
             const lastAnswerInputIndex = answers.length;
             const currentAnswerInput = Object.values(state.answerInputs)?.[lastAnswerInputIndex];
@@ -67,15 +68,17 @@ export default function quizLocalReducer(state, action) {
             }
             return {
                 ...state,
+                // We now commit current answers to prevAnswerInputs
+                prevAnswerInputs: answerInputs,
                 answers: newAnswers,
                 isQuizCompleted: false,
             };
         }
         case QuestionTypes.Back: {
-            const newAnswerInputs = { ...state.answerInputs };
+            const prevAnswerInputs = { ...state.prevAnswerInputs };
             return {
                 ...state,
-                answerInputs: newAnswerInputs,
+                answerInputs: prevAnswerInputs,
                 answers: [...state.answers.slice(0, -1)],
                 isLastAnswer: false,
                 isQuizCompleted: false,

package/lib/mjs/components/ProgressBar/ProgressBar.js

@@ -3,7 +3,7 @@ import QuizContext from '../CioQuiz/context';
 export default function ProgressBar() {
     const { state } = useContext(QuizContext);
     const currentQuestion = state?.quiz.currentQuestion;
-    if (!currentQuestion)
+    if (!currentQuestion?.next_question)
         return null;
     return (React.createElement("div", { className: 'cio-question-progress-affixed-container' },
         React.createElement("div", { className: 'cio-question-progress-progress-container' },

package/lib/mjs/components/SelectTypeQuestion/SelectTypeQuestion.js

@@ -11,8 +11,8 @@ function SelectTypeQuestion() {
     let instructions;
     if (state?.quiz.currentQuestion) {
         question = state.quiz.currentQuestion.next_question;
-        hasImages = question.options.some((option) => option.images);
-        instructions = question.type === QuestionTypes.MultipleSelect && 'Select one or more options';
+        hasImages = question?.options.some((option) => option.images);
+        instructions = question?.type === QuestionTypes.MultipleSelect && 'Select one or more options';
     }
     if (question) {
         return (React.createElement("div", { className: 'cio-select-question-container', "data-question-key": question.key },

package/lib/mjs/hooks/usePropsGetters/useNextQuestionButtonProps.js

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 export default function useNextQuestionButtonProps(nextQuestion, quizApiState, quizLocalState) {
     const getNextQuestionButtonProps = useCallback(() => {
-        const currentQuestionId = quizApiState.quizCurrentQuestion?.next_question.id;
+        const currentQuestionId = quizApiState.quizCurrentQuestion?.next_question?.id;
         let buttonDisabled;
         if (currentQuestionId && !quizApiState.quizCurrentQuestion?.isCoverQuestion) {
             buttonDisabled =

package/lib/mjs/hooks/useQuizEvents/useQuizAnswerChangeHandler.js

@@ -2,42 +2,44 @@ import { useCallback } from 'react';
 import { QuestionTypes } from '../../components/CioQuiz/actions';
 const useQuizAnswerChangeHandler = (quizApiState, dispatchLocalState) => {
     const quizAnswerChangedHandler = useCallback((payload) => {
-        const questionType = quizApiState.quizCurrentQuestion?.next_question.type;
+        const questionType = quizApiState.quizCurrentQuestion?.next_question?.type;
         const currentQuestion = quizApiState.quizCurrentQuestion;
-        switch (questionType) {
-            case QuestionTypes.Cover:
-                dispatchLocalState({
-                    type: QuestionTypes.Cover,
-                    payload: {
-                        questionId: currentQuestion.next_question.id,
-                        input: '',
-                        isLastQuestion: currentQuestion.is_last_question,
-                    },
-                });
-                break;
-            case QuestionTypes.OpenText:
-                dispatchLocalState({
-                    type: QuestionTypes.OpenText,
-                    payload: {
-                        questionId: currentQuestion.next_question.id,
-                        input: payload,
-                        isLastQuestion: currentQuestion.is_last_question,
-                    },
-                });
-                break;
-            case QuestionTypes.SingleSelect:
-            case QuestionTypes.MultipleSelect:
-                dispatchLocalState({
-                    type: currentQuestion.next_question.type,
-                    payload: {
-                        questionId: currentQuestion.next_question.id,
-                        input: payload,
-                        isLastQuestion: currentQuestion.is_last_question,
-                    },
-                });
-                break;
-            default:
-                break;
+        if (currentQuestion?.next_question) {
+            switch (questionType) {
+                case QuestionTypes.Cover:
+                    dispatchLocalState({
+                        type: QuestionTypes.Cover,
+                        payload: {
+                            questionId: currentQuestion.next_question.id,
+                            input: '',
+                            isLastQuestion: currentQuestion.is_last_question,
+                        },
+                    });
+                    break;
+                case QuestionTypes.OpenText:
+                    dispatchLocalState({
+                        type: QuestionTypes.OpenText,
+                        payload: {
+                            questionId: currentQuestion.next_question.id,
+                            input: payload,
+                            isLastQuestion: currentQuestion.is_last_question,
+                        },
+                    });
+                    break;
+                case QuestionTypes.SingleSelect:
+                case QuestionTypes.MultipleSelect:
+                    dispatchLocalState({
+                        type: currentQuestion.next_question.type,
+                        payload: {
+                            questionId: currentQuestion.next_question.id,
+                            input: payload,
+                            isLastQuestion: currentQuestion.is_last_question,
+                        },
+                    });
+                    break;
+                default:
+                    break;
+            }
         }
     }, [quizApiState, dispatchLocalState]);
     return quizAnswerChangedHandler;

package/lib/mjs/hooks/useQuizState/useQuizApiState.js

@@ -7,36 +7,39 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
 ) => {
     const [quizApiState, dispatchApiState] = useReducer(apiReducer, initialState);
     const { quizId, quizVersionId: quizVersionIdProp, resultsPageOptions } = quizOptions;
+    const dispatchQuizResults = async () => {
+        try {
+            const quizResults = await getQuizResults(cioClient, quizId, {
+                answers: quizLocalState.answers,
+                resultsPerPage: resultsPageOptions?.numResultsToDisplay,
+                quizVersionId: quizLocalState.quizVersionId,
+                quizSessionId: quizLocalState.quizSessionId,
+            });
+            // Set quiz results state
+            dispatchApiState({
+                type: QuizAPIActionTypes.SET_QUIZ_RESULTS,
+                payload: {
+                    quizResults,
+                },
+            });
+            if (!quizLocalState.isQuizCompleted)
+                dispatchLocalState({
+                    type: QuestionTypes.Complete,
+                });
+        }
+        catch (error) {
+            dispatchApiState({
+                type: QuizAPIActionTypes.SET_IS_ERROR,
+            });
+        }
+    };
     useEffect(() => {
         (async () => {
             dispatchApiState({
                 type: QuizAPIActionTypes.SET_IS_LOADING,
             });
             if (quizLocalState.isLastAnswer || skipToResults) {
-                try {
-                    const quizResults = await getQuizResults(cioClient, quizId, {
-                        answers: quizLocalState.answers,
-                        resultsPerPage: resultsPageOptions?.numResultsToDisplay,
-                        quizVersionId: quizLocalState.quizVersionId,
-                        quizSessionId: quizLocalState.quizSessionId,
-                    });
-                    // Set quiz results state
-                    dispatchApiState({
-                        type: QuizAPIActionTypes.SET_QUIZ_RESULTS,
-                        payload: {
-                            quizResults,
-                        },
-                    });
-                    if (!quizLocalState.isQuizCompleted)
-                        dispatchLocalState({
-                            type: QuestionTypes.Complete,
-                        });
-                }
-                catch (error) {
-                    dispatchApiState({
-                        type: QuizAPIActionTypes.SET_IS_ERROR,
-                    });
-                }
+                await dispatchQuizResults();
             }
             else {
                 try {
@@ -47,6 +50,10 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
                         quizVersionId,
                         quizSessionId,
                     });
+                    if (!questionResult.next_question) {
+                        await dispatchQuizResults();
+                        return;
+                    }
                     // Update quizSessionId, quizVersionId
                     if ((!quizSessionId && questionResult?.quiz_session_id) ||
                         (!quizVersionId && questionResult.quiz_version_id)) {

package/lib/mjs/services/index.js

@@ -5,6 +5,7 @@ export const getCioClient = (apiKey) => {
         return new ConstructorIOClient({
             apiKey,
             sendTrackingEvents: true,
+            version: 'cio-ui-quizzes',
         });
     }
     return undefined;

package/lib/types/components/CioQuiz/quizLocalReducer.d.ts

@@ -4,6 +4,7 @@ export type Answers = string[][];
 export type QuizLocalReducerState = {
     answers: Answers;
     answerInputs: AnswerInputState;
+    prevAnswerInputs: AnswerInputState;
     isLastAnswer: boolean;
     isQuizCompleted: boolean;
     quizVersionId?: string;

package/lib/types/hooks/usePropsGetters/useCoverQuestionProps.d.ts

@@ -1,2 +1,3 @@
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { GetCoverQuestionProps, Question, QuizEventsReturn } from '../../types';
-export default function useCoverQuestionProps(setQuizAnswers: QuizEventsReturn.QuizAnswerChanged, currentQuestionData?: Question): GetCoverQuestionProps;
+export default function useCoverQuestionProps(setQuizAnswers: QuizEventsReturn.QuizAnswerChanged, currentQuestionData?: Nullable<Question>): GetCoverQuestionProps;

package/lib/types/hooks/usePropsGetters/useOpenTextInputProps.d.ts

@@ -1,2 +1,3 @@
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { AnswerInputState, GetOpenTextInputProps, Question, QuizEventsReturn } from '../../types';
-export default function useOpenTextInputProps(setQuizAnswers: QuizEventsReturn.QuizAnswerChanged, nextQuestion: QuizEventsReturn.NextQuestion, currentQuestionData?: Question, answerInputs?: AnswerInputState): GetOpenTextInputProps;
+export default function useOpenTextInputProps(setQuizAnswers: QuizEventsReturn.QuizAnswerChanged, nextQuestion: QuizEventsReturn.NextQuestion, currentQuestionData?: Nullable<Question>, answerInputs?: AnswerInputState): GetOpenTextInputProps;

package/lib/types/hooks/usePropsGetters/useSelectInputProps.d.ts

@@ -1,2 +1,3 @@
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { AnswerInputState, GetSelectInputProps, Question, QuizEventsReturn } from '../../types';
-export default function useSelectInputProps(quizAnswerChanged: QuizEventsReturn.QuizAnswerChanged, nextQuestion: QuizEventsReturn.NextQuestion, currentQuestionData?: Question, answerInputs?: AnswerInputState): GetSelectInputProps;
+export default function useSelectInputProps(quizAnswerChanged: QuizEventsReturn.QuizAnswerChanged, nextQuestion: QuizEventsReturn.NextQuestion, currentQuestionData?: Nullable<Question>, answerInputs?: AnswerInputState): GetSelectInputProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-quizzes",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "Constructor.io Quizzes UI library for web applications",
   "author": "constructor.io",
   "license": "MIT",