@constructor-io/constructorio-ui-quizzes 1.9.2 → 1.9.4

package/lib/cjs/{src/components → components}/CioQuiz/quizLocalReducer.js

@@ -39,10 +39,8 @@ function quizLocalReducer(state, action) {
                     newAnswers.push(['seen']);
                     break;
                 case actions_1.QuestionTypes.SingleSelect:
-                    newAnswers.push(currentAnswerInput.value);
-                    break;
                 case actions_1.QuestionTypes.MultipleSelect:
-                    newAnswers.push(currentAnswerInput.value);
+                    newAnswers.push(currentAnswerInput.value.map((answer) => answer.id));
                     break;
                 default:
                     newAnswers.push([]);

package/lib/cjs/{src/hooks → hooks}/usePropsGetters/useSelectInputProps.js

@@ -39,7 +39,7 @@ function useSelectInputProps(quizAnswerChanged, nextQuestion, currentQuestionDat
             const prevSelected = {};
             if (Array.isArray(currentAnswer === null || currentAnswer === void 0 ? void 0 : currentAnswer.value)) {
                 (_a = currentAnswer === null || currentAnswer === void 0 ? void 0 : currentAnswer.value) === null || _a === void 0 ? void 0 : _a.forEach((answer) => {
-                    prevSelected[Number(answer)] = true;
+                    prevSelected[Number(answer.id)] = true;
                     setSelected(prevSelected);
                 });
             }
@@ -52,11 +52,18 @@ function useSelectInputProps(quizAnswerChanged, nextQuestion, currentQuestionDat
     }, [currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.id]);
     // Update global state
     (0, react_1.useEffect)(() => {
+        var _a, _b;
         if ((currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.type) === 'multiple' || (currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.type) === 'single') {
-            const selectedAnswers = Object.keys(selected).filter((key) => selected[Number(key)]);
+            const selectedAnswers = (_b = (_a = currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.options) === null || _a === void 0 ? void 0 : _a.filter((opt) => selected[Number(opt.id)])) === null || _b === void 0 ? void 0 : _b.map((opt) => ({ id: opt.id, value: opt.value }));
             quizAnswerChanged(selectedAnswers);
         }
-    }, [selected, currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.id, currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.type, quizAnswerChanged]);
+    }, [
+        selected,
+        currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.id,
+        currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.type,
+        currentQuestionData === null || currentQuestionData === void 0 ? void 0 : currentQuestionData.options,
+        quizAnswerChanged,
+    ]);
     // Go to next question only every time answerInputs (answers input state) changes...
     // and it's a singleSelectQuestion and user has just clicked on an option
     (0, react_1.useEffect)(() => {

package/lib/cjs/{src/services → services}/index.js

@@ -4,13 +4,13 @@ exports.trackQuizConversion = exports.trackQuizResultClick = exports.trackQuizRe
 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"));
-const package_json_1 = require("../../package.json");
+const version_1 = tslib_1.__importDefault(require("../version"));
 const getCioClient = (apiKey) => {
     if (apiKey) {
         return new constructorio_client_javascript_1.default({
             apiKey,
             sendTrackingEvents: true,
-            version: `cio-ui-quizzes-${package_json_1.version}`,
+            version: `cio-ui-quizzes-${version_1.default}`,
         });
     }
     return undefined;

package/lib/cjs/version.js

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

package/lib/mjs/{src/components → components}/CioQuiz/quizLocalReducer.js

@@ -58,10 +58,8 @@ export default function quizLocalReducer(state, action) {
                     newAnswers.push(['seen']);
                     break;
                 case QuestionTypes.SingleSelect:
-                    newAnswers.push(currentAnswerInput.value);
-                    break;
                 case QuestionTypes.MultipleSelect:
-                    newAnswers.push(currentAnswerInput.value);
+                    newAnswers.push(currentAnswerInput.value.map((answer) => answer.id));
                     break;
                 default:
                     newAnswers.push([]);

package/lib/mjs/{src/hooks → hooks}/usePropsGetters/useSelectInputProps.js

@@ -35,7 +35,7 @@ export default function useSelectInputProps(quizAnswerChanged, nextQuestion, cur
             const prevSelected = {};
             if (Array.isArray(currentAnswer?.value)) {
                 currentAnswer?.value?.forEach((answer) => {
-                    prevSelected[Number(answer)] = true;
+                    prevSelected[Number(answer.id)] = true;
                     setSelected(prevSelected);
                 });
             }
@@ -49,10 +49,18 @@ export default function useSelectInputProps(quizAnswerChanged, nextQuestion, cur
     // Update global state
     useEffect(() => {
         if (currentQuestionData?.type === 'multiple' || currentQuestionData?.type === 'single') {
-            const selectedAnswers = Object.keys(selected).filter((key) => selected[Number(key)]);
+            const selectedAnswers = currentQuestionData?.options
+                ?.filter((opt) => selected[Number(opt.id)])
+                ?.map((opt) => ({ id: opt.id, value: opt.value }));
             quizAnswerChanged(selectedAnswers);
         }
-    }, [selected, currentQuestionData?.id, currentQuestionData?.type, quizAnswerChanged]);
+    }, [
+        selected,
+        currentQuestionData?.id,
+        currentQuestionData?.type,
+        currentQuestionData?.options,
+        quizAnswerChanged,
+    ]);
     // Go to next question only every time answerInputs (answers input state) changes...
     // and it's a singleSelectQuestion and user has just clicked on an option
     useEffect(() => {

package/lib/mjs/{src/services → services}/index.js

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
-import { version as packageVersion } from '../../package.json';
+import version from '../version';
 export const getCioClient = (apiKey) => {
     if (apiKey) {
         return new ConstructorIOClient({
             apiKey,
             sendTrackingEvents: true,
-            version: `cio-ui-quizzes-${packageVersion}`,
+            version: `cio-ui-quizzes-${version}`,
         });
     }
     return undefined;

package/lib/mjs/version.js

@@ -0,0 +1 @@
+export default '1.9.4';

package/lib/types/{src/components → components}/CioQuiz/actions.d.ts

@@ -1,4 +1,4 @@
-import { CurrentQuestion, NextQuestionResponse, QuizResultsResponse } from '../../types';
+import { CurrentQuestion, NextQuestionResponse, QuestionOption, QuizResultsResponse } from '../../types';
 import type { QuizLocalReducerState } from './quizLocalReducer';
 export declare enum QuestionTypes {
     OpenText = "open",
@@ -17,7 +17,7 @@ export interface QuestionAnswer<Value> {
     input: Value;
     isLastQuestion?: boolean;
 }
-export type SelectQuestionPayload = QuestionAnswer<string[]>;
+export type SelectQuestionPayload = QuestionAnswer<Omit<QuestionOption, 'attribute' | 'images'>[]>;
 export type OpenTextQuestionPayload = QuestionAnswer<string>;
 export type CoverQuestionPayload = QuestionAnswer<string>;
 interface Action<Type, Payload = {}> {

package/lib/types/{src/types.d.ts → types.d.ts}

@@ -68,7 +68,7 @@ export interface QuizReturnState {
 }
 export type AnswerInput = {
     type: InputQuestionsTypes;
-    value: string | string[] | null;
+    value: string | Omit<QuestionOption, 'attribute' | 'images'>[] | null;
 };
 export type AnswerInputState = {
     [key: string]: AnswerInput;
@@ -88,7 +88,7 @@ export type CurrentQuestion = NextQuestionResponse & {
     isSelectQuestion: boolean;
 };
 export declare namespace QuizEventsReturn {
-    type QuizAnswerChanged = (payload?: string | string[]) => void;
+    type QuizAnswerChanged = (payload?: string | Omit<QuestionOption, 'attribute' | 'images'>[]) => void;
     type NextQuestion = () => void;
     type SkipQuestion = () => void;
     type PreviousQuestion = () => void;

package/lib/types/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "1.9.4";
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-quizzes",
-  "version": "1.9.2",
+  "version": "1.9.4",
   "description": "Constructor.io Quizzes UI library for web applications",
   "author": "constructor.io",
   "license": "MIT",
@@ -53,8 +53,9 @@
     "build-storybook": "storybook build -o 'docs'",
     "serve-built-storybook": "npx http-server docs",
     "verify-node-version": "chmod +x ./scripts/verify-node-version.sh && ./scripts/verify-node-version.sh",
-    "version": "npm run verify-node-version && npm run build-storybook && git add -u ./docs && git add ./docs/* && npm run compile",
-    "compile": "rm -rf lib && tsc -p tsconfig.json && tsc -p tsconfig-cjs.json && npm run copy-styles && vite build",
+    "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",
+    "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": {

package/lib/cjs/package.json

@@ -1,105 +0,0 @@
-{
-    "name": "@constructor-io/constructorio-ui-quizzes",
-    "version": "1.9.2",
-    "description": "Constructor.io Quizzes UI library for web applications",
-    "author": "constructor.io",
-    "license": "MIT",
-    "homepage": "https://github.com/Constructor-io/constructorio-ui-quizzes#readme",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/Constructor-io/constructorio-ui-quizzes.git"
-    },
-    "bugs": {
-        "url": "https://github.com/Constructor-io/constructorio-ui-quizzes/issues"
-    },
-    "main": "lib/cjs/index.js",
-    "module": "lib/mjs/index.js",
-    "exports": {
-        "./styles.css": {
-            "import": "./lib/styles.css",
-            "require": "./lib/styles.css"
-        },
-        "./constructorio-ui-quizzes-bundled": {
-            "import": "./dist/constructorio-ui-quizzes-bundled.js",
-            "require": "./dist/constructorio-ui-quizzes-bundled.js"
-        },
-        ".": {
-            "import": "./lib/mjs/index.js",
-            "require": "./lib/cjs/index.js"
-        },
-        "./cjs": {
-            "import": "./lib/cjs/index.js",
-            "require": "./lib/cjs/index.js"
-        }
-    },
-    "files": [
-        "lib/**/*",
-        "dist/constructorio-ui-quizzes-bundled.js"
-    ],
-    "engines": {
-        "node": ">=14"
-    },
-    "types": "lib/types/index.d.ts",
-    "scripts": {
-        "lint": "eslint src --ext js,ts,jsx,tsx",
-        "check-types": "npx tsc --noEmit",
-        "copy-styles": "cp src/styles.css lib/styles.css",
-        "prepare": "husky install",
-        "dev": "storybook dev -p 6006",
-        "storybook:ci": "storybook dev --ci --quiet -p 6006",
-        "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'",
-        "serve-built-storybook": "npx http-server docs",
-        "verify-node-version": "chmod +x ./scripts/verify-node-version.sh && ./scripts/verify-node-version.sh",
-        "version": "npm run verify-node-version && npm run build-storybook && git add -u ./docs && git add ./docs/* && npm run compile",
-        "compile": "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.35.17",
-        "react": ">=16.12.0",
-        "react-dom": ">=16.12.0",
-        "tslib": "^2.4.0"
-    },
-    "devDependencies": {
-        "@axe-core/react": "^4.7.0",
-        "@cspell/eslint-plugin": "^6.18.1",
-        "@storybook/addon-a11y": "^7.0.11",
-        "@storybook/addon-actions": "7.0.11",
-        "@storybook/addon-essentials": "7.0.11",
-        "@storybook/addon-interactions": "^7.0.11",
-        "@storybook/addon-links": "7.0.11",
-        "@storybook/addon-docs": "7.0.11",
-        "@storybook/jest": "^0.1.0",
-        "@storybook/react-webpack5": "7.0.11",
-        "@storybook/test-runner": "0.10.0",
-        "@storybook/testing-library": "^0.1.0",
-        "@types/react": "^18.0.26",
-        "@types/react-dom": "^18.0.9",
-        "@typescript-eslint/eslint-plugin": "^5.47.0",
-        "@typescript-eslint/parser": "^5.47.0",
-        "chromatic": "^6.21.0",
-        "eslint": "^8.30.0",
-        "eslint-config-airbnb": "^19.0.4",
-        "eslint-config-airbnb-typescript": "^17.0.0",
-        "eslint-config-prettier": "^8.5.0",
-        "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-react": "^7.31.11",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-storybook": "^0.6.12",
-        "husky": "^8.0.1",
-        "license-checker": "^25.0.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "start-server-and-test": "^2.0.0",
-        "storybook": "7.0.11",
-        "typescript": "^4.9.4",
-        "vite": "^4.2.1",
-        "vite-plugin-css-injected-by-js": "^3.1.0",
-        "webpack": "^5.75.0"
-    }
-}

package/lib/mjs/package.json

@@ -1,105 +0,0 @@
-{
-    "name": "@constructor-io/constructorio-ui-quizzes",
-    "version": "1.9.2",
-    "description": "Constructor.io Quizzes UI library for web applications",
-    "author": "constructor.io",
-    "license": "MIT",
-    "homepage": "https://github.com/Constructor-io/constructorio-ui-quizzes#readme",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/Constructor-io/constructorio-ui-quizzes.git"
-    },
-    "bugs": {
-        "url": "https://github.com/Constructor-io/constructorio-ui-quizzes/issues"
-    },
-    "main": "lib/cjs/index.js",
-    "module": "lib/mjs/index.js",
-    "exports": {
-        "./styles.css": {
-            "import": "./lib/styles.css",
-            "require": "./lib/styles.css"
-        },
-        "./constructorio-ui-quizzes-bundled": {
-            "import": "./dist/constructorio-ui-quizzes-bundled.js",
-            "require": "./dist/constructorio-ui-quizzes-bundled.js"
-        },
-        ".": {
-            "import": "./lib/mjs/index.js",
-            "require": "./lib/cjs/index.js"
-        },
-        "./cjs": {
-            "import": "./lib/cjs/index.js",
-            "require": "./lib/cjs/index.js"
-        }
-    },
-    "files": [
-        "lib/**/*",
-        "dist/constructorio-ui-quizzes-bundled.js"
-    ],
-    "engines": {
-        "node": ">=14"
-    },
-    "types": "lib/types/index.d.ts",
-    "scripts": {
-        "lint": "eslint src --ext js,ts,jsx,tsx",
-        "check-types": "npx tsc --noEmit",
-        "copy-styles": "cp src/styles.css lib/styles.css",
-        "prepare": "husky install",
-        "dev": "storybook dev -p 6006",
-        "storybook:ci": "storybook dev --ci --quiet -p 6006",
-        "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'",
-        "serve-built-storybook": "npx http-server docs",
-        "verify-node-version": "chmod +x ./scripts/verify-node-version.sh && ./scripts/verify-node-version.sh",
-        "version": "npm run verify-node-version && npm run build-storybook && git add -u ./docs && git add ./docs/* && npm run compile",
-        "compile": "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.35.17",
-        "react": ">=16.12.0",
-        "react-dom": ">=16.12.0",
-        "tslib": "^2.4.0"
-    },
-    "devDependencies": {
-        "@axe-core/react": "^4.7.0",
-        "@cspell/eslint-plugin": "^6.18.1",
-        "@storybook/addon-a11y": "^7.0.11",
-        "@storybook/addon-actions": "7.0.11",
-        "@storybook/addon-essentials": "7.0.11",
-        "@storybook/addon-interactions": "^7.0.11",
-        "@storybook/addon-links": "7.0.11",
-        "@storybook/addon-docs": "7.0.11",
-        "@storybook/jest": "^0.1.0",
-        "@storybook/react-webpack5": "7.0.11",
-        "@storybook/test-runner": "0.10.0",
-        "@storybook/testing-library": "^0.1.0",
-        "@types/react": "^18.0.26",
-        "@types/react-dom": "^18.0.9",
-        "@typescript-eslint/eslint-plugin": "^5.47.0",
-        "@typescript-eslint/parser": "^5.47.0",
-        "chromatic": "^6.21.0",
-        "eslint": "^8.30.0",
-        "eslint-config-airbnb": "^19.0.4",
-        "eslint-config-airbnb-typescript": "^17.0.0",
-        "eslint-config-prettier": "^8.5.0",
-        "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-react": "^7.31.11",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-storybook": "^0.6.12",
-        "husky": "^8.0.1",
-        "license-checker": "^25.0.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "start-server-and-test": "^2.0.0",
-        "storybook": "7.0.11",
-        "typescript": "^4.9.4",
-        "vite": "^4.2.1",
-        "vite-plugin-css-injected-by-js": "^3.1.0",
-        "webpack": "^5.75.0"
-    }
-}