optimized-react-component-library-xyz123 0.26.1 → 0.26.2

package/dist/index.js

@@ -168,17 +168,17 @@ var MultipleCheckboxes = ({
     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);
+      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.id);
     }).map((option) => option.label)) || [];
     console.log("Initial values:", initialValues);
     setCheckedValues(initialValues);
   }, [question.answer, question.options]);
-  const handleInputChange = (event, optionValue) => {
+  const handleInputChange = (event, optionId) => {
     let updatedValues = [...checkedValues];
-    if (updatedValues.includes(optionValue)) {
-      updatedValues = updatedValues.filter((val) => val !== optionValue);
+    if (updatedValues.includes(optionId)) {
+      updatedValues = updatedValues.filter((val) => val !== optionId);
     } else {
-      updatedValues.push(optionValue);
+      updatedValues.push(optionId);
     }
     setCheckedValues(updatedValues);
     const e = { target: { value: updatedValues.toString() } };
@@ -200,9 +200,9 @@ var MultipleCheckboxes = ({
             type: "checkbox",
             name: `${question.id}-option`,
             id: `${question.id}-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
           }
         ),