@constructor-io/constructorio-ui-quizzes 1.4.2 → 1.4.3

package/lib/cjs/components/ResultContainer/ResultContainer.js

@@ -13,12 +13,12 @@ function ResultContainer(props) {
     const { resultCardSalePriceKey, resultCardRegularPriceKey } = options;
     const { state } = (0, react_1.useContext)(context_1.default);
     const zeroResults = !((_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.quiz.results) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.results) === null || _c === void 0 ? void 0 : _c.length);
-    const resultsTitle = zeroResults ? 'Oops, there are no results' : 'Here are your results';
+    const resultsTitle = zeroResults ? '' : 'Here are your results';
     if (state === null || state === void 0 ? void 0 : state.quiz.results) {
         return (react_1.default.createElement("div", { className: 'cio-results-container' },
             react_1.default.createElement("h1", { className: 'cio-results-title' }, resultsTitle),
             react_1.default.createElement("div", { className: 'cio-results-filter-and-redo-container' },
-                react_1.default.createElement(ResultFilters_1.default, null),
+                react_1.default.createElement(ResultFilters_1.default, { hasNoResults: zeroResults }),
                 react_1.default.createElement(RedoButton_1.default, null)),
             !zeroResults && (react_1.default.createElement(Results_1.default, { resultCardSalePriceKey: resultCardSalePriceKey, resultCardRegularPriceKey: resultCardRegularPriceKey })),
             zeroResults && react_1.default.createElement(ZeroResults_1.default, null)));

package/lib/cjs/components/ResultFilters/ResultFilters.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const context_1 = tslib_1.__importDefault(require("../CioQuiz/context"));
-function ResultFilters() {
+function ResultFilters({ hasNoResults }) {
     var _a;
     const { state } = (0, react_1.useContext)(context_1.default);
     return (react_1.default.createElement("div", { className: 'cio-results-filter-container' },
-        react_1.default.createElement("p", null, "Because you answered"),
+        react_1.default.createElement("p", null, hasNoResults ? 'Your preferences' : 'Because you answered'),
         react_1.default.createElement("div", { className: 'cio-results-filter-options' }, (_a = state === null || state === void 0 ? void 0 : state.quiz.selectedOptionsWithAttributes) === null || _a === void 0 ? void 0 : _a.map((option) => (react_1.default.createElement("div", { className: 'cio-results-filter-option', key: option }, option))))));
 }
 exports.default = ResultFilters;

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

@@ -7,8 +7,7 @@ const context_1 = tslib_1.__importDefault(require("../CioQuiz/context"));
 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, it seems like we couldn\u2019t find results based on your answers."),
-        react_1.default.createElement("p", { className: 'cio-zero-results-description' }, "This is embarrassing \uD83D\uDE22. It might be that some of the questions are not properly set up from our end. Would you give us another try?"),
-        react_1.default.createElement(CTAButton_1.default, { ctaText: 'Try Again', propsGetters: getResetQuizButtonProps })));
+        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(CTAButton_1.default, { ctaText: 'Redo Quiz', propsGetters: getResetQuizButtonProps })));
 }
 exports.default = ZeroResults;

package/lib/mjs/components/ResultContainer/ResultContainer.js

@@ -9,12 +9,12 @@ export default function ResultContainer(props) {
     const { resultCardSalePriceKey, resultCardRegularPriceKey } = options;
     const { state } = useContext(QuizContext);
     const zeroResults = !state?.quiz.results?.response?.results?.length;
-    const resultsTitle = zeroResults ? 'Oops, there are no results' : 'Here are your results';
+    const resultsTitle = zeroResults ? '' : 'Here are your results';
     if (state?.quiz.results) {
         return (React.createElement("div", { className: 'cio-results-container' },
             React.createElement("h1", { className: 'cio-results-title' }, resultsTitle),
             React.createElement("div", { className: 'cio-results-filter-and-redo-container' },
-                React.createElement(ResultFilters, null),
+                React.createElement(ResultFilters, { hasNoResults: zeroResults }),
                 React.createElement(RedoButton, null)),
             !zeroResults && (React.createElement(Results, { resultCardSalePriceKey: resultCardSalePriceKey, resultCardRegularPriceKey: resultCardRegularPriceKey })),
             zeroResults && React.createElement(ZeroResults, null)));

package/lib/mjs/components/ResultFilters/ResultFilters.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import QuizContext from '../CioQuiz/context';
-function ResultFilters() {
+function ResultFilters({ hasNoResults }) {
     const { state } = useContext(QuizContext);
     return (React.createElement("div", { className: 'cio-results-filter-container' },
-        React.createElement("p", null, "Because you answered"),
+        React.createElement("p", null, hasNoResults ? 'Your preferences' : 'Because you answered'),
         React.createElement("div", { className: 'cio-results-filter-options' }, state?.quiz.selectedOptionsWithAttributes?.map((option) => (React.createElement("div", { className: 'cio-results-filter-option', key: option }, option))))));
 }
 export default ResultFilters;

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

@@ -4,8 +4,7 @@ import QuizContext from '../CioQuiz/context';
 function ZeroResults() {
     const { getResetQuizButtonProps } = useContext(QuizContext);
     return (React.createElement("div", { className: 'cio-zero-results' },
-        React.createElement("h3", { className: 'cio-zero-results-subtitle' }, "Sorry, it seems like we couldn\u2019t find results based on your answers."),
-        React.createElement("p", { className: 'cio-zero-results-description' }, "This is embarrassing \uD83D\uDE22. It might be that some of the questions are not properly set up from our end. Would you give us another try?"),
-        React.createElement(CTAButton, { ctaText: 'Try Again', propsGetters: getResetQuizButtonProps })));
+        React.createElement("h3", { className: 'cio-zero-results-subtitle' }, "Sorry, we couldn\u2019t find products that perfectly match your preferences."),
+        React.createElement(CTAButton, { ctaText: 'Redo Quiz', propsGetters: getResetQuizButtonProps })));
 }
 export default ZeroResults;

package/lib/styles.css

@@ -432,15 +432,10 @@
   font-weight: 500;
   font-size: 1.25rem;
   line-height: 1.5rem;
+  margin-bottom: 2rem;
   color: var(--gray-dust-500);
   margin-top: 0;
 }
-.cio-zero-results-description {
-  color: var(--gray-dust-100);
-  line-height: 1.25rem;
-  margin-top: 0;
-}
-
 .cio-zero-results .cio-button-container {
   width: 14rem;
   margin-right: auto;

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-declare function ResultFilters(): JSX.Element;
+interface ResultFiltersProps {
+    hasNoResults: boolean;
+}
+declare function ResultFilters({ hasNoResults }: ResultFiltersProps): JSX.Element;
 export default ResultFilters;

package/package.json

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