@constructor-io/constructorio-ui-quizzes 1.17.20 → 1.17.23

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

@@ -7,7 +7,7 @@ const ResultFavoritesButton_1 = tslib_1.__importDefault(require("../ResultFavori
 const context_1 = tslib_1.__importDefault(require("../CioQuiz/context"));
 const utils_1 = require("../../utils");
 function ResultCard(props) {
-    const { result, salePriceKey, regularPriceKey, resultPosition, ratingCountKey, ratingScoreKey, renderResultCardPriceDetails, } = props;
+    const { result, salePriceKey, regularPriceKey, resultPosition, ratingCountKey, ratingScoreKey, renderResultCardPriceDetails, getResultCardImageUrl, } = props;
     const { customAddToFavoritesCallback, customClickItemCallback, getQuizResultButtonProps, getQuizResultLinkProps, } = (0, react_1.useContext)(context_1.default);
     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));
@@ -17,7 +17,7 @@ function ResultCard(props) {
         var _a;
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: 'cio-result-card-image' },
-                react_1.default.createElement("img", { src: (_a = result.data) === null || _a === void 0 ? void 0 : _a.image_url, alt: 'product' })),
+                react_1.default.createElement("img", { src: getResultCardImageUrl ? getResultCardImageUrl(result) : (_a = result.data) === null || _a === void 0 ? void 0 : _a.image_url, alt: 'product' })),
             react_1.default.createElement("div", { className: 'cio-result-card-text' },
                 react_1.default.createElement("p", { className: 'cio-result-card-title' }, result.value),
                 react_1.default.createElement("div", { className: 'cio-result-card-details' },

package/lib/cjs/components/Results/Results.js

@@ -6,12 +6,12 @@ const context_1 = tslib_1.__importDefault(require("../CioQuiz/context"));
 const ResultCard_1 = tslib_1.__importDefault(require("../ResultCard/ResultCard"));
 function Results(props) {
     var _a, _b, _c, _d;
-    const { resultCardSalePriceKey, resultCardRegularPriceKey, resultCardRatingCountKey, resultCardRatingScoreKey, renderResultCardPriceDetails, renderResultCard, } = props;
+    const { resultCardSalePriceKey, resultCardRegularPriceKey, resultCardRatingCountKey, resultCardRatingScoreKey, renderResultCardPriceDetails, renderResultCard, getResultCardImageUrl, } = props;
     const { state, getAddToCartButtonProps, getAddToFavoritesButtonProps, getQuizResultLinkProps } = (0, react_1.useContext)(context_1.default);
     const getters = { getAddToCartButtonProps, getAddToFavoritesButtonProps, getQuizResultLinkProps };
     return (react_1.default.createElement("div", { className: 'cio-results' }, (_d = (_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.quiz) === null || _a === void 0 ? void 0 : _a.results) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.results) === null || _d === void 0 ? void 0 : _d.map((result, index) => {
         var _a;
-        return renderResultCard ? (renderResultCard(result, getters, index)) : (react_1.default.createElement(ResultCard_1.default, { result: result, key: (_a = result.data) === null || _a === void 0 ? void 0 : _a.id, salePriceKey: resultCardSalePriceKey, regularPriceKey: resultCardRegularPriceKey, ratingCountKey: resultCardRatingCountKey, ratingScoreKey: resultCardRatingScoreKey, renderResultCardPriceDetails: renderResultCardPriceDetails, resultPosition: index + 1 }));
+        return renderResultCard ? (renderResultCard(result, getters, index)) : (react_1.default.createElement(ResultCard_1.default, { result: result, key: (_a = result.data) === null || _a === void 0 ? void 0 : _a.id, salePriceKey: resultCardSalePriceKey, regularPriceKey: resultCardRegularPriceKey, ratingCountKey: resultCardRatingCountKey, ratingScoreKey: resultCardRatingScoreKey, renderResultCardPriceDetails: renderResultCardPriceDetails, getResultCardImageUrl: getResultCardImageUrl, resultPosition: index + 1 }));
     })));
 }
 exports.default = Results;

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

@@ -58,7 +58,7 @@ exports.argTypes = {
         },
     },
     'callbacks.onAddToCartClick': {
-        description: 'Callback function to be called when the add to cart button is clicked',
+        description: 'Callback function to be called when the add to cart button is clicked. Required',
         control: false,
         table: {
             subcategory: 'callbacks',

package/lib/cjs/version.js

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

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

@@ -4,7 +4,7 @@ import ResultFavoritesButton from '../ResultFavoritesButton/ResultFavoritesButto
 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 { result, salePriceKey, regularPriceKey, resultPosition, ratingCountKey, ratingScoreKey, renderResultCardPriceDetails, getResultCardImageUrl, } = props;
     const { customAddToFavoritesCallback, customClickItemCallback, getQuizResultButtonProps, getQuizResultLinkProps, } = useContext(QuizContext);
     const salePrice = validateNumberOrString(getNestedValueUsingDotNotation(result?.data, salePriceKey));
     const regularPrice = validateNumberOrString(getNestedValueUsingDotNotation(result?.data, regularPriceKey));
@@ -12,7 +12,7 @@ export default function ResultCard(props) {
     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' })),
+            React.createElement("img", { src: getResultCardImageUrl ? getResultCardImageUrl(result) : result.data?.image_url, alt: 'product' })),
         React.createElement("div", { className: 'cio-result-card-text' },
             React.createElement("p", { className: 'cio-result-card-title' }, result.value),
             React.createElement("div", { className: 'cio-result-card-details' },

package/lib/mjs/components/Results/Results.js

@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
 import QuizContext from '../CioQuiz/context';
 import ResultCard from '../ResultCard/ResultCard';
 function Results(props) {
-    const { resultCardSalePriceKey, resultCardRegularPriceKey, resultCardRatingCountKey, resultCardRatingScoreKey, renderResultCardPriceDetails, renderResultCard, } = props;
+    const { resultCardSalePriceKey, resultCardRegularPriceKey, resultCardRatingCountKey, resultCardRatingScoreKey, renderResultCardPriceDetails, renderResultCard, getResultCardImageUrl, } = props;
     const { state, getAddToCartButtonProps, getAddToFavoritesButtonProps, getQuizResultLinkProps } = useContext(QuizContext);
     const getters = { getAddToCartButtonProps, getAddToFavoritesButtonProps, getQuizResultLinkProps };
-    return (React.createElement("div", { className: 'cio-results' }, state?.quiz?.results?.response?.results?.map((result, index) => renderResultCard ? (renderResultCard(result, getters, index)) : (React.createElement(ResultCard, { result: result, key: result.data?.id, salePriceKey: resultCardSalePriceKey, regularPriceKey: resultCardRegularPriceKey, ratingCountKey: resultCardRatingCountKey, ratingScoreKey: resultCardRatingScoreKey, renderResultCardPriceDetails: renderResultCardPriceDetails, resultPosition: index + 1 })))));
+    return (React.createElement("div", { className: 'cio-results' }, state?.quiz?.results?.response?.results?.map((result, index) => renderResultCard ? (renderResultCard(result, getters, index)) : (React.createElement(ResultCard, { result: result, key: result.data?.id, salePriceKey: resultCardSalePriceKey, regularPriceKey: resultCardRegularPriceKey, ratingCountKey: resultCardRatingCountKey, ratingScoreKey: resultCardRatingScoreKey, renderResultCardPriceDetails: renderResultCardPriceDetails, getResultCardImageUrl: getResultCardImageUrl, resultPosition: index + 1 })))));
 }
 export default Results;

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

@@ -55,7 +55,7 @@ export const argTypes = {
         },
     },
     'callbacks.onAddToCartClick': {
-        description: 'Callback function to be called when the add to cart button is clicked',
+        description: 'Callback function to be called when the add to cart button is clicked. Required',
         control: false,
         table: {
             subcategory: 'callbacks',

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.17.20';
+export default '1.17.23';

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

@@ -8,6 +8,7 @@ interface ResultCardOptions {
     ratingScoreKey?: string;
     resultPosition: number;
     renderResultCardPriceDetails?: (result: QuizResultDataPartial) => JSX.Element;
+    getResultCardImageUrl?: (result: QuizResultDataPartial) => string;
 }
 export default function ResultCard(props: ResultCardOptions): JSX.Element;
 export {};

package/lib/types/types.d.ts

@@ -21,6 +21,7 @@ export interface ResultCardOptions {
         getAddToFavoritesButtonProps?: GetAddToFavoritesButtonProps;
         getQuizResultLinkProps?: GetQuizResultLinkProps;
     }, index: number) => JSX.Element;
+    getResultCardImageUrl?: (result: QuizResultDataPartial) => string;
 }
 export declare namespace QuizResultsEventsProps {
     type OnQuizResultsLoaded = (results: QuizResultDataPartial) => void;
@@ -72,7 +73,7 @@ export interface IQuizProps {
     sessionStateOptions?: SessionStateOptions;
     primaryColor?: string;
     enableHydration?: boolean;
-    callbacks?: Callbacks;
+    callbacks: Callbacks;
     questionsPageOptions?: QuestionsPageOptions;
 }
 export interface QuizReturnState {

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.17.20";
+declare const _default: "1.17.23";
 export default _default;

package/package.json

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