@constructor-io/constructorio-ui-quizzes 1.10.4 → 1.11.1

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

@@ -24,4 +24,6 @@ var QuizAPIActionTypes;
     QuizAPIActionTypes[QuizAPIActionTypes["SET_CURRENT_QUESTION"] = 3] = "SET_CURRENT_QUESTION";
     QuizAPIActionTypes[QuizAPIActionTypes["RESET_QUIZ"] = 4] = "RESET_QUIZ";
     QuizAPIActionTypes[QuizAPIActionTypes["SET_QUIZ_SHARED_RESULTS"] = 5] = "SET_QUIZ_SHARED_RESULTS";
+    QuizAPIActionTypes[QuizAPIActionTypes["SET_QUIZ_RESULTS_CONFIG"] = 6] = "SET_QUIZ_RESULTS_CONFIG";
+    QuizAPIActionTypes[QuizAPIActionTypes["SET_QUIZ_RESULTS_CONFIG_ERROR"] = 7] = "SET_QUIZ_RESULTS_CONFIG_ERROR";
 })(QuizAPIActionTypes = exports.QuizAPIActionTypes || (exports.QuizAPIActionTypes = {}));

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, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     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 });
@@ -31,8 +31,14 @@ function apiReducer(state, action) {
         case actions_1.QuizAPIActionTypes.SET_QUIZ_SHARED_RESULTS: {
             return Object.assign(Object.assign({}, state), { quizRequestState: constants_1.RequestStates.Success, quizResults: (_m = action.payload) === null || _m === void 0 ? void 0 : _m.quizResults, quizCurrentQuestion: undefined, selectedOptionsWithAttributes: (_o = action.payload) === null || _o === void 0 ? void 0 : _o.quizResults.attributes });
         }
+        case actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG: {
+            return Object.assign(Object.assign({}, state), { resultsConfig: (_p = action.payload) === null || _p === void 0 ? void 0 : _p.quizResultsConfig.results_config });
+        }
+        case actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG_ERROR: {
+            return Object.assign(Object.assign({}, state), { resultsConfig: null });
+        }
         case actions_1.QuizAPIActionTypes.RESET_QUIZ:
-            return exports.initialState;
+            return Object.assign({}, exports.initialState);
         default:
             return state;
     }

package/lib/cjs/components/ResultContainer/ResultContainer.js

