optimized-react-component-library-xyz123 0.23.4 → 0.23.6

package/dist/index.mjs

@@ -1,54 +1,52 @@
 // src/components/input-components/InfoTextStandard/InfoTextStandard.tsx
 import DOMPurify from "dompurify";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var InfoTextStandard = ({ text, value, questionId, activatedLanguage, showPreview, showText }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !showPreview && /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: questionId,
-        className: "pts-root-question pts-infoTextdStandard-container",
-        children: /* @__PURE__ */ jsx(
+import { jsx, jsxs } from "react/jsx-runtime";
+var InfoTextStandard = ({ infoText, selectedValue, questionId, activatedLanguage }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: `textinfo-${questionId}-${selectedValue}`,
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: infoText.length > 0 && /* @__PURE__ */ jsxs("div", { id: questionId, className: "pts-root-question pts-infoTextdStandard-container", children: [
+        /* @__PURE__ */ jsx("h2", { className: "sr-only", children: activatedLanguage === "en" ? `Information about selected alternative - ${selectedValue}` : `Information om valt alternativ - ${selectedValue}` }),
+        /* @__PURE__ */ jsx(
           "div",
           {
             id: questionId,
             dangerouslySetInnerHTML: {
-              __html: DOMPurify.sanitize(text != null ? text : "")
+              __html: DOMPurify.sanitize(infoText != null ? infoText : "")
             }
           }
         )
-      }
-    ),
-    /* @__PURE__ */ jsx(Fragment, {})
-  ] });
+      ] })
+    }
+  );
 };
 var InfoTextStandard_default = InfoTextStandard;
 
 // src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var InputRadio = ({
   question,
   handleQuestionInputChange,
