@constructor-io/constructorio-ui-quizzes 1.17.16 → 1.17.17

package/lib/cjs/hooks/usePrevious.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function usePrevious(value) {
+    const latest = (0, react_1.useRef)(value);
+    const previous = (0, react_1.useRef)();
+    if (latest.current !== value) {
+        previous.current = latest.current;
+    }
+    latest.current = value;
+    return previous.current;
+}
+exports.default = usePrevious;

package/lib/cjs/hooks/useQuiz.js

@@ -8,6 +8,9 @@ const usePropsGetters_1 = tslib_1.__importDefault(require("./usePropsGetters"));
 const usePrimaryColorStyles_1 = tslib_1.__importDefault(require("./usePrimaryColorStyles"));
 const useQuizEvents_1 = tslib_1.__importDefault(require("./useQuizEvents"));
 const useQuizState_1 = tslib_1.__importDefault(require("./useQuizState"));
+const usePrevious_1 = tslib_1.__importDefault(require("./usePrevious"));
+const actions_1 = require("../components/CioQuiz/actions");
+const utils_1 = require("../utils");
 const useQuiz = (quizOptions) => {
     var _a;
     const { apiKey, cioJsClient, primaryColor, resultsPageOptions } = quizOptions;
@@ -29,6 +32,23 @@ const useQuiz = (quizOptions) => {
             quizEvents.hydrateQuiz();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    const { quizId } = quizOptions;
+    const { dispatchApiState, dispatchLocalState } = quizState;
+    const prevQuizId = (0, usePrevious_1.default)(quizId);
+    (0, react_1.useEffect)(() => {
+        if (quizId === prevQuizId)
+            return;
+        if (!prevQuizId)
+            return;
+        dispatchLocalState({
+            type: actions_1.QuestionTypes.Reset,
+        });
+        dispatchApiState({
+            type: actions_1.QuizAPIActionTypes.RESET_QUIZ,
+        });
+        (0, utils_1.resetQuizSessionStorageState)(quizSessionStorageState.key);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [quizId, prevQuizId]);
     return Object.assign(Object.assign({ cioClient, state: {
             answers: {
                 inputs: quizLocalState.answerInputs,

package/lib/cjs/version.js

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

package/lib/mjs/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef } from 'react';
+export default function usePrevious(value) {
+    const latest = useRef(value);
+    const previous = useRef();
+    if (latest.current !== value) {
+        previous.current = latest.current;
+    }
+    latest.current = value;
+    return previous.current;
+}

package/lib/mjs/hooks/useQuiz.js

@@ -5,6 +5,9 @@ import usePropsGetters from './usePropsGetters';
 import usePrimaryColorStyles from './usePrimaryColorStyles';
 import useQuizEvents from './useQuizEvents';
 import useQuizState from './useQuizState';
+import usePrevious from './usePrevious';
+import { QuestionTypes, QuizAPIActionTypes } from '../components/CioQuiz/actions';
+import { resetQuizSessionStorageState } from '../utils';
 const useQuiz = (quizOptions) => {
     const { apiKey, cioJsClient, primaryColor, resultsPageOptions } = quizOptions;
     // Log console errors for required parameters quizId
@@ -25,6 +28,23 @@ const useQuiz = (quizOptions) => {
             quizEvents.hydrateQuiz();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    const { quizId } = quizOptions;
+    const { dispatchApiState, dispatchLocalState } = quizState;
+    const prevQuizId = usePrevious(quizId);
+    useEffect(() => {
+        if (quizId === prevQuizId)
+            return;
+        if (!prevQuizId)
+            return;
+        dispatchLocalState({
+            type: QuestionTypes.Reset,
+        });
+        dispatchApiState({
+            type: QuizAPIActionTypes.RESET_QUIZ,
+        });
+        resetQuizSessionStorageState(quizSessionStorageState.key);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [quizId, prevQuizId]);
     return {
         cioClient,
         state: {

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.17.16';
+export default '1.17.17';

package/lib/types/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export default function usePrevious<Type>(value: Type): Type | undefined;

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.17.16";
+declare const _default: "1.17.17";
 export default _default;

package/package.json

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