@@ -10,16 +10,44 @@ const ZeroResults_1 = tslib_1.__importDefault(require("../ZeroResults/ZeroResult
 const Results_1 = tslib_1.__importDefault(require("../Results/Results"));
 const Spinner_1 = tslib_1.__importDefault(require("../Spinner/Spinner"));
 function ResultContainer(props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { resultCardOptions, onShare, resultsPageOptions } = props;
     const { state } = (0, react_1.useContext)(context_1.default);
     const { resultCardSalePriceKey, resultCardRegularPriceKey, resultCardRatingCountKey, resultCardRatingScoreKey, renderResultCardPriceDetails, } = resultCardOptions || {};
     const numberOfResults = (_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.quiz.results) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.results) === null || _c === void 0 ? void 0 : _c.length;
+    const resultsConfig = state === null || state === void 0 ? void 0 : state.quiz.resultsConfig;
     const zeroResults = !numberOfResults;
-    const resultsTitle = zeroResults ? '' : 'Here are your results';
+    let resultsTitle;
+    if (zeroResults) {
+        resultsTitle = '';
+    }
+    else if (resultsConfig === null) {
+        resultsTitle = 'Here are your results';
+    }
+    else if ((_d = resultsConfig === null || resultsConfig === void 0 ? void 0 : resultsConfig.desktop.title) === null || _d === void 0 ? void 0 : _d.is_active) {
+        resultsTitle = (_e = resultsConfig.desktop.title.text) !== null && _e !== void 0 ? _e : '';
+    }
+    else {
+        resultsTitle = '';
+    }
+    let resultsDescription;
+    if (zeroResults) {
+        resultsDescription = '';
+    }
+    else if (resultsConfig === null) {
+        resultsDescription = '';
+    }
+    else if ((_f = resultsConfig === null || resultsConfig === void 0 ? void 0 : resultsConfig.desktop.description) === null || _f === void 0 ? void 0 : _f.is_active) {
+        resultsDescription = (_g = resultsConfig.desktop.description.text) !== null && _g !== void 0 ? _g : '';
+    }
+    else {
+        resultsDescription = '';
+    }
     if (state === null || state === void 0 ? void 0 : state.quiz.results) {
         return (react_1.default.createElement("div", { className: 'cio-results-container' },
-            react_1.default.createElement("h1", { className: 'cio-results-title' }, resultsTitle),
+            react_1.default.createElement("div", { className: 'cio-results-title-container' },
+                react_1.default.createElement("h1", { className: 'cio-results-title' }, resultsTitle),
+                react_1.default.createElement("p", { className: 'cio-results-description' }, resultsDescription)),
             react_1.default.createElement("div", { className: 'cio-results-filter-and-redo-container cio-results-button-group' },
                 react_1.default.createElement(ResultFilters_1.default, { hasNoResults: zeroResults }),
                 react_1.default.createElement("div", { className: 'cio-results-redo-and-share-button-group' },

package/lib/cjs/hooks/useQuiz.js

@@ -9,6 +9,7 @@ const usePrimaryColorStyles_1 = tslib_1.__importDefault(require("./usePrimaryCol
 const useQuizEvents_1 = tslib_1.__importDefault(require("./useQuizEvents"));
 const useQuizState_1 = tslib_1.__importDefault(require("./useQuizState"));
 const useQuiz = (quizOptions) => {
+    var _a;
     const { apiKey, cioJsClient, primaryColor, resultsPageOptions } = quizOptions;
     // Log console errors for required parameters quizId
     (0, useConsoleErrors_1.default)(quizOptions);
@@ -39,6 +40,7 @@ const useQuiz = (quizOptions) => {
                 currentQuestion: quizApiState.quizCurrentQuestion,
                 results: quizApiState.quizResults,
                 selectedOptionsWithAttributes: quizApiState.selectedOptionsWithAttributes,
+                resultsConfig: (_a = quizApiState.resultsConfig) !== null && _a !== void 0 ? _a : null,
             },
             quizSessionStorageState,
         }, events: Object.assign({}, quizEvents) }, propGetters), { primaryColorStyles });

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

@@ -38,6 +38,23 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
             });
         }
     });
+    const dispatchQuizResultsConfig = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const quizResultsConfig = yield (0, services_1.getQuizResultsConfig)(cioClient, quizId, {
+                quizVersionId: quizLocalState.quizVersionId,
+            });
+            dispatchApiState({
+                type: actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG,
+                payload: { quizResultsConfig },
+            });
+        }
+        catch (error) {
+            dispatchApiState({
+                type: actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG_ERROR,
+                payload: { quizResultsConfigError: null },
+            });
+        }
+    });
     const dispatchSharedQuizResults = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         try {
             const quizResults = yield (0, services_1.getBrowseResultsForItemIds)(cioClient, queryItems);
@@ -52,6 +69,11 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
             });
         }
     });
+    (0, react_1.useEffect)(() => {
+        if (typeof quizApiState.resultsConfig === 'undefined')
+            dispatchQuizResultsConfig();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [quizApiState.resultsConfig]);
     (0, react_1.useEffect)(() => {
         (() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
             dispatchApiState({

package/lib/cjs/services/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackQuizConversion = exports.trackQuizResultClick = exports.trackQuizResultsLoaded = exports.getBrowseResultsForItemIds = exports.getQuizResults = exports.getNextQuestion = exports.getCioClient = void 0;
+exports.trackQuizConversion = exports.trackQuizResultClick = exports.trackQuizResultsLoaded = exports.getBrowseResultsForItemIds = exports.getQuizResultsConfig = exports.getQuizResults = exports.getNextQuestion = exports.getCioClient = void 0;
 const tslib_1 = require("tslib");
 /* eslint-disable @typescript-eslint/naming-convention */
 const constructorio_client_javascript_1 = tslib_1.__importDefault(require("@constructor-io/constructorio-client-javascript"));
@@ -20,6 +20,8 @@ const getNextQuestion = (cioClient, quizId, parameters) => cioClient === null ||
 exports.getNextQuestion = getNextQuestion;
 const getQuizResults = (cioClient, quizId, parameters) => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return cioClient === null || cioClient === void 0 ? void 0 : cioClient.quizzes.getQuizResults(quizId, parameters); });
 exports.getQuizResults = getQuizResults;
+const getQuizResultsConfig = (cioClient, quizId, parameters) => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return cioClient === null || cioClient === void 0 ? void 0 : cioClient.quizzes.getQuizResultsConfig(quizId, parameters); });
+exports.getQuizResultsConfig = getQuizResultsConfig;
 const getBrowseResultsForItemIds = (cioClient, itemIds) => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return cioClient === null || cioClient === void 0 ? void 0 : cioClient.browse.getBrowseResultsForItemIds(itemIds); });
 exports.getBrowseResultsForItemIds = getBrowseResultsForItemIds;
 // Tracking requests