-  showPreview = false
+  showPreview = false,
+  activatedLanguage = "sv"
 }) => {
   var _a, _b, _c, _d;
   const questionId = `question-${question.id}`;
   const groupId = `radio-group-${question.id}`;
   const errorId = `error-${question.id}`;
+  const handleInputChange = (event) => {
+    const e = { target: { value: event.target.value } };
+    handleQuestionInputChange(e, question);
+  };
   const languageObj = question.languageSupport[0];
   var optionsInfoText = [];
   if ("optionsInfoText" in languageObj) {
     optionsInfoText = languageObj.optionsInfoText;
-    console.log(languageObj.optionsInfoText, "q", optionsInfoText, question);
   }
-  console.log((_a = optionsInfoText.find(
-    (op) => op.value === question.answer
-  )) == null ? void 0 : _a.text, question.answer);
-  const handleInputChange = (event) => {
-    const e = { target: { value: event.target.value } };
-    handleQuestionInputChange(e, question);
-  };
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs2("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: [
       /* @__PURE__ */ jsxs2(
         "fieldset",
@@ -62,7 +60,7 @@ var InputRadio = ({
               " ",
               question.isQuestionMandatory && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
             ] }),
-            (_b = question.options) == null ? void 0 : _b.map((option, index) => /* @__PURE__ */ jsxs2("div", { className: "pts-radio-option", children: [
+            (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsxs2("div", { className: "pts-radio-option", children: [
               /* @__PURE__ */ jsx2(
                 "input",
                 {
@@ -71,8 +69,7 @@ var InputRadio = ({
                   id: `${groupId}-option-${index}`,
                   value: option.value,
                   checked: question.answer === option.value,
-                  onChange: handleInputChange,
-                  "aria-describedby": "about_" + option.value
+                  onChange: handleInputChange
                 }
               ),
               /* @__PURE__ */ jsx2("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
@@ -87,23 +84,12 @@ var InputRadio = ({
         }
       ),
       optionsInfoText.length > 0 && /* @__PURE__ */ jsx2(
-        "div",
+        InfoTextStandard_default,
         {
-          id: "textinfo-option3",
-          "aria-live": "polite",
-          "aria-atomic": "true",
-          children: /* @__PURE__ */ jsx2(
-            InfoTextStandard_default,
-            {
-              text: (_d = (_c = optionsInfoText.find(
-                (op) => op.value === question.answer
-              )) == null ? void 0 : _c.text) != null ? _d : "",
-              value: "",
-              showPreview: false,
-              questionId,
-              showText: true
-            }
-          )
+          infoText: (_c = (_b = optionsInfoText.find((op) => op.selectedValue === question.answer)) == null ? void 0 : _b.infoText) != null ? _c : "",
+          selectedValue: (_d = question.answer) != null ? _d : "",
+          questionId,
+          activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
         }
       )
     ] }),
@@ -114,7 +100,7 @@ var RadioMultipleStandard_default = InputRadio;
 var PreviewRadio = ({ question }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx2("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx2("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx2(
       "dd",
@@ -129,7 +115,7 @@ var PreviewRadio = ({ question }) => {
 
 // src/components/input-components/MultipleCheckboxesStandard/MultipleCheckboxesStandard.tsx
 import { useEffect, useState } from "react";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var MultipleCheckboxes = ({
   question,
   handleQuestionInputChange,
@@ -159,7 +145,7 @@ var MultipleCheckboxes = ({
     const e = { target: { value: updatedValues.toString() } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsx3("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ jsxs3("fieldset", { children: [
       /* @__PURE__ */ jsxs3("legend", { className: "multipleCheckboxes-legend", id: `label-${questionId}`, children: [
         question.questionLabel,
@@ -167,7 +153,7 @@ var MultipleCheckboxes = ({
         question.isQuestionMandatory && /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
         " "
       ] }),
-      /* @__PURE__ */ jsx3("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(Fragment3, { children: [
+      /* @__PURE__ */ jsx3("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(Fragment2, { children: [
         " ",
         /* @__PURE__ */ jsx3(
           "input",
@@ -195,7 +181,7 @@ var PrevieMultipleCheckboxes = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsx3("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx3("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
       var _a2;
@@ -207,7 +193,7 @@ var PrevieMultipleCheckboxes = ({
 
 // src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var CheckboxGroup = ({
   question,
   handleQuestionInputChange,
@@ -238,7 +224,7 @@ var CheckboxGroup = ({
     const e = { target: { value: updatedValues.toString() } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsx4("div", { id: questionId, className: "pts-root-question pts-checkboxGroup-container", children: /* @__PURE__ */ jsxs4(
       "fieldset",
       {
@@ -284,7 +270,7 @@ var PreviewCheckboxGroup = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
     /* @__PURE__ */ jsx4("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx4("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
       var _a2;
@@ -296,7 +282,7 @@ var PreviewCheckboxGroup = ({
 
 // src/components/input-components/TextAreaStandard/TextAreaStandard.tsx
 import DOMPurify2 from "dompurify";
-import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var InputTextarea = ({
   question,
   handleQuestionInputChange,
@@ -309,7 +295,7 @@ var InputTextarea = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs5(
       "div",
       {
@@ -377,7 +363,7 @@ var PreviewTextarea = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
     /* @__PURE__ */ jsx5("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx5("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx5(
       "dd",
@@ -392,7 +378,7 @@ var PreviewTextarea = ({
 
 // src/components/input-components/TextFieldStandard/TextFieldStandard.tsx
 import DOMPurify3 from "dompurify";
-import { Fragment as Fragment6, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var TextFieldStandard = ({
   question,
   handleQuestionInputChange,
@@ -405,7 +391,7 @@ var TextFieldStandard = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  return /* @__PURE__ */ jsxs6(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs6(
       "div",
       {
@@ -467,7 +453,7 @@ var PreviewTextField = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs6(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
     /* @__PURE__ */ jsx6("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx6("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx6(
       "dd",
@@ -486,7 +472,7 @@ import clsx3 from "clsx";
 
 // src/components/input-components/AddFilesStandard/DropFilesStandard.tsx
 import { useDropzone } from "react-dropzone";
-import { Fragment as Fragment7, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
   const onDrop = FilesSelected;
   const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, noKeyboard: true });
@@ -494,7 +480,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
     event.preventDefault();
     event.stopPropagation();
   };
-  return /* @__PURE__ */ jsx7(Fragment7, { children: /* @__PURE__ */ jsx7("div", { className: "DropZoneContainer", children: /* @__PURE__ */ jsxs7("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
+  return /* @__PURE__ */ jsx7(Fragment6, { children: /* @__PURE__ */ jsx7("div", { className: "DropZoneContainer", children: /* @__PURE__ */ jsxs7("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
     /* @__PURE__ */ jsxs7("label", { htmlFor: "fileDropInput", hidden: true, children: [
       "Dra och sl\xE4pp filer h\xE4r omr\xE5de",
       /* @__PURE__ */ jsx7(
@@ -538,7 +524,7 @@ import clsx from "clsx";
 
 // src/components/input-components/AddFilesStandard/ScreenReaderErrors.tsx
 import React from "react";
-import { Fragment as Fragment8, jsx as jsx8 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx8 } from "react/jsx-runtime";
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
   activatedLanguage
@@ -557,12 +543,12 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(true);
     }
   }, [errorMessageAddingFile]);
-  return /* @__PURE__ */ jsx8(Fragment8, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx8("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
+  return /* @__PURE__ */ jsx8(Fragment7, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx8("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-import { Fragment as Fragment9, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ExploreFiles = ({
   FilesSelected,
   numberOfFiles,
@@ -589,7 +575,7 @@ var ExploreFiles = ({
   };
   let addFilesInfoText = numberOfFiles > 0 ? activatedLanguage === "sv" ? `${numberOfFiles} filer valda (max ${allowedNumberOfFiles})` : `${numberOfFiles} files chosed (max ${allowedNumberOfFiles})` : activatedLanguage === "sv" ? "Ingen fil vald" : "No file chosen";
   const ariaLabelText = `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`;
-  return /* @__PURE__ */ jsx9(Fragment9, { children: /* @__PURE__ */ jsxs8("div", { className: "inputContainer", children: [
+  return /* @__PURE__ */ jsx9(Fragment8, { children: /* @__PURE__ */ jsxs8("div", { className: "inputContainer", children: [
     /* @__PURE__ */ jsxs8(
       "div",
       {
@@ -651,16 +637,16 @@ import { Col, Row } from "react-bootstrap";
 // src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
 import { useState as useState3 } from "react";
 import clsx2 from "clsx";
-import { Fragment as Fragment10, jsx as jsx10 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx10 } from "react/jsx-runtime";
 var Indicator = (filename) => {
   const [uploadPercentage, setUploadPercentage] = useState3(0);
   const [uploadDone, setUploadDone] = useState3(false);
-  return /* @__PURE__ */ jsx10(Fragment10, { children: /* @__PURE__ */ jsx10("div", { className: clsx2("uploadIndicator", "uploadDone") }) });
+  return /* @__PURE__ */ jsx10(Fragment9, { children: /* @__PURE__ */ jsx10("div", { className: clsx2("uploadIndicator", "uploadDone") }) });
 };
 var IndicatorStandard_default = Indicator;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-import { Fragment as Fragment11, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var SelectedFiles = ({
   questionObject,
   isTouched,
@@ -700,7 +686,7 @@ var SelectedFiles = ({
     return windowWidth2;
   };
   const windowWidth = useWindowWidth();
-  return /* @__PURE__ */ jsxs9(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment10, { children: [
     /* @__PURE__ */ jsx11("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
       /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
       /* @__PURE__ */ jsx11("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs9("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
@@ -818,7 +804,7 @@ var SelectedFiles = ({
 var SelectedFilesStandard_default = SelectedFiles;
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-import { Fragment as Fragment12, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var AddFiles = ({
   questionObject,
   handleQuestionInputChange = (e, questionObject2) => {
@@ -990,7 +976,7 @@ var AddFiles = ({
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
-  return /* @__PURE__ */ jsxs10(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment11, { children: [
     !showPreview && visible && /* @__PURE__ */ jsx12("div", { className: "root-question addFile-question-container", id: `question-${questionObject.id}`, children: /* @__PURE__ */ jsxs10("div", { role: "group", children: [
       questionObject.aboutText && /* @__PURE__ */ jsxs10(
         "p",
@@ -1062,7 +1048,7 @@ var PreviewAddFiles = ({
   activatedLanguage
 }) => {
   const previewId = `preview-${questionObject.Id}`;
-  return /* @__PURE__ */ jsxs10(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment11, { children: [
     /* @__PURE__ */ jsx12("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
     questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ jsx12("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ jsx12("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
       return /* @__PURE__ */ jsx12("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
@@ -1072,7 +1058,7 @@ var PreviewAddFiles = ({
 
 // src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
 import { useEffect as useEffect6, useState as useState6 } from "react";
-import { Fragment as Fragment13, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var SingleCheckbox = ({
   question,
   handleQuestionInputChange,
@@ -1098,7 +1084,7 @@ var SingleCheckbox = ({
     const e = { target: { value: answer } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ jsxs11(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment12, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs11("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: [
       /* @__PURE__ */ jsxs11("div", { className: "pts-singleCheckbox-row", children: [
         /* @__PURE__ */ jsx13(
@@ -1150,7 +1136,7 @@ var PreviewSingleCheckbox = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs11(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment12, { children: [
     /* @__PURE__ */ jsx13("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx13("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ jsx13(
       "dd",
@@ -1872,14 +1858,14 @@ var useCookieConsent = ({
 };
 
 // src/components/question-rendering/QuestionRenderer/QuestionRenderer.tsx
-import { Fragment as Fragment14, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var QuestionRenderer = ({
   question,
   handleQuestionInputChange,
   activatedLanguage = "sv",
   showPreview = false
 }) => {
-  return /* @__PURE__ */ jsxs12(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment13, { children: [
     question.questionType === "Radio" && /* @__PURE__ */ jsx14(
       RadioMultipleStandard_default,
       {
@@ -1947,8 +1933,8 @@ var QuestionRenderer = ({
 var QuestionRenderer_default = QuestionRenderer;
 
 // src/components/question-rendering/QuestionGroup/QuestionGroup.tsx
-import { useEffect as useEffect11, Fragment as Fragment15 } from "react";
-import { Fragment as Fragment16, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect11, Fragment as Fragment14 } from "react";
+import { Fragment as Fragment15, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var QuestionGroup = ({
   questions,
   wrapperElement = "none",
@@ -1971,8 +1957,8 @@ var QuestionGroup = ({
       }
     });
   }, [questions]);
-  const groupQuestions = /* @__PURE__ */ jsx15(Fragment16, { children: questions.map((question, index) => {
-    return /* @__PURE__ */ jsx15(Fragment15, { children: /* @__PURE__ */ jsx15(
+  const groupQuestions = /* @__PURE__ */ jsx15(Fragment15, { children: questions.map((question, index) => {
+    return /* @__PURE__ */ jsx15(Fragment14, { children: /* @__PURE__ */ jsx15(
       QuestionRenderer_default,
       {
         question,
@@ -2017,7 +2003,7 @@ var QuestionGroup = ({
       return /* @__PURE__ */ jsx15("div", { className: "pts-root-question-group-div", children: groupQuestions });
     case "none":
     default:
-      return /* @__PURE__ */ jsx15(Fragment15, { children: groupQuestions });
+      return /* @__PURE__ */ jsx15(Fragment14, { children: groupQuestions });
   }
 };
 var QuestionGroup_default = QuestionGroup;
@@ -2984,7 +2970,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
 var StepperStandard_default = Stepper;
 
 // src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
-import { Fragment as Fragment17, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var ValidationErrorSummaryList = ({
   validationErrorsList,
   questions,
@@ -3021,7 +3007,7 @@ var ValidationErrorSummaryList = ({
       }, 300);
     }
   }
-  if (!validationErrorsList.length) return /* @__PURE__ */ jsx29(Fragment17, {});
+  if (!validationErrorsList.length) return /* @__PURE__ */ jsx29(Fragment16, {});
   const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
   const count = filteredIds.length;
   const title = summaryText.replace("{count}", count.toString()).replace(
@@ -3055,9 +3041,9 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
-import { Fragment as Fragment18, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var FormStatusMessagesScreenReader = ({ formStatus }) => {
-  return /* @__PURE__ */ jsxs24(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs24(Fragment17, { children: [
     /* @__PURE__ */ jsx30("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx30("span", { className: "pts-root-mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
     /* @__PURE__ */ jsx30("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
   ] });