@constructor-io/constructorio-ui-quizzes 1.13.0 → 1.14.0

package/lib/cjs/components/CoverTypeQuestion/CoverTypeQuestion.js

@@ -18,7 +18,7 @@ function CoverTypeQuestion() {
         return (react_1.default.createElement("div", { className: `
         cio-container${hasImage ? '--with-image' : ''}
         cio-cover-question-container${hasImage ? '--with-image' : ''}
-      `, "data-question-key": question.key },
+      `, "data-cnstrc-question-type": question.type, "data-question-key": question.key },
             hasImage ? (0, utils_1.renderImages)(question.images, 'cio-question-image-container') : '',
             react_1.default.createElement("div", { className: 'cio-question-content' },
                 react_1.default.createElement(QuestionTitle_1.default, { title: question === null || question === void 0 ? void 0 : question.title }),

package/lib/cjs/components/OpenTextTypeQuestion/OpenTextTypeQuestion.js

@@ -18,7 +18,7 @@ function OpenTextQuestion() {
         return (react_1.default.createElement("div", { className: `
           cio-container${hasImage ? '--with-image' : ''}
           cio-open-text-question-container${hasImage ? '--with-image' : ''}
-        `, "data-question-key": question.key },
+        `, "data-cnstrc-question-type": question.type, "data-question-key": question.key },
             hasImage ? (0, utils_1.renderImages)(question.images, 'cio-question-image-container') : '',
             react_1.default.createElement("div", { className: 'cio-question-content' },
                 react_1.default.createElement(QuestionTitle_1.default, { title: question.title }),

package/lib/cjs/components/ResultCard/ResultCard.js

@@ -5,14 +5,14 @@ const react_1 = tslib_1.__importStar(require("react"));
 const ResultCtaButton_1 = tslib_1.__importDefault(require("../ResultCtaButton/ResultCtaButton"));
 const ResultFavoritesButton_1 = tslib_1.__importDefault(require("../ResultFavoritesButton/ResultFavoritesButton"));
 const context_1 = tslib_1.__importDefault(require("../CioQuiz/context"));
+const utils_1 = require("../../utils");
 function ResultCard(props) {
-    var _a, _b, _c, _d;
     const { result, salePriceKey, regularPriceKey, resultPosition, ratingCountKey, ratingScoreKey, renderResultCardPriceDetails, } = props;
     const { customAddToFavoritesCallback, customClickItemCallback, getQuizResultButtonProps, getQuizResultLinkProps, } = (0, react_1.useContext)(context_1.default);
-    const salePrice = salePriceKey && ((_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a[salePriceKey]);
-    const regularPrice = regularPriceKey && ((_b = result === null || result === void 0 ? void 0 : result.data) === null || _b === void 0 ? void 0 : _b[regularPriceKey]);
-    const ratingCount = ratingCountKey && ((_c = result === null || result === void 0 ? void 0 : result.data) === null || _c === void 0 ? void 0 : _c[ratingCountKey]);
-    const ratingScore = ratingScoreKey && ((_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d[ratingScoreKey]);
+    const salePrice = (0, utils_1.validateNumberOrString)((0, utils_1.getNestedValueUsingDotNotation)(result === null || result === void 0 ? void 0 : result.data, salePriceKey));
+    const regularPrice = (0, utils_1.validateNumberOrString)((0, utils_1.getNestedValueUsingDotNotation)(result === null || result === void 0 ? void 0 : result.data, regularPriceKey));
+    const ratingCount = (0, utils_1.validateNumberOrString)((0, utils_1.getNestedValueUsingDotNotation)(result === null || result === void 0 ? void 0 : result.data, ratingCountKey));
+    const ratingScore = (0, utils_1.validateNumberOrString)((0, utils_1.getNestedValueUsingDotNotation)(result === null || result === void 0 ? void 0 : result.data, ratingScoreKey));
     const resultCardContent = () => {
         var _a;
         return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -22,18 +22,18 @@ function ResultCard(props) {
                 react_1.default.createElement("p", { className: 'cio-result-card-title' }, result.value),
                 react_1.default.createElement("div", { className: 'cio-result-card-details' },
                     react_1.default.createElement("div", { className: 'cio-result-card-rating' },
-                        ratingScore && (react_1.default.createElement("span", { className: 'cio-result-card-rating-score' },
+                        !!ratingScore && (react_1.default.createElement("span", { className: 'cio-result-card-rating-score' },
                             Array(Number(ratingScore)).fill('★'),
                             Array(5 - Number(ratingScore)).fill('☆'))),
-                        ratingCount && react_1.default.createElement("span", { className: 'cio-result-card-rating-count' },
+                        !!ratingCount && react_1.default.createElement("span", { className: 'cio-result-card-rating-count' },
                             "(",
                             ratingCount,
                             ")")),
                     renderResultCardPriceDetails ? (renderResultCardPriceDetails(result)) : (react_1.default.createElement("div", { className: 'cio-result-card-prices' },
-                        salePrice && react_1.default.createElement("span", { className: 'cio-result-card-sale-price' },
+                        !!salePrice && react_1.default.createElement("span", { className: 'cio-result-card-sale-price' },
                             "$",
                             salePrice),
-                        regularPrice && (react_1.default.createElement("span", { className: `cio-result-card-regular-price${salePrice ? '--strike-through' : ''}` },
+                        !!regularPrice && (react_1.default.createElement("span", { className: `cio-result-card-regular-price${salePrice ? '--strike-through' : ''}` },
                             "$",
                             regularPrice))))))));
     };

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

@@ -19,7 +19,7 @@ function SelectTypeQuestion() {
         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 },
+        return (react_1.default.createElement("div", { className: 'cio-select-question-container', "data-cnstrc-question-type": question.type, "data-question-key": question.key },
             react_1.default.createElement("div", { className: 'cio-select-question-text' },
                 react_1.default.createElement(QuestionTitle_1.default, { title: question.title }),
                 (question === null || question === void 0 ? void 0 : question.description) ? react_1.default.createElement(QuestionDescription_1.default, { description: question.description }) : ''),

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

@@ -14,12 +14,7 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
     const { queryItems, queryAttributes, isSharedResultsQuery } = (0, useQueryParams_1.default)();
     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,
-            });
+            const quizResults = yield (0, services_1.getQuizResults)(cioClient, quizId, Object.assign({ answers: quizLocalState.answers, resultsPerPage: resultsPageOptions === null || resultsPageOptions === void 0 ? void 0 : resultsPageOptions.numResultsToDisplay, quizVersionId: quizLocalState.quizVersionId, quizSessionId: quizLocalState.quizSessionId }, resultsPageOptions === null || resultsPageOptions === void 0 ? void 0 : resultsPageOptions.requestConfigs));
             // Set quiz results state
             dispatchApiState({
                 type: actions_1.QuizAPIActionTypes.SET_QUIZ_RESULTS,

package/lib/cjs/stories/Quiz/argTypes.js

@@ -112,7 +112,7 @@ exports.argTypes = {
         },
     },
     'resultCardOptions.resultCardRegularPriceKey': {
-        description: 'Key name for the regular price in the API response',
+        description: 'Key name for the regular price value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "priceDetails.regular_price"',
         control: {
             type: 'text',
         },
@@ -127,7 +127,7 @@ exports.argTypes = {
         },
     },
     'resultCardOptions.resultCardSalePriceKey': {
-        description: 'Key name for the sale price in the API response',
+        description: 'Key name for the sale price value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "priceDetails.sale_price"',
         control: {
             type: 'text',
         },
@@ -142,7 +142,7 @@ exports.argTypes = {
         },
     },
     'resultCardOptions.resultCardRatingCountKey': {
-        description: 'Key name for the rating count in the API response',
+        description: 'Key name for the rating count value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "ratingDetails.rating_count"',
         control: {
             type: 'text',
         },
@@ -157,7 +157,7 @@ exports.argTypes = {
         },
     },
     'resultCardOptions.resultCardRatingScoreKey': {
-        description: 'Key name for the rating score in the API response',
+        description: 'Key name for the rating score value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "ratingDetails.rating_score"',
         control: {
             type: 'text',
         },
@@ -216,7 +216,7 @@ exports.argTypes = {
             type: 'boolean',
         },
         table: {
-            subcategory: 'resultCardOptions',
+            subcategory: 'resultsPageOptions',
             defaultValue: {
                 summary: true,
             },
@@ -225,6 +225,18 @@ exports.argTypes = {
             },
         },
     },
+    'resultsPageOptions.requestConfigs': {
+        description: `[Additional Quiz results API request parameters to further refine your results](https://constructor-io.github.io/constructorio-client-javascript/module-quizzes.html#~getQuizResults)`,
+        control: {
+            type: 'QuizzesResultsParameters',
+        },
+        table: {
+            subcategory: 'resultsPageOptions',
+            type: {
+                summary: 'QuizzesResultsParameters',
+            },
+        },
+    },
     'sessionStateOptions.showSessionModal': {
         description: 'Boolean for whether or not to show session modal to hydrate quiz on the results page',
         control: {

package/lib/cjs/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatMatchedOptions = exports.convertPrimaryColorsToString = exports.rgbToHsl = exports.sleep = exports.logger = exports.resetQuizSessionStorageState = exports.getStateFromSessionStorage = exports.isFunction = exports.getPreferredColorScheme = exports.getQuestionTypes = exports.stringify = exports.stringifyWithDefaults = exports.functionStrings = exports.renderImages = void 0;
+exports.getNestedValueUsingDotNotation = exports.validateNumberOrString = exports.formatMatchedOptions = exports.convertPrimaryColorsToString = exports.rgbToHsl = exports.sleep = exports.logger = exports.resetQuizSessionStorageState = exports.getStateFromSessionStorage = exports.isFunction = exports.getPreferredColorScheme = exports.getQuestionTypes = exports.stringify = exports.stringifyWithDefaults = exports.functionStrings = exports.renderImages = void 0;
 const tslib_1 = require("tslib");
 /* eslint-disable no-console */
 const react_1 = tslib_1.__importDefault(require("react"));
@@ -173,3 +173,20 @@ function formatMatchedOptions(options, separator, lastSeparator) {
     return [firstPart, lastSeparator, options.at(-1)].join('');
 }
 exports.formatMatchedOptions = formatMatchedOptions;
+const validateNumberOrString = (value) => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value === 'number') {
+        return value;
+    }
+    return undefined;
+};
+exports.validateNumberOrString = validateNumberOrString;
+function getNestedValueUsingDotNotation(object, key) {
+    if (!key || !object) {
+        return undefined;
+    }
+    return key.split('.').reduce((a, b) => a === null || a === void 0 ? void 0 : a[b], object);
+}
+exports.getNestedValueUsingDotNotation = getNestedValueUsingDotNotation;

package/lib/cjs/version.js

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

package/lib/mjs/components/CoverTypeQuestion/CoverTypeQuestion.js

@@ -14,7 +14,7 @@ export default function CoverTypeQuestion() {
         return (React.createElement("div", { className: `
         cio-container${hasImage ? '--with-image' : ''}
         cio-cover-question-container${hasImage ? '--with-image' : ''}
-      `, "data-question-key": question.key },
+      `, "data-cnstrc-question-type": question.type, "data-question-key": question.key },
             hasImage ? renderImages(question.images, 'cio-question-image-container') : '',
             React.createElement("div", { className: 'cio-question-content' },
                 React.createElement(QuestionTitle, { title: question?.title }),

package/lib/mjs/components/OpenTextTypeQuestion/OpenTextTypeQuestion.js

@@ -14,7 +14,7 @@ function OpenTextQuestion() {
         return (React.createElement("div", { className: `
           cio-container${hasImage ? '--with-image' : ''}
           cio-open-text-question-container${hasImage ? '--with-image' : ''}
-        `, "data-question-key": question.key },
+        `, "data-cnstrc-question-type": question.type, "data-question-key": question.key },
             hasImage ? renderImages(question.images, 'cio-question-image-container') : '',
             React.createElement("div", { className: 'cio-question-content' },
                 React.createElement(QuestionTitle, { title: question.title }),

package/lib/mjs/components/ResultCard/ResultCard.js

@@ -2,13 +2,14 @@ import React, { useContext } from 'react';
 import ResultCtaButton from '../ResultCtaButton/ResultCtaButton';
 import ResultFavoritesButton from '../ResultFavoritesButton/ResultFavoritesButton';
 import QuizContext from '../CioQuiz/context';
+import { getNestedValueUsingDotNotation, validateNumberOrString } from '../../utils';
 export default function ResultCard(props) {
     const { result, salePriceKey, regularPriceKey, resultPosition, ratingCountKey, ratingScoreKey, renderResultCardPriceDetails, } = props;
     const { customAddToFavoritesCallback, customClickItemCallback, getQuizResultButtonProps, getQuizResultLinkProps, } = useContext(QuizContext);
-    const salePrice = salePriceKey && result?.data?.[salePriceKey];
-    const regularPrice = regularPriceKey && result?.data?.[regularPriceKey];
-    const ratingCount = ratingCountKey && result?.data?.[ratingCountKey];
-    const ratingScore = ratingScoreKey && result?.data?.[ratingScoreKey];
+    const salePrice = validateNumberOrString(getNestedValueUsingDotNotation(result?.data, salePriceKey));
+    const regularPrice = validateNumberOrString(getNestedValueUsingDotNotation(result?.data, regularPriceKey));
+    const ratingCount = validateNumberOrString(getNestedValueUsingDotNotation(result?.data, ratingCountKey));
+    const ratingScore = validateNumberOrString(getNestedValueUsingDotNotation(result?.data, ratingScoreKey));
     const resultCardContent = () => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: 'cio-result-card-image' },
             React.createElement("img", { src: result.data?.image_url, alt: 'product' })),
@@ -16,18 +17,18 @@ export default function ResultCard(props) {
             React.createElement("p", { className: 'cio-result-card-title' }, result.value),
             React.createElement("div", { className: 'cio-result-card-details' },
                 React.createElement("div", { className: 'cio-result-card-rating' },
-                    ratingScore && (React.createElement("span", { className: 'cio-result-card-rating-score' },
+                    !!ratingScore && (React.createElement("span", { className: 'cio-result-card-rating-score' },
                         Array(Number(ratingScore)).fill('★'),
                         Array(5 - Number(ratingScore)).fill('☆'))),
-                    ratingCount && React.createElement("span", { className: 'cio-result-card-rating-count' },
+                    !!ratingCount && React.createElement("span", { className: 'cio-result-card-rating-count' },
                         "(",
                         ratingCount,
                         ")")),
                 renderResultCardPriceDetails ? (renderResultCardPriceDetails(result)) : (React.createElement("div", { className: 'cio-result-card-prices' },
-                    salePrice && React.createElement("span", { className: 'cio-result-card-sale-price' },
+                    !!salePrice && React.createElement("span", { className: 'cio-result-card-sale-price' },
                         "$",
                         salePrice),
-                    regularPrice && (React.createElement("span", { className: `cio-result-card-regular-price${salePrice ? '--strike-through' : ''}` },
+                    !!regularPrice && (React.createElement("span", { className: `cio-result-card-regular-price${salePrice ? '--strike-through' : ''}` },
                         "$",
                         regularPrice))))))));
     const resultCardContentWithoutLink = () => getQuizResultButtonProps && (React.createElement("div", { ...getQuizResultButtonProps({ result, position: resultPosition, type: 'button' }) }, resultCardContent()));

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

@@ -15,7 +15,7 @@ function SelectTypeQuestion() {
         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 },
+        return (React.createElement("div", { className: 'cio-select-question-container', "data-cnstrc-question-type": question.type, "data-question-key": question.key },
             React.createElement("div", { className: 'cio-select-question-text' },
                 React.createElement(QuestionTitle, { title: question.title }),
                 question?.description ? React.createElement(QuestionDescription, { description: question.description }) : ''),

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

@@ -16,6 +16,7 @@ const useQuizApiState = (quizOptions, cioClient, quizLocalState, skipToResults,
                 resultsPerPage: resultsPageOptions?.numResultsToDisplay,
                 quizVersionId: quizLocalState.quizVersionId,
                 quizSessionId: quizLocalState.quizSessionId,
+                ...resultsPageOptions?.requestConfigs,
             });
             // Set quiz results state
             dispatchApiState({

package/lib/mjs/stories/Quiz/argTypes.js

@@ -109,7 +109,7 @@ export const argTypes = {
         },
     },
     'resultCardOptions.resultCardRegularPriceKey': {
-        description: 'Key name for the regular price in the API response',
+        description: 'Key name for the regular price value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "priceDetails.regular_price"',
         control: {
             type: 'text',
         },
@@ -124,7 +124,7 @@ export const argTypes = {
         },
     },
     'resultCardOptions.resultCardSalePriceKey': {
-        description: 'Key name for the sale price in the API response',
+        description: 'Key name for the sale price value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "priceDetails.sale_price"',
         control: {
             type: 'text',
         },
@@ -139,7 +139,7 @@ export const argTypes = {
         },
     },
     'resultCardOptions.resultCardRatingCountKey': {
-        description: 'Key name for the rating count in the API response',
+        description: 'Key name for the rating count value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "ratingDetails.rating_count"',
         control: {
             type: 'text',
         },
@@ -154,7 +154,7 @@ export const argTypes = {
         },
     },
     'resultCardOptions.resultCardRatingScoreKey': {
-        description: 'Key name for the rating score in the API response',
+        description: 'Key name for the rating score value in the API response inside the `data` object. Supports nested keys using dot notation e.g., "ratingDetails.rating_score"',
         control: {
             type: 'text',
         },
@@ -213,7 +213,7 @@ export const argTypes = {
             type: 'boolean',
         },
         table: {
-            subcategory: 'resultCardOptions',
+            subcategory: 'resultsPageOptions',
             defaultValue: {
                 summary: true,
             },
@@ -222,6 +222,18 @@ export const argTypes = {
             },
         },
     },
+    'resultsPageOptions.requestConfigs': {
+        description: `[Additional Quiz results API request parameters to further refine your results](https://constructor-io.github.io/constructorio-client-javascript/module-quizzes.html#~getQuizResults)`,
+        control: {
+            type: 'QuizzesResultsParameters',
+        },
+        table: {
+            subcategory: 'resultsPageOptions',
+            type: {
+                summary: 'QuizzesResultsParameters',
+            },
+        },
+    },
     'sessionStateOptions.showSessionModal': {
         description: 'Boolean for whether or not to show session modal to hydrate quiz on the results page',
         control: {

package/lib/mjs/utils.js

@@ -152,3 +152,18 @@ export function formatMatchedOptions(options, separator, lastSeparator) {
     const firstPart = options.slice(0, -1).join(separator);
     return [firstPart, lastSeparator, options.at(-1)].join('');
 }
+export const validateNumberOrString = (value) => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value === 'number') {
+        return value;
+    }
+    return undefined;
+};
+export function getNestedValueUsingDotNotation(object, key) {
+    if (!key || !object) {
+        return undefined;
+    }
+    return key.split('.').reduce((a, b) => a?.[b], object);
+}

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.13.0';
+export default '1.14.0';

package/lib/types/components/ResultCtaButton/ResultCtaButton.d.ts

@@ -2,7 +2,7 @@
 import { QuizResultDataPartial } from '../../types';
 interface ResultCtaButtonProps {
     item: QuizResultDataPartial;
-    price?: number;
+    price?: number | string;
 }
 export default function ResultCtaButton(props: ResultCtaButtonProps): JSX.Element | null;
 export {};

package/lib/types/components/ResultFavoritesButton/ResultFavoritesButton.d.ts

@@ -2,7 +2,7 @@
 import { QuizResultDataPartial } from '../../types';
 interface ResultFavoritesButtonProps {
     item: QuizResultDataPartial;
-    price?: number;
+    price?: number | string;
 }
 export interface Favorited {
     [key: string]: boolean;

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

@@ -7,4 +7,4 @@ export declare const getQuizResultsConfig: (cioClient: ConstructorIOClient, quiz
 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;
-export declare const trackQuizConversion: (cioClient: ConstructorIOClient, quizResults: QuizResultsResponse | QuizSharedResultsData, result: QuizResultDataPartial, price?: number, type?: string) => void;
+export declare const trackQuizConversion: (cioClient: ConstructorIOClient, quizResults: QuizResultsResponse | QuizSharedResultsData, result: QuizResultDataPartial, price?: number | string, type?: string) => void;

package/lib/types/stories/Quiz/argTypes.d.ts

@@ -221,6 +221,18 @@ export declare const argTypes: {
             };
         };
     };
+    'resultsPageOptions.requestConfigs': {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            subcategory: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
     'sessionStateOptions.showSessionModal': {
         description: string;
         control: {

package/lib/types/types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { QuizResultData, NextQuestionResponse, QuizResultsResponse, QuestionOption, Question, QuizResultsConfig } from '@constructor-io/constructorio-client-javascript/lib/types';
+import { QuizResultData, NextQuestionResponse, QuizResultsResponse, QuestionOption, Question, QuizResultsConfig, QuizzesResultsParameters, QuizzesParameters } 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';
@@ -25,10 +25,12 @@ export declare namespace QuizResultsEventsProps {
     type OnQuizSkipQuestion = (question: QuestionWithAnswer) => void;
     type OnEmailResults = (data: QuizEmailResults) => Promise<void>;
 }
+export type QuizResultsRequestConfigs = Omit<QuizzesResultsParameters, keyof QuizzesParameters | 'page' | 'resultsPerPage'>;
 export interface ResultsPageOptions {
     numResultsToDisplay?: number;
     favoriteItems?: string[];
     showShareResultsButton?: boolean;
+    requestConfigs?: QuizResultsRequestConfigs;
 }
 export interface QuestionsPageOptions {
     skipQuestionButtonText?: string;
@@ -107,8 +109,8 @@ export declare namespace QuizEventsReturn {
     type PreviousQuestion = () => void;
     type ResetQuiz = () => void;
     type ResultClick = (result: QuizResultDataPartial, position: number) => void;
-    type AddToCart = (e: React.MouseEvent<HTMLElement>, result: QuizResultDataPartial, price?: number) => void;
-    type AddToFavorites = (e: React.MouseEvent<HTMLElement>, result: QuizResultDataPartial, price?: number, sendEvent?: boolean) => void;
+    type AddToCart = (e: React.MouseEvent<HTMLElement>, result: QuizResultDataPartial, price?: number | string) => void;
+    type AddToFavorites = (e: React.MouseEvent<HTMLElement>, result: QuizResultDataPartial, price?: number | string, sendEvent?: boolean) => void;
     type HydrateQuiz = () => void;
     type ResetSessionStorageState = () => void;
 }
@@ -212,8 +214,8 @@ export type GetPreviousQuestionButtonProps = () => PreviousQuestionButtonProps;
 export type GetResetQuizButtonProps = (stylesType?: 'primary' | 'secondary') => ResetQuizButtonProps;
 export type GetShareResultsButtonProps = () => ShareResultsButtonProps;
 export type GetHydrateQuizButtonProps = () => HydrateQuizButtonProps;
-export type GetAddToCartButtonProps = (result: QuizResultDataPartial, price?: number) => AddToCartButtonProps;
-export type GetAddToFavoritesButtonProps = (result: QuizResultDataPartial, price?: number, clickHandler?: () => void) => AddToCartButtonProps;
+export type GetAddToCartButtonProps = (result: QuizResultDataPartial, price?: number | string) => AddToCartButtonProps;
+export type GetAddToFavoritesButtonProps = (result: QuizResultDataPartial, price?: number | string, clickHandler?: () => void) => AddToCartButtonProps;
 export type GetQuizImageProps = () => QuizImageProps;
 export type GetSelectQuestionImageProps = (option: QuestionOption) => QuizImageProps;
 export interface QuizResultOptions<T = 'button' | 'link'> {

package/lib/types/utils.d.ts

@@ -37,3 +37,5 @@ export declare function sleep(ms: any): Promise<unknown>;
 export declare function rgbToHsl(r: number, g: number, b: number): number[];
 export declare function convertPrimaryColorsToString(primaryColorStyles: PrimaryColorStyles): string;
 export declare function formatMatchedOptions(options: string[], separator?: string | null, lastSeparator?: string | null): string;
+export declare const validateNumberOrString: (value: unknown) => string | number | undefined;
+export declare function getNestedValueUsingDotNotation(object: any, key?: string): unknown | undefined;

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.13.0";
+declare const _default: "1.14.0";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-quizzes",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Constructor.io Quizzes UI library for web applications",
   "author": "constructor.io",
   "license": "MIT",
@@ -61,7 +61,7 @@
     "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.42.1",
+    "@constructor-io/constructorio-client-javascript": "^2.42.3",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0",
     "tslib": "^2.4.0"