package/lib/cjs/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.10.4';
+exports.default = '1.11.1';

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

@@ -21,4 +21,6 @@ export var QuizAPIActionTypes;
     QuizAPIActionTypes[QuizAPIActionTypes["SET_CURRENT_QUESTION"] = 3] = "SET_CURRENT_QUESTION";
     QuizAPIActionTypes[QuizAPIActionTypes["RESET_QUIZ"] = 4] = "RESET_QUIZ";
     QuizAPIActionTypes[QuizAPIActionTypes["SET_QUIZ_SHARED_RESULTS"] = 5] = "SET_QUIZ_SHARED_RESULTS";
+    QuizAPIActionTypes[QuizAPIActionTypes["SET_QUIZ_RESULTS_CONFIG"] = 6] = "SET_QUIZ_RESULTS_CONFIG";
+    QuizAPIActionTypes[QuizAPIActionTypes["SET_QUIZ_RESULTS_CONFIG_ERROR"] = 7] = "SET_QUIZ_RESULTS_CONFIG_ERROR";
 })(QuizAPIActionTypes || (QuizAPIActionTypes = {}));

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

@@ -63,8 +63,20 @@ export default function apiReducer(state, action) {
                 selectedOptionsWithAttributes: action.payload?.quizResults.attributes,
             };
         }
+        case QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG: {
+            return {
+                ...state,
+                resultsConfig: action.payload?.quizResultsConfig.results_config,
+            };
+        }
+        case QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG_ERROR: {
+            return {
+                ...state,
+                resultsConfig: null,
+            };
+        }
         case QuizAPIActionTypes.RESET_QUIZ:
-            return initialState;
+            return { ...initialState };
         default:
             return state;
     }

package/lib/mjs/components/ResultContainer/ResultContainer.js

@@ -11,11 +11,39 @@ export default function ResultContainer(props) {
     const { state } = useContext(QuizContext);
     const { resultCardSalePriceKey, resultCardRegularPriceKey, resultCardRatingCountKey, resultCardRatingScoreKey, renderResultCardPriceDetails, } = resultCardOptions || {};
     const numberOfResults = state?.quiz.results?.response?.results?.length;
+    const resultsConfig = state?.quiz.resultsConfig;
     const zeroResults = !numberOfResults;
-    const resultsTitle = zeroResults ? '' : 'Here are your results';
+    let resultsTitle;
+    if (zeroResults) {
+        resultsTitle = '';
+    }
+    else if (resultsConfig === null) {
+        resultsTitle = 'Here are your results';
+    }
+    else if (resultsConfig?.desktop.title?.is_active) {
+        resultsTitle = resultsConfig.desktop.title.text ?? '';
+    }
+    else {
+        resultsTitle = '';
+    }
+    let resultsDescription;
+    if (zeroResults) {
+        resultsDescription = '';
+    }
+    else if (resultsConfig === null) {
+        resultsDescription = '';
+    }
+    else if (resultsConfig?.desktop.description?.is_active) {
+        resultsDescription = resultsConfig.desktop.description.text ?? '';
+    }
+    else {
+        resultsDescription = '';
+    }
     if (state?.quiz.results) {
         return (React.createElement("div", { className: 'cio-results-container' },
-            React.createElement("h1", { className: 'cio-results-title' }, resultsTitle),
+            React.createElement("div", { className: 'cio-results-title-container' },
+                React.createElement("h1", { className: 'cio-results-title' }, resultsTitle),
+                React.createElement("p", { className: 'cio-results-description' }, resultsDescription)),
             React.createElement("div", { className: 'cio-results-filter-and-redo-container cio-results-button-group' },
                 React.createElement(ResultFilters, { hasNoResults: zeroResults }),
                 React.createElement("div", { className: 'cio-results-redo-and-share-button-group' },

package/lib/mjs/hooks/useQuiz.js

@@ -38,6 +38,7 @@ const useQuiz = (quizOptions) => {
                 currentQuestion: quizApiState.quizCurrentQuestion,
                 results: quizApiState.quizResults,
                 selectedOptionsWithAttributes: quizApiState.selectedOptionsWithAttributes,
+                resultsConfig: quizApiState.resultsConfig ?? null,
             },
             quizSessionStorageState,
         },

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

@@ -1,7 +1,7 @@
 import { useEffect, useReducer } from 'react';
 import { QuestionTypes, QuizAPIActionTypes, } from '../../components/CioQuiz/actions';
 import apiReducer, { initialState, } from '../../components/CioQuiz/quizApiReducer';
-import { getNextQuestion, getQuizResults, getBrowseResultsForItemIds } from '../../services';
+import { getNextQuestion, getQuizResults, getBrowseResultsForItemIds, getQuizResultsConfig, } from '../../services';
 import useQueryParams from '../useQueryParams';
 const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults, dispatchLocalState
 // eslint-disable-next-line max-params
@@ -35,6 +35,23 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
             });
         }
     };
+    const dispatchQuizResultsConfig = async () => {
+        try {
+            const quizResultsConfig = await getQuizResultsConfig(cioClient, quizId, {
+                quizVersionId: quizLocalState.quizVersionId,
+            });
+            dispatchApiState({
+                type: QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG,
+                payload: { quizResultsConfig },
+            });
+        }
+        catch (error) {
+            dispatchApiState({
+                type: QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG_ERROR,
+                payload: { quizResultsConfigError: null },
+            });
+        }
+    };
     const dispatchSharedQuizResults = async () => {
         try {
             const quizResults = await getBrowseResultsForItemIds(cioClient, queryItems);
@@ -49,6 +66,11 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
             });
         }
     };
