@constructor-io/constructorio-ui-quizzes 1.19.10 → 1.19.11

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+function ErrorIconSVG() {
+    return (react_1.default.createElement("svg", { width: '64', height: '64', viewBox: '0 0 64 64', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M29.3333 40H34.6666V45.3333H29.3333V40ZM29.3333 18.6667H34.6666V34.6667H29.3333V18.6667ZM31.9733 5.33333C17.2533 5.33333 5.33331 17.28 5.33331 32C5.33331 46.72 17.2533 58.6667 31.9733 58.6667C46.72 58.6667 58.6666 46.72 58.6666 32C58.6666 17.28 46.72 5.33333 31.9733 5.33333ZM32 53.3333C20.2133 53.3333 10.6666 43.7867 10.6666 32C10.6666 20.2133 20.2133 10.6667 32 10.6667C43.7866 10.6667 53.3333 20.2133 53.3333 32C53.3333 43.7867 43.7866 53.3333 32 53.3333Z', fill: 'currentColor' })));
+}
+exports.default = ErrorIconSVG;

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

@@ -14,6 +14,7 @@ const ShareResultsModal_1 = tslib_1.__importDefault(require("../ShareResultsModa
 const utils_1 = require("../../utils");
 const ProgressBar_1 = tslib_1.__importDefault(require("../ProgressBar/ProgressBar"));
 const actions_1 = require("./actions");
+const ErrorIconSVG_1 = tslib_1.__importDefault(require("./ErrorIconSVG"));
 function CioQuiz(props) {
     var _a;
     const { cioClient, state, events: { hydrateQuiz, resetSessionStorageState }, getAddToCartButtonProps, getAddToFavoritesButtonProps, getCoverQuestionProps, getHydrateQuizButtonProps, getNextQuestionButtonProps, getSkipQuestionButtonProps, getJumpToQuestionButtonProps, getOpenTextInputProps, getPreviousQuestionButtonProps, getQuizImageProps, getQuizResultButtonProps, getQuizResultLinkProps, getResetQuizButtonProps, getSelectInputProps, primaryColorStyles, getShareResultsButtonProps, } = (0, useQuiz_1.default)(props);
@@ -69,6 +70,16 @@ function CioQuiz(props) {
         return (react_1.default.createElement("div", { className: 'cio-quiz cio-quiz-loading' },
             react_1.default.createElement(Spinner_1.default, null)));
     }
+    if (state.quiz.requestState === constants_1.RequestStates.Error) {
+        return (react_1.default.createElement("div", { className: 'cio-quiz cio-quiz-error' },
+            react_1.default.createElement("style", null, `.cio-quiz ${(0, utils_1.convertPrimaryColorsToString)(primaryColorStyles)}`),
+            react_1.default.createElement("div", { className: 'cio-error-message' },
+                react_1.default.createElement("div", { className: 'cio-error-icon' },
+                    react_1.default.createElement(ErrorIconSVG_1.default, null)),
+                react_1.default.createElement("h3", { className: 'cio-error-title' }, "Something went wrong"),
+                react_1.default.createElement("p", { className: 'cio-error-description' }, "Something unexpected happened. Please retake the quiz to continue."),
+                react_1.default.createElement("button", Object.assign({}, getResetQuizButtonProps(), { type: 'button' }), "Retake Quiz"))));
+    }
     const questionData = (_a = state.quiz.currentQuestion) === null || _a === void 0 ? void 0 : _a.next_question;
     const questionType = questionData === null || questionData === void 0 ? void 0 : questionData.type;
     const questionImages = questionData === null || questionData === void 0 ? void 0 : questionData.images;
@@ -78,9 +89,7 @@ function CioQuiz(props) {
     if (state.quiz.requestState === constants_1.RequestStates.Success) {
         return (react_1.default.createElement("div", { className: 'cio-quiz', style: { overflow: showShareModal || showSessionPrompt ? 'hidden' : undefined } },
             displayBackgroundImage && (0, utils_1.renderImages)(questionImages, 'cio-question-background-image'),
-            react_1.default.createElement("style", null,
-                ".cio-quiz ",
-                (0, utils_1.convertPrimaryColorsToString)(primaryColorStyles)),
+            react_1.default.createElement("style", null, `.cio-quiz ${(0, utils_1.convertPrimaryColorsToString)(primaryColorStyles)}`),
             react_1.default.createElement(SessionPromptModal_1.default, { resetStoredState: resetSessionStorageState, continueSession: hydrateQuiz, showSessionPrompt: showSessionPrompt, setShowSessionPrompt: setShowSessionPrompt }),
             state.quiz && showShareModal && (react_1.default.createElement(ShareResultsModal_1.default, { onClose: onModalClose, quizState: state.quiz, onEmailResults: callbacks === null || callbacks === void 0 ? void 0 : callbacks.onEmailResults, answers: state.answers.payload })),
             react_1.default.createElement(context_1.default.Provider, { value: contextValue }, state.quiz.results || skipToResults ? (react_1.default.createElement(ResultContainer_1.default, { resultCardOptions: resultCardOptions, onShare: onModalOpen, resultsPageOptions: resultsPageOptions })) : (state.quiz.currentQuestion && (react_1.default.createElement(react_1.default.Fragment, null,

package/lib/cjs/components/ZeroResults/LightbulbIconSVG.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+function LightbulbIconSVG() {
+    return (react_1.default.createElement("svg", { width: '64', height: '64', viewBox: '0 0 64 64', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M23.9999 56C23.9999 57.4667 25.1999 58.6667 26.6666 58.6667H37.3333C38.7999 58.6667 39.9999 57.4667 39.9999 56V53.3333H23.9999V56ZM31.9999 5.33333C21.7066 5.33333 13.3333 13.7067 13.3333 24C13.3333 30.3467 16.5066 35.92 21.3333 39.3067V45.3333C21.3333 46.8 22.5333 48 23.9999 48H39.9999C41.4666 48 42.6666 46.8 42.6666 45.3333V39.3067C47.4932 35.92 50.6666 30.3467 50.6666 24C50.6666 13.7067 42.2932 5.33333 31.9999 5.33333ZM39.5999 34.9333L37.3333 36.5333V42.6667H26.6666V36.5333L24.3999 34.9333C20.7999 32.4267 18.6666 28.3467 18.6666 24C18.6666 16.64 24.6399 10.6667 31.9999 10.6667C39.3599 10.6667 45.3333 16.64 45.3333 24C45.3333 28.3467 43.1999 32.4267 39.5999 34.9333Z', fill: 'currentColor' })));
+}
+exports.default = LightbulbIconSVG;

package/lib/cjs/components/ZeroResults/ZeroResults.js

@@ -4,10 +4,14 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const CTAButton_1 = tslib_1.__importDefault(require("../CTAButton/CTAButton"));
 const context_1 = tslib_1.__importDefault(require("../CioQuiz/context"));
+const LightbulbIconSVG_1 = tslib_1.__importDefault(require("./LightbulbIconSVG"));
 function ZeroResults() {
     const { getResetQuizButtonProps } = (0, react_1.useContext)(context_1.default);
     return (react_1.default.createElement("div", { className: 'cio-zero-results' },
-        react_1.default.createElement("h3", { className: 'cio-zero-results-subtitle' }, "Sorry, we couldn\u2019t find products that perfectly match your preferences."),
+        react_1.default.createElement("div", { className: 'cio-zero-results-icon' },
+            react_1.default.createElement(LightbulbIconSVG_1.default, null)),
+        react_1.default.createElement("h3", { className: 'cio-zero-results-title' }, "Let's try something else"),
+        react_1.default.createElement("p", { className: 'cio-zero-results-description' }, "We did not find products matching all your preferences. Try adjusting a few answers to see more options."),
         react_1.default.createElement(CTAButton_1.default, { ctaText: 'Retake Quiz', propsGetters: getResetQuizButtonProps })));
 }
 exports.default = ZeroResults;

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

@@ -38,6 +38,7 @@ const useQuizEvents = (quizOptions, cioClient, quizState) => {
         dispatchLocalState,
         dispatchApiState,
         quizResults: quizApiState.quizResults,
+        quizRequestState: quizApiState.quizRequestState,
     });
     const jumpToQuestion = (0, useJumpToQuestion_1.default)({
         dispatchLocalState,

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

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const actions_1 = require("../../components/CioQuiz/actions");
+const constants_1 = require("../../constants");
 const useQueryParams_1 = tslib_1.__importDefault(require("../useQueryParams"));
 const useQuizResetClick = (props) => {
-    const { resetQuizSessionStorageState, dispatchLocalState, dispatchApiState, quizResults } = props;
+    const { resetQuizSessionStorageState, dispatchLocalState, dispatchApiState, quizResults, quizRequestState, } = props;
     const { removeSharedResultsQueryParams, isSharedResultsQuery } = (0, useQueryParams_1.default)();
     const quizResetClickHandler = (0, react_1.useCallback)(() => {
-        if (quizResults) {
+        if (quizResults || quizRequestState === constants_1.RequestStates.Error) {
             dispatchLocalState({
                 type: actions_1.QuestionTypes.Reset,
             });
@@ -24,6 +25,7 @@ const useQuizResetClick = (props) => {
         dispatchApiState,
         resetQuizSessionStorageState,
         quizResults,
+        quizRequestState,
         removeSharedResultsQueryParams,
         isSharedResultsQuery,
     ]);

package/lib/cjs/version.js

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export default function ErrorIconSVG() {
+    return (React.createElement("svg", { width: '64', height: '64', viewBox: '0 0 64 64', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M29.3333 40H34.6666V45.3333H29.3333V40ZM29.3333 18.6667H34.6666V34.6667H29.3333V18.6667ZM31.9733 5.33333C17.2533 5.33333 5.33331 17.28 5.33331 32C5.33331 46.72 17.2533 58.6667 31.9733 58.6667C46.72 58.6667 58.6666 46.72 58.6666 32C58.6666 17.28 46.72 5.33333 31.9733 5.33333ZM32 53.3333C20.2133 53.3333 10.6666 43.7867 10.6666 32C10.6666 20.2133 20.2133 10.6667 32 10.6667C43.7866 10.6667 53.3333 20.2133 53.3333 32C53.3333 43.7867 43.7866 53.3333 32 53.3333Z', fill: 'currentColor' })));
+}

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

@@ -11,6 +11,7 @@ import ShareResultsModal from '../ShareResultsModal/ShareResultsModal';
 import { convertPrimaryColorsToString, renderImages } from '../../utils';
 import ProgressBar from '../ProgressBar/ProgressBar';
 import { QuestionTypes } from './actions';
+import ErrorIconSVG from './ErrorIconSVG';
 export default function CioQuiz(props) {
     const { cioClient, state, events: { hydrateQuiz, resetSessionStorageState }, getAddToCartButtonProps, getAddToFavoritesButtonProps, getCoverQuestionProps, getHydrateQuizButtonProps, getNextQuestionButtonProps, getSkipQuestionButtonProps, getJumpToQuestionButtonProps, getOpenTextInputProps, getPreviousQuestionButtonProps, getQuizImageProps, getQuizResultButtonProps, getQuizResultLinkProps, getResetQuizButtonProps, getSelectInputProps, primaryColorStyles, getShareResultsButtonProps, } = useQuiz(props);
     const [showSessionPrompt, setShowSessionPrompt] = useState(false);
@@ -65,6 +66,16 @@ export default function CioQuiz(props) {
         return (React.createElement("div", { className: 'cio-quiz cio-quiz-loading' },
             React.createElement(Spinner, null)));
     }
+    if (state.quiz.requestState === RequestStates.Error) {
+        return (React.createElement("div", { className: 'cio-quiz cio-quiz-error' },
+            React.createElement("style", null, `.cio-quiz ${convertPrimaryColorsToString(primaryColorStyles)}`),
+            React.createElement("div", { className: 'cio-error-message' },
+                React.createElement("div", { className: 'cio-error-icon' },
+                    React.createElement(ErrorIconSVG, null)),
+                React.createElement("h3", { className: 'cio-error-title' }, "Something went wrong"),
+                React.createElement("p", { className: 'cio-error-description' }, "Something unexpected happened. Please retake the quiz to continue."),
+                React.createElement("button", { ...getResetQuizButtonProps(), type: 'button' }, "Retake Quiz"))));
+    }
     const questionData = state.quiz.currentQuestion?.next_question;
     const questionType = questionData?.type;
     const questionImages = questionData?.images;
@@ -74,9 +85,7 @@ export default function CioQuiz(props) {
     if (state.quiz.requestState === RequestStates.Success) {
         return (React.createElement("div", { className: 'cio-quiz', style: { overflow: showShareModal || showSessionPrompt ? 'hidden' : undefined } },
             displayBackgroundImage && renderImages(questionImages, 'cio-question-background-image'),
-            React.createElement("style", null,
-                ".cio-quiz ",
-                convertPrimaryColorsToString(primaryColorStyles)),
+            React.createElement("style", null, `.cio-quiz ${convertPrimaryColorsToString(primaryColorStyles)}`),
             React.createElement(SessionPromptModal, { resetStoredState: resetSessionStorageState, continueSession: hydrateQuiz, showSessionPrompt: showSessionPrompt, setShowSessionPrompt: setShowSessionPrompt }),
             state.quiz && showShareModal && (React.createElement(ShareResultsModal, { onClose: onModalClose, quizState: state.quiz, onEmailResults: callbacks?.onEmailResults, answers: state.answers.payload })),
             React.createElement(QuizContext.Provider, { value: contextValue }, state.quiz.results || skipToResults ? (React.createElement(ResultContainer, { resultCardOptions: resultCardOptions, onShare: onModalOpen, resultsPageOptions: resultsPageOptions })) : (state.quiz.currentQuestion && (React.createElement(React.Fragment, null,

package/lib/mjs/components/ZeroResults/LightbulbIconSVG.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export default function LightbulbIconSVG() {
+    return (React.createElement("svg", { width: '64', height: '64', viewBox: '0 0 64 64', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M23.9999 56C23.9999 57.4667 25.1999 58.6667 26.6666 58.6667H37.3333C38.7999 58.6667 39.9999 57.4667 39.9999 56V53.3333H23.9999V56ZM31.9999 5.33333C21.7066 5.33333 13.3333 13.7067 13.3333 24C13.3333 30.3467 16.5066 35.92 21.3333 39.3067V45.3333C21.3333 46.8 22.5333 48 23.9999 48H39.9999C41.4666 48 42.6666 46.8 42.6666 45.3333V39.3067C47.4932 35.92 50.6666 30.3467 50.6666 24C50.6666 13.7067 42.2932 5.33333 31.9999 5.33333ZM39.5999 34.9333L37.3333 36.5333V42.6667H26.6666V36.5333L24.3999 34.9333C20.7999 32.4267 18.6666 28.3467 18.6666 24C18.6666 16.64 24.6399 10.6667 31.9999 10.6667C39.3599 10.6667 45.3333 16.64 45.3333 24C45.3333 28.3467 43.1999 32.4267 39.5999 34.9333Z', fill: 'currentColor' })));
+}

package/lib/mjs/components/ZeroResults/ZeroResults.js

@@ -1,10 +1,14 @@
 import React, { useContext } from 'react';
 import CTAButton from '../CTAButton/CTAButton';
 import QuizContext from '../CioQuiz/context';
+import LightbulbIconSVG from './LightbulbIconSVG';
 function ZeroResults() {
     const { getResetQuizButtonProps } = useContext(QuizContext);
     return (React.createElement("div", { className: 'cio-zero-results' },
-        React.createElement("h3", { className: 'cio-zero-results-subtitle' }, "Sorry, we couldn\u2019t find products that perfectly match your preferences."),
+        React.createElement("div", { className: 'cio-zero-results-icon' },
+            React.createElement(LightbulbIconSVG, null)),
+        React.createElement("h3", { className: 'cio-zero-results-title' }, "Let's try something else"),
+        React.createElement("p", { className: 'cio-zero-results-description' }, "We did not find products matching all your preferences. Try adjusting a few answers to see more options."),
         React.createElement(CTAButton, { ctaText: 'Retake Quiz', propsGetters: getResetQuizButtonProps })));
 }
 export default ZeroResults;

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

@@ -35,6 +35,7 @@ const useQuizEvents = (quizOptions, cioClient, quizState) => {
         dispatchLocalState,
         dispatchApiState,
         quizResults: quizApiState.quizResults,
+        quizRequestState: quizApiState.quizRequestState,
     });
     const jumpToQuestion = useJumpToQuestion({
         dispatchLocalState,

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

@@ -1,11 +1,12 @@
 import { useCallback } from 'react';
 import { QuestionTypes, QuizAPIActionTypes, } from '../../components/CioQuiz/actions';
+import { RequestStates } from '../../constants';
 import useQueryParams from '../useQueryParams';
 const useQuizResetClick = (props) => {
-    const { resetQuizSessionStorageState, dispatchLocalState, dispatchApiState, quizResults } = props;
+    const { resetQuizSessionStorageState, dispatchLocalState, dispatchApiState, quizResults, quizRequestState, } = props;
     const { removeSharedResultsQueryParams, isSharedResultsQuery } = useQueryParams();
     const quizResetClickHandler = useCallback(() => {
-        if (quizResults) {
+        if (quizResults || quizRequestState === RequestStates.Error) {
             dispatchLocalState({
                 type: QuestionTypes.Reset,
             });
@@ -21,6 +22,7 @@ const useQuizResetClick = (props) => {
         dispatchApiState,
         resetQuizSessionStorageState,
         quizResults,
+        quizRequestState,
         removeSharedResultsQueryParams,
         isSharedResultsQuery,
     ]);

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.19.10';
+export default '1.19.11';

package/lib/styles.css

@@ -508,30 +508,106 @@
   flex-direction: row;
   flex-wrap: wrap;
 }
+/* Zero Results */
 .cio-quiz .cio-zero-results {
-  margin-top: 2rem;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: center;
   max-width: 420px;
+  min-height: 300px;
   margin-left: auto;
   margin-right: auto;
+  padding: 1.5rem;
 }
-.cio-quiz .cio-zero-results-subtitle {
-  font-weight: 500;
-  font-size: 1.25rem;
-  line-height: 1.5rem;
-  margin-bottom: 2rem;
+.cio-quiz .cio-zero-results-icon {
+  color: var(--primary-color);
+  margin-bottom: 24px;
+}
+.cio-quiz .cio-zero-results-icon svg {
+  width: 48px;
+  height: 48px;
+}
+.cio-quiz .cio-zero-results-title {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 124%;
+  letter-spacing: -0.04em;
+  text-align: center;
+  margin: 0 0 8px 0;
+  color: var(--gray-dust-500);
+}
+.cio-quiz .cio-zero-results-description {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0;
+  text-align: center;
+  margin: 0 0 24px 0;
   color: var(--gray-dust-500);
-  margin-top: 0;
 }
 .cio-quiz .cio-zero-results .cio-button-container {
-  width: 14rem;
+  width: 100%;
+  max-width: 320px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 0;
 }
+.cio-quiz .cio-zero-results .cio-button-container button {
+  height: 48px;
+  width: 100%;
+}
+
+/* Error state */
+.cio-quiz.cio-quiz-error {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 300px;
+  padding: 1.5rem;
+}
+.cio-quiz .cio-error-message {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  max-width: 420px;
+}
+.cio-quiz .cio-error-icon {
+  color: var(--primary-color);
+  margin-bottom: 24px;
+}
+.cio-quiz .cio-error-icon svg {
+  width: 48px;
+  height: 48px;
+}
+.cio-quiz .cio-error-title {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 124%;
+  letter-spacing: -0.04em;
+  text-align: center;
+  margin: 0 0 8px 0;
+  color: var(--gray-dust-500);
+}
+.cio-quiz .cio-error-description {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0;
+  text-align: center;
+  margin: 0 0 24px 0;
+  color: var(--gray-dust-500);
+}
+.cio-quiz .cio-error-message .cio-question-cta-button {
+  width: 320px;
+  max-width: 100%;
+  height: 48px;
+  flex-grow: 0;
+  margin-left: 0;
+}
 
 /* Result Card component */
 .cio-quiz .cio-result-card {
@@ -838,6 +914,43 @@
     margin: 0;
     width: 30%;
   }
+
+  /* Zero Results — desktop */
+  .cio-quiz .cio-zero-results {
+    padding: 2rem;
+  }
+  .cio-quiz .cio-zero-results-icon {
+    margin-bottom: 32px;
+  }
+  .cio-quiz .cio-zero-results-icon svg {
+    width: 64px;
+    height: 64px;
+  }
+  .cio-quiz .cio-zero-results-title {
+    font-size: 32px;
+    margin: 0 0 12px 0;
+  }
+  .cio-quiz .cio-zero-results-description {
+    font-size: 16px;
+    margin: 0 0 32px 0;
+  }
+
+  /* Error state — desktop */
+  .cio-quiz .cio-error-icon {
+    margin-bottom: 32px;
+  }
+  .cio-quiz .cio-error-icon svg {
+    width: 64px;
+    height: 64px;
+  }
+  .cio-quiz .cio-error-title {
+    font-size: 32px;
+    margin: 0 0 12px 0;
+  }
+  .cio-quiz .cio-error-description {
+    font-size: 16px;
+    margin: 0 0 32px 0;
+  }
 }
 
 /* Desktop */
@@ -862,9 +975,6 @@
   .cio-quiz .cio-results-container {
     margin-top: 3rem;
   }
-  .cio-quiz .cio-zero-results {
-    margin-top: 7rem;
-  }
   .cio-quiz .cio-question-content {
     padding: 5rem;
   }

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function ErrorIconSVG(): JSX.Element;

package/lib/types/components/ZeroResults/LightbulbIconSVG.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function LightbulbIconSVG(): JSX.Element;

package/lib/types/hooks/useQuizEvents/useQuizResetClick.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { ActionAnswerQuestion, ActionQuizAPI } from '../../components/CioQuiz/actions';
 import { QuizEventsReturn, QuizResultsResponse, QuizSharedResultsData } from '../../types';
+import { RequestStates } from '../../constants';
 type IUseQuizResetClickProps = {
     resetQuizSessionStorageState: () => void;
     dispatchLocalState: React.Dispatch<ActionAnswerQuestion>;
     dispatchApiState: React.Dispatch<ActionQuizAPI>;
     quizResults?: QuizResultsResponse | QuizSharedResultsData;
+    quizRequestState: RequestStates;
 };
 declare const useQuizResetClick: (props: IUseQuizResetClickProps) => QuizEventsReturn.ResetQuiz;
 export default useQuizResetClick;

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.19.10";
+declare const _default: "1.19.11";
 export default _default;

package/package.json

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