optimized-react-component-library-xyz123 0.26.4 → 0.26.6

package/dist/index.js

@@ -248,8 +248,8 @@ var CheckboxGroup = ({
     var _a2;
     const initialValues = ((_a2 = question.options) == null ? void 0 : _a2.filter((option) => {
       var _a3;
-      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.label);
-    }).map((option) => option.label)) || [];
+      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.id);
+    }).map((option) => option.id)) || [];
     setCheckedValues(initialValues);
   }, [question.answer, question.options]);
   const handleInputChange = (event, optionValue) => {
@@ -283,9 +283,9 @@ var CheckboxGroup = ({
                 type: "checkbox",
                 name: `name-${question.id}`,
                 id: `${groupId}-option-${index}`,
-                value: option.label,
-                checked: checkedValues.includes(option.label),
-                onChange: (e) => handleInputChange(e, option.label),
+                value: option.id,
+                checked: checkedValues.includes(option.id),
+                onChange: (e) => handleInputChange(e, option.id),
                 className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
               }
             ),
@@ -313,7 +313,7 @@ var PreviewCheckboxGroup = ({
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: question.options[0].label }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
       var _a2;
-      return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.label);
+      return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.id);
     }).map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });
@@ -1279,7 +1279,7 @@ function createApiDataObject(data, specialMappedQuestions, translatedAnswers) {
     let translatedAnswer = question.answer;
     if (question.answer && typeof question.answer === "string" && Array.isArray(question.options) && question.mappingId && specialMappedQuestions.has(question.mappingId)) {
       const answerNormalized = normalize(question.answer);
-      const matchingIds = question.options.filter((option) => answerNormalized.includes(normalize(option.label))).map((option) => `^${option.id}^`);
+      const matchingIds = question.options.filter((option) => answerNormalized.includes(normalize(option.id))).map((option) => `^${option.id}^`);
       if (matchingIds.length > 0) {
         translatedAnswer = matchingIds.join(",");
       }