+    useEffect(() => {
+        if (typeof quizApiState.resultsConfig === 'undefined')
+            dispatchQuizResultsConfig();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [quizApiState.resultsConfig]);
     useEffect(() => {
         (async () => {
             dispatchApiState({

package/lib/mjs/services/index.js

@@ -13,6 +13,7 @@ export const getCioClient = (apiKey) => {
 };
 export const getNextQuestion = (cioClient, quizId, parameters) => cioClient?.quizzes.getQuizNextQuestion(quizId, parameters);
 export const getQuizResults = async (cioClient, quizId, parameters) => cioClient?.quizzes.getQuizResults(quizId, parameters);
+export const getQuizResultsConfig = async (cioClient, quizId, parameters) => cioClient?.quizzes.getQuizResultsConfig(quizId, parameters);
 export const getBrowseResultsForItemIds = async (cioClient, itemIds) => cioClient?.browse.getBrowseResultsForItemIds(itemIds);
 // Tracking requests
 export const trackQuizResultsLoaded = (cioClient, quizResults) => {

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.10.4';
+export default '1.11.1';

package/lib/styles.css

@@ -471,8 +471,7 @@
   margin-left: auto;
 }
 .cio-quiz .cio-results-title {
-  margin-top: 0;
-  margin-bottom: 1rem;
+  margin: 0;
   color: var(--gray-dust-500);
 }
 .cio-quiz .cio-results-filter-container {
@@ -1086,3 +1085,16 @@
     max-width: 138px;
   }
 }
+
+.cio-quiz .cio-results-description {
+  margin: 0;
+  color: var(--gray-dust-500);
+  font-weight: bold;
+}
+
+.cio-quiz .cio-results-title-container {
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}

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

@@ -1,4 +1,4 @@
-import { CurrentQuestion, NextQuestionResponse, QuestionOption, QuizResultsResponse, QuizSharedResultsData } from '../../types';
+import { CurrentQuestion, NextQuestionResponse, QuestionOption, QuizResultsResponse, QuizSharedResultsData, QuizResultsConfigResponse } from '../../types';
 import type { QuizLocalReducerState } from './quizLocalReducer';
 export declare enum QuestionTypes {
     OpenText = "open",
@@ -31,7 +31,9 @@ export declare enum QuizAPIActionTypes {
     SET_QUIZ_RESULTS = 2,
     SET_CURRENT_QUESTION = 3,
     RESET_QUIZ = 4,
-    SET_QUIZ_SHARED_RESULTS = 5
+    SET_QUIZ_SHARED_RESULTS = 5,
+    SET_QUIZ_RESULTS_CONFIG = 6,
+    SET_QUIZ_RESULTS_CONFIG_ERROR = 7
 }
 export type ActionSetIsLoading = Action<QuizAPIActionTypes.SET_IS_LOADING>;
 export type ActionSetIsError = Action<QuizAPIActionTypes.SET_IS_ERROR>;
@@ -47,5 +49,8 @@ export type ActionSetCurrentQuestion = Action<QuizAPIActionTypes.SET_CURRENT_QUE
     quizVersionId?: string;
 }>;
 export type ActionResetQuiz = Action<QuizAPIActionTypes.RESET_QUIZ>;
-export type ActionQuizAPI = ActionSetIsLoading | ActionSetIsError | ActionSetQuizResults | ActionSetCurrentQuestion | ActionResetQuiz | ActionSetQuizSharedResults;
+export type ActionSetQuizResultsConfig = Action<QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG, {
+    quizResultsConfig: QuizResultsConfigResponse;
+}> | Action<QuizAPIActionTypes.SET_QUIZ_RESULTS_CONFIG_ERROR>;
+export type ActionQuizAPI = ActionSetIsLoading | ActionSetIsError | ActionSetQuizResults | ActionSetCurrentQuestion | ActionResetQuiz | ActionSetQuizSharedResults | ActionSetQuizResultsConfig;
 export {};

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

@@ -1,5 +1,5 @@
 import { RequestStates } from '../../constants';
-import { CurrentQuestion, NextQuestionResponse, QuizResultsResponse, QuizSharedResultsData } from '../../types';
+import { CurrentQuestion, NextQuestionResponse, QuizResultsResponse, QuizSharedResultsData, QuizResultsConfig } from '../../types';
 import { ActionQuizAPI } from './actions';
 export type QuizAPIReducerState = {
     quizRequestState: RequestStates;
@@ -7,6 +7,7 @@ export type QuizAPIReducerState = {
     quizFirstQuestion?: NextQuestionResponse;
     quizResults?: QuizResultsResponse | QuizSharedResultsData;
     selectedOptionsWithAttributes?: string[];
+    resultsConfig?: QuizResultsConfig | null;
 };
 export declare const initialState: QuizAPIReducerState;
 export default function apiReducer(state: QuizAPIReducerState, action: ActionQuizAPI): QuizAPIReducerState;

package/lib/types/services/index.d.ts

@@ -1,8 +1,9 @@
 import ConstructorIOClient, { type GetBrowseResultsForItemIdsResponse } from '@constructor-io/constructorio-client-javascript';
-import { QuizzesParameters, QuizzesResultsParameters, NextQuestionResponse, QuizResultsResponse, QuizResultDataPartial, QuizSharedResultsData } from '../types';
+import { QuizzesParameters, QuizzesResultsParameters, NextQuestionResponse, QuizResultsResponse, QuizResultDataPartial, QuizSharedResultsData, QuizResultsConfigResponse } from '../types';
 export declare const getCioClient: (apiKey?: string) => ConstructorIOClient | undefined;
 export declare const getNextQuestion: (cioClient: ConstructorIOClient, quizId: string, parameters: QuizzesParameters) => Promise<NextQuestionResponse>;
 export declare const getQuizResults: (cioClient: ConstructorIOClient, quizId: string, parameters: QuizzesResultsParameters) => Promise<QuizResultsResponse>;
+export declare const getQuizResultsConfig: (cioClient: ConstructorIOClient, quizId: string, parameters: Pick<QuizzesParameters, 'quizVersionId'>) => Promise<QuizResultsConfigResponse>;
 export declare const getBrowseResultsForItemIds: (cioClient: ConstructorIOClient, itemIds: string[]) => Promise<GetBrowseResultsForItemIdsResponse>;
 export declare const trackQuizResultsLoaded: (cioClient: ConstructorIOClient, quizResults: QuizResultsResponse | QuizSharedResultsData) => void;
 export declare const trackQuizResultClick: (cioClient: ConstructorIOClient, quizResults: QuizResultsResponse | QuizSharedResultsData, result: QuizResultDataPartial, position: number) => void;

package/lib/types/types.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
-import { QuizResultData, NextQuestionResponse, QuizResultsResponse, QuestionOption, Question } from '@constructor-io/constructorio-client-javascript/lib/types';
+import { QuizResultData, NextQuestionResponse, QuizResultsResponse, QuestionOption, Question, QuizResultsConfig } from '@constructor-io/constructorio-client-javascript/lib/types';
 import ConstructorIOClient, { GetBrowseResultsForItemIdsResponse } from '@constructor-io/constructorio-client-javascript';
 import { RequestStates } from './constants';
 import { QuestionTypes } from './components/CioQuiz/actions';
-export type { QuestionOption, QuestionImages, Question, NextQuestionResponse, QuizResultsResponse, BrowseResultData, BrowseRequestType, QuizzesParameters, QuizzesResultsParameters, } from '@constructor-io/constructorio-client-javascript/lib/types';
+export type { QuestionOption, QuestionImages, Question, NextQuestionResponse, QuizResultsResponse, QuizResultsConfigResponse, QuizResultsConfig, BrowseResultData, BrowseRequestType, QuizzesParameters, QuizzesResultsParameters, } from '@constructor-io/constructorio-client-javascript/lib/types';
 export type QuizResultDataPartial = Partial<QuizResultData>;
 export type QuizEmailResults = {
     email: string;
@@ -74,6 +74,7 @@ export interface QuizReturnState {
         currentQuestion?: CurrentQuestion | undefined;
         results?: QuizResultsResponse | QuizSharedResultsData | undefined;
         selectedOptionsWithAttributes?: string[];
+        resultsConfig: QuizResultsConfig | null;
     };
     quizSessionStorageState: QuizSessionStorageState;
 }

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.10.4";
+declare const _default: "1.11.1";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-quizzes",
-  "version": "1.10.4",
+  "version": "1.11.1",
   "description": "Constructor.io Quizzes UI library for web applications",
   "author": "constructor.io",
   "license": "MIT",
@@ -42,7 +42,6 @@
   "types": "lib/types/index.d.ts",
   "scripts": {
     "storybook-docs-dev": "storybook dev --docs -p 6007",
-    "build-storybook-docs": "storybook build --docs",
     "lint": "eslint src --ext js,ts,jsx,tsx",
     "check-types": "npx tsc --noEmit",
     "copy-styles": "cp src/styles.css lib/styles.css",
@@ -52,16 +51,17 @@
     "test-storybook": "test-storybook",
     "test-storybook:watch": "test-storybook --watch",
     "test-storybook:ci": "start-server-and-test storybook:ci http://localhost:6006 test-storybook",
-    "build-storybook": "storybook build -o 'docs'",
+    "build-storybook": "storybook build",
+    "build-storybook-docs": "storybook build --docs -o 'docs'",
     "serve-built-storybook": "npx http-server docs",
     "verify-node-version": "chmod +x ./scripts/verify-node-version.sh && ./scripts/verify-node-version.sh",
     "preversion": "node ./src/generateVersion.js",
-    "version": "npm run preversion && npm run verify-node-version && npm run build-storybook && git add -u ./docs && git add ./docs/* && git add ./src/version.ts && npm run compile",
+    "version": "npm run preversion && npm run verify-node-version && npm run build-storybook-docs && git add -u ./docs && git add ./docs/* && git add ./src/version.ts && npm run compile",
     "compile": "node ./src/generateVersion.js && rm -rf lib && tsc -p tsconfig.json && tsc -p tsconfig-cjs.json && npm run copy-styles && vite build",
     "check-license": "license-checker --production --onlyAllow 'Apache-2.0;BSD-3-Clause;MIT;0BSD;BSD-2-Clause' --excludePackages 'picocolors@1.0.0'"
   },
   "peerDependencies": {
-    "@constructor-io/constructorio-client-javascript": "^2.36.4",
+    "@constructor-io/constructorio-client-javascript": "^2.39.0",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0",
     "tslib": "^2.4.0"