optimized-react-component-library-xyz123 0.28.6 → 0.28.8

package/dist/index.mjs

@@ -74,11 +74,11 @@ var InputRadio = ({
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ jsx2(PreviewRadio, { question })
+    showPreview && /* @__PURE__ */ jsx2(PreviewRadio, { question, activatedLanguage })
   ] });
 };
 var RadioMultipleStandard_default = InputRadio;
-var PreviewRadio = ({ question }) => {
+var PreviewRadio = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
@@ -88,7 +88,7 @@ var PreviewRadio = ({ question }) => {
       {
         className: "pts-radioMultiple-preview pts-root-answer no-answer-preview-page",
         id: `answer-${previewId}`,
-        children: "Inget svar"
+        children: activatedLanguage === "en" ? "No answer" : "Inget svar"
       }
     )
   ] });
@@ -110,17 +110,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);
-    }).map((option) => option.label)) || [];
+      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.id);
+    }).map((option) => option.id)) || [];
     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() } };
@@ -142,9 +142,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
           }
         ),
@@ -166,7 +166,7 @@ var PrevieMultipleCheckboxes = ({
     /* @__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;
-      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__ */ jsx3("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx3("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });
@@ -190,8 +190,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) => {
@@ -225,9 +225,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
               }
             ),
@@ -259,7 +259,7 @@ var PreviewCheckboxGroup = ({
     /* @__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;
-      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__ */ jsx4("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx4("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });
@@ -274,12 +274,17 @@ var InputTextarea = ({
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f;
   const questionId = `question-${question.id}`;
   const inputId = `textarea-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
+  const answerLength = (_b = (_a = question.answer) == null ? void 0 : _a.length) != null ? _b : 0;
+  const maxLength = (_d = (_c = question.questionExtraAttribute) == null ? void 0 : _c.answerMaxLength) != null ? _d : defaultMaxLength;
+  const isTooLong = answerLength > maxLength;
+  const counterText = activatedLanguage === "en" ? `${answerLength} of ${maxLength} characters` : `${answerLength} av ${maxLength} tecken`;
+  const maxLengthErrorText = activatedLanguage === "en" ? `The text must be ${maxLength} characters or less` : `Texten f\xE5r max vara ${maxLength} tecken`;
   return /* @__PURE__ */ jsxs5(Fragment4, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs5(
       "div",
@@ -311,34 +316,30 @@ var InputTextarea = ({
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-invalid": question.hasValidationError,
-              maxLength: ((_a = question.questionExtraAttribute) == null ? void 0 : _a.answerMaxLength) || defaultMaxLength,
               "aria-describedby": [question.aboutText ? aboutId : null, question.hasValidationError ? errorId : null].filter(Boolean).join(" ") || void 0,
               id: inputId
             }
           ),
           /* @__PURE__ */ jsxs5("div", { className: "pts-textarea-counter-error-container", children: [
-            /* @__PURE__ */ jsx5(
+            !isTooLong && question.hasValidationError && /* @__PURE__ */ jsx5(
               ValidationMessage_default,
               {
-                showValidationMessage: (_b = question.hasValidationError) != null ? _b : false,
+                showValidationMessage: true,
                 validationId: errorId,
-                validationMessesege: (_c = question.validationDefaultMessesege) != null ? _c : "",
+                validationMessesege: (_e = question.validationDefaultMessesege) != null ? _e : "",
                 activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
               }
             ),
-            !((_d = question.questionExtraAttribute) == null ? void 0 : _d.hideTextCounter) && /* @__PURE__ */ jsxs5(
-              "div",
+            isTooLong && question.hasValidationError && /* @__PURE__ */ jsx5(
+              ValidationMessage_default,
               {
-                className: `pts-character-counter ${question.answer && (((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength) && question.answer.length > (((_f = question.questionExtraAttribute) == null ? void 0 : _f.answerMaxLength) || defaultMaxLength) ? "error" : ""}`,
-                children: [
-                  question.answer ? question.answer.length : 0,
-                  " av",
-                  " ",
-                  ((_g = question.questionExtraAttribute) == null ? void 0 : _g.answerMaxLength) || defaultMaxLength,
-                  " tecken"
-                ]
+                showValidationMessage: true,
+                validationId: errorId,
+                validationMessesege: maxLengthErrorText,
+                activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
               }
-            )
+            ),
+            !((_f = question.questionExtraAttribute) == null ? void 0 : _f.hideTextCounter) && /* @__PURE__ */ jsx5("div", { "aria-live": "polite", className: `pts-character-counter`, children: counterText })
           ] })
         ]
       }
@@ -380,13 +381,16 @@ var TextFieldStandard = ({
   const inputId = `textField-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
-  const defaultMaxLength = 1e3;
+  const answerLength = (_b = (_a = question.answer) == null ? void 0 : _a.length) != null ? _b : 0;
+  const maxLength = 100;
+  const isTooLong = answerLength > maxLength;
+  const maxLengthErrorText = activatedLanguage === "en" ? `The text must be ${maxLength} characters or less` : `Texten f\xE5r max vara ${maxLength} tecken`;
   return /* @__PURE__ */ jsxs6(Fragment5, { children: [
     !showPreview && question.visible && /* @__PURE__ */ jsxs6(
       "div",
       {
         id: questionId,
-        className: `pts-root-question pts-textField-container${((_a = question.questionExtraAttribute) == null ? void 0 : _a.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
+        className: `pts-root-question pts-textField-container${((_c = question.questionExtraAttribute) == null ? void 0 : _c.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
         children: [
           /* @__PURE__ */ jsxs6("label", { htmlFor: inputId, children: [
             question.questionLabel,
@@ -406,33 +410,41 @@ var TextFieldStandard = ({
           /* @__PURE__ */ jsx6(
             "input",
             {
-              type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
-              autoComplete: (_e = (_d = question.questionExtraAttribute) == null ? void 0 : _d.autoComplete) != null ? _e : void 0,
-              inputMode: (_g = (_f = question.questionExtraAttribute) == null ? void 0 : _f.inputMode) != null ? _g : void 0,
+              type: (_e = (_d = question.questionExtraAttribute) == null ? void 0 : _d.inputType) != null ? _e : "text",
+              autoComplete: (_g = (_f = question.questionExtraAttribute) == null ? void 0 : _f.autoComplete) != null ? _g : void 0,
+              inputMode: (_i = (_h = question.questionExtraAttribute) == null ? void 0 : _h.inputMode) != null ? _i : void 0,
               name: `question-name-${question.id}`,
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
               onChange: (e) => handleQuestionInputChange(e, question),
               value: question.answer,
-              maxLength: ((_h = question.questionExtraAttribute) == null ? void 0 : _h.answerMaxLength) || defaultMaxLength,
               id: inputId,
-              disabled: (_i = question.questionExtraAttribute) == null ? void 0 : _i.disabled,
+              disabled: (_j = question.questionExtraAttribute) == null ? void 0 : _j.disabled,
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-describedby": [question.aboutText ? aboutId : null].filter(Boolean).join(" ") || void 0,
               "aria-invalid": question.hasValidationError,
               "aria-errormessage": question.hasValidationError ? errorId : void 0,
-              spellCheck: (_k = (_j = question.questionExtraAttribute) == null ? void 0 : _j.spellCheck) != null ? _k : void 0,
-              autoCapitalize: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.autoCapitalize) != null ? _m : void 0
+              spellCheck: (_l = (_k = question.questionExtraAttribute) == null ? void 0 : _k.spellCheck) != null ? _l : void 0,
+              autoCapitalize: (_n = (_m = question.questionExtraAttribute) == null ? void 0 : _m.autoCapitalize) != null ? _n : void 0
             }
           ),
-          /* @__PURE__ */ jsx6(
+          !isTooLong && question.hasValidationError && /* @__PURE__ */ jsx6(
             ValidationMessage_default,
             {
-              showValidationMessage: (_n = question.hasValidationError) != null ? _n : false,
+              showValidationMessage: true,
               validationId: errorId,
               validationMessesege: (_o = question.validationDefaultMessesege) != null ? _o : "",
               activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
             }
+          ),
+          isTooLong && question.hasValidationError && /* @__PURE__ */ jsx6(
+            ValidationMessage_default,
+            {
+              showValidationMessage: true,
+              validationId: errorId,
+              validationMessesege: maxLengthErrorText,
+              activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
+            }
           )
         ]
       }
@@ -658,14 +670,12 @@ var SelectedFiles = ({
     let newFiles = questionObject.files.filter((f) => f !== file);
     const newCountOfFiles = newFiles.length;
     setNumberOfFiles(newCountOfFiles);
-    const e = { target: { value: `${newCountOfFiles} files`, files: newFiles } };
+    let e = { target: { value: `${newCountOfFiles} files`, files: newFiles } };
+    const targetValue = e.target.value === "0 files" ? "" : e.target.value;
+    e = { ...e, target: { ...e.target, value: targetValue } };
     isTouched(e, questionObject);
     removeFile(newCountOfFiles);
   };
-  useEffect4(() => {
-    var _a;
-    numberOfFiles > 0 && ((_a = theDiv.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" }));
-  }, [numberOfFiles]);
   const useWindowWidth = () => {
     const [windowWidth2, setWindowWidth] = useState4(window.innerWidth);
     useEffect4(() => {
@@ -738,7 +748,7 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ jsx11("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+    questionObject.files.length > 0 && /* @__PURE__ */ jsx11("ul", { className: "fileListUnorderedList", "aria-label": activatedLanguage === "en" ? "Uploaded files" : "Uppladdade filer", children: questionObject.files.map((file, index) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
       mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
@@ -949,7 +959,7 @@ var AddFiles = ({
       const currentFiles = questionObject.files ? questionObject.files : [];
       const e = {
         target: {
-          value: `${currentFiles.length + newFiles.length} files`,
+          value: currentFiles.length + newFiles.length > 0 ? `${currentFiles.length + newFiles.length} files` : "",
           files: [...currentFiles, ...newFiles]
         }
       };
@@ -972,73 +982,80 @@ var AddFiles = ({
     setErrorMessageAddingFile([]);
   };
   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",
-        {
-          id: aboutId,
-          className: clsx3(
-            "addFilesMandatory",
-            questionObject.hasValidationError ? " error" : ""
+    !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",
+            {
+              id: aboutId,
+              className: clsx3(
+                "addFilesMandatory",
+                questionObject.hasValidationError ? " error" : ""
+              ),
+              children: [
+                questionObject.aboutText,
+                questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs10("span", { className: "pts-root-mandatoryAsterisk", "aria-label": "Obligatorisk fr\xE5ga", children: [
+                  " ",
+                  "*"
+                ] })
+              ]
+            }
           ),
-          children: [
-            questionObject.aboutText,
-            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs10("span", { className: "pts-root-mandatoryAsterisk", "aria-label": "Obligatorisk fr\xE5ga", children: [
-              " ",
-              "*"
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx12(
-        ValidationMessage_default,
-        {
-          showValidationMessage: (_a = questionObject.hasValidationError) != null ? _a : false,
-          validationId: errorId,
-          validationMessesege: (_b = questionObject.validationDefaultMessesege) != null ? _b : "",
-          activatedLanguage,
-          extraCssClass: "error addfileserror"
-        }
-      ),
-      /* @__PURE__ */ jsx12(
-        ExploreFilesStandard_default,
-        {
-          FilesSelected: onDrop,
-          numberOfFiles,
-          allowedNumberOfFiles,
-          activatedLanguage,
-          inputId,
-          labelId,
-          aboutId,
-          errorId,
-          questionObject,
-          errorMessageAddingFile,
-          removeUploadErrors: handleRemoveErrors
-        }
-      ),
-      /* @__PURE__ */ jsx12(
-        DropFilesStandard_default,
-        {
-          FilesSelected: onDrop,
-          DropFilesText: dropFilesText,
-          language: activatedLanguage
-        }
-      ),
-      /* @__PURE__ */ jsx12(
-        SelectedFilesStandard_default,
-        {
-          questionObject,
-          isTouched: handleQuestionInputChange,
-          removeFile: removeFileFromNumberOfFiles,
-          removeError,
-          errorMessageAddingFile,
-          activatedLanguage,
-          numberOfFiles,
-          setNumberOfFiles,
-          removeUploadErrors: handleRemoveErrors
-        }
-      )
-    ] }) }),
+          /* @__PURE__ */ jsx12(
+            ValidationMessage_default,
+            {
+              showValidationMessage: (_a = questionObject.hasValidationError) != null ? _a : false,
+              validationId: errorId,
+              validationMessesege: (_b = questionObject.validationDefaultMessesege) != null ? _b : "",
+              activatedLanguage,
+              extraCssClass: "error addfileserror"
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            ExploreFilesStandard_default,
+            {
+              FilesSelected: onDrop,
+              numberOfFiles,
+              allowedNumberOfFiles,
+              activatedLanguage,
+              inputId,
+              labelId,
+              aboutId,
+              errorId,
+              questionObject,
+              errorMessageAddingFile,
+              removeUploadErrors: handleRemoveErrors
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            DropFilesStandard_default,
+            {
+              FilesSelected: onDrop,
+              DropFilesText: dropFilesText,
+              language: activatedLanguage
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            SelectedFilesStandard_default,
+            {
+              questionObject,
+              isTouched: handleQuestionInputChange,
+              removeFile: removeFileFromNumberOfFiles,
+              removeError,
+              errorMessageAddingFile,
+              activatedLanguage,
+              numberOfFiles,
+              setNumberOfFiles,
+              removeUploadErrors: handleRemoveErrors
+            }
+          )
+        ] })
+      }
+    ),
     showPreview && /* @__PURE__ */ jsx12(PreviewAddFiles, { activatedLanguage, questionObject })
   ] });
 };
@@ -1155,7 +1172,7 @@ var PreviewSingleCheckbox = ({
 // src/helpers/hasQuestionValidationError/hasQuestionValidationError.tsx
 import { isValid, parseISO } from "date-fns";
 var hasQuestionValidationError = (question, questions) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   let error = false;
   if (question.isQuestionMandatory) {
     if (question.isTouched === false) {
@@ -1168,19 +1185,28 @@ var hasQuestionValidationError = (question, questions) => {
       error = true;
     }
   }
-  if (((_b = question.validationType) == null ? void 0 : _b.find((e) => e === "email")) && (question.isQuestionMandatory || question.answer !== "")) {
+  const maxLength = (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.answerMaxLength) != null ? _c : 1e3;
+  if (((_d = question.validationType) == null ? void 0 : _d.includes("maxLength")) && question.answer.length > maxLength) {
+    error = true;
+  }
+  if (question.questionType === "TextField") {
+    if (question.answer.length > 100) {
+      error = true;
+    }
+  }
+  if (((_e = question.validationType) == null ? void 0 : _e.find((e) => e === "email")) && (question.isQuestionMandatory || question.answer !== "")) {
     const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
     if (!emailRegex.test(question.answer)) {
       error = true;
     }
   }
-  if (((_c = question.validationType) == null ? void 0 : _c.find((e) => e === "fourNumbers")) && (question.isQuestionMandatory || question.answer !== "")) {
+  if (((_f = question.validationType) == null ? void 0 : _f.find((e) => e === "fourNumbers")) && (question.isQuestionMandatory || question.answer !== "")) {
     const fourNumbersRegex = /^\d{4}$/.test(question.answer);
     if (!fourNumbersRegex) {
       error = true;
     }
   }
-  if (((_d = question.validationType) == null ? void 0 : _d.find((e) => e === "isDateFormatValid")) && question.answer !== "") {
+  if (((_g = question.validationType) == null ? void 0 : _g.find((e) => e === "isDateFormatValid")) && question.answer !== "") {
     const regex = /^\d{4}-\d{2}-\d{2}$/;
     if (!regex.test(question.answer)) {
       error = true;
@@ -1194,16 +1220,18 @@ var hasQuestionValidationError = (question, questions) => {
       error = true;
     }
   }
-  const groupCheckError = (_e = question.validationType) == null ? void 0 : _e.find((e) => e.startsWith("groupCheck-"));
+  const groupCheckError = (_h = question.validationType) == null ? void 0 : _h.find((e) => e.startsWith("groupCheck-"));
   if (groupCheckError) {
     const ids = groupCheckError.replace("groupCheck-", "").split("-");
-    const relatedAnswers = ids.map((id) => {
-      var _a2;
-      return (_a2 = questions.find((q) => {
-        var _a3;
-        return ((_a3 = q.id) == null ? void 0 : _a3.toString()) === id;
-      })) == null ? void 0 : _a2.answer;
-    });
+    const relatedAnswers = ids.map(
+      (id) => {
+        var _a2;
+        return (_a2 = questions.find((q) => {
+          var _a3;
+          return ((_a3 = q.id) == null ? void 0 : _a3.toString()) === id;
+        })) == null ? void 0 : _a2.answer;
+      }
+    );
     const currentAnswer = question.answer;
     const allAnswers = [...relatedAnswers, currentAnswer];
     if (allAnswers.every((ans) => ans === "")) {
@@ -1224,7 +1252,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(",");
       }
@@ -2024,7 +2052,8 @@ var CookieBanner = ({
   onCookieStateChange,
   onClose,
   acceptCookies,
-  rejectCookies
+  rejectCookies,
+  activatedLanguage = "sv"
 }) => {
   if (!visible) return null;
   const handleCookieChoice = (accepted) => {
@@ -2051,8 +2080,13 @@ var CookieBanner = ({
       id: "cookie-banner",
       tabIndex: -1,
       children: /* @__PURE__ */ jsxs14("div", { className: "content", children: [
-        /* @__PURE__ */ jsx16("h3", { id: "cookie-banner-title", children: "Kakor (cookies)" }),
-        /* @__PURE__ */ jsx16("p", { id: "cookie-banner-description", children: "PTS skulle vilja anv\xE4nda en statistikkaka i syfte att l\xF6pande f\xF6rb\xE4ttra webbplatsen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 \u201DKakor\u201D i avsnittet l\xE4ngst ned p\xE5 webbplatsen." }),
+        /* @__PURE__ */ jsxs14("h3", { id: "cookie-banner-title", children: [
+          " ",
+          activatedLanguage === "en" ? "Cookies" : "Kakor (cookies)"
+        ] }),
+        /* @__PURE__ */ jsx16("p", { id: "cookie-banner-description", children: activatedLanguage === "en" ? `PTS would like to use a web analytics cookie in order to continuously improve pts.se. Do you consent? You can change your choice at any time. To withdraw your consent, click on \u201CCookies\u201D at the bottom of the website.` : `PTS skulle vilja anv\xE4nda en statistikkaka i syfte att l\xF6pande f\xF6rb\xE4ttra webbplatsen.
+          Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt
+          samtycke klickar du p\xE5 \u201DKakor\u201D i avsnittet l\xE4ngst ned p\xE5 webbplatsen.` }),
         /* @__PURE__ */ jsxs14("div", { className: "pts-cookieBanner-Links", children: [
           /* @__PURE__ */ jsxs14(
             "svg",
@@ -2081,13 +2115,13 @@ var CookieBanner = ({
               href: "https://pts.se/om-oss/om-pts.se/kakor-pa-webbplatsen/kakor-pa-pts-e-tjanster/",
               target: "_blank",
               rel: "noopener noreferrer",
-              children: "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i nytt f\xF6nster)"
+              children: activatedLanguage === "en" ? "Cookies on pts.se (opens in new tab)" : "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i ny flik)"
             }
           )
         ] }),
         /* @__PURE__ */ jsxs14("div", { className: "pts-cookieBanner-Buttons", children: [
-          /* @__PURE__ */ jsx16("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
-          /* @__PURE__ */ jsx16("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
+          /* @__PURE__ */ jsx16("button", { onClick: () => handleCookieChoice(true), children: activatedLanguage === "en" ? "Yes, I consent" : "Ja, jag samtycker" }),
+          /* @__PURE__ */ jsx16("button", { onClick: () => handleCookieChoice(false), children: activatedLanguage === "en" ? "No, I do not consent" : "Nej, jag samtycker inte" })
         ] })
       ] })
     }
@@ -2193,7 +2227,7 @@ var LanguageIcon = () => /* @__PURE__ */ jsx18("svg", { width: "15", height: "15
     fill: "#6E3282"
   }
 ) });
-var Logo_sv = () => /* @__PURE__ */ jsxs16("svg", { width: "168.8", height: "46.67", viewBox: "0 0 168.8 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+var Logo_sv = () => /* @__PURE__ */ jsxs16("svg", { width: "168.8", height: "40", viewBox: "0 0 168.8 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ jsx18(
     "path",
     {
@@ -2339,7 +2373,7 @@ var Logo_sv = () => /* @__PURE__ */ jsxs16("svg", { width: "168.8", height: "46.
   ),
   /* @__PURE__ */ jsx18("path", { d: "M82.2223 18.3335V37.2224", stroke: "currentColor", strokeWidth: "0.8", strokeMiterlimit: "10" })
 ] });
-var Logo_en = () => /* @__PURE__ */ jsxs16("svg", { width: "189.0", height: "46.67", viewBox: "0 0 189 46.67", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
+var Logo_en = () => /* @__PURE__ */ jsxs16("svg", { width: "189.0", height: "40", viewBox: "0 0 189 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
   /* @__PURE__ */ jsx18(
     "path",
     {
@@ -2635,9 +2669,9 @@ var ModalStandard_default = Modal;
 
 // src/components/layout/SkipLinkStandard/SkipLinkStandard.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
-var SkipLink = () => {
+var SkipLink = ({ activatedLanguage = "sv" }) => {
   function scrollToMainContent() {
-    const container = document.getElementById(`main-content`);
+    const container = document.getElementById(`pts-main-service-headline`);
     if (container) {
       container.scrollIntoView({ behavior: "smooth", block: "center" });
       container.focus();
@@ -2651,7 +2685,7 @@ var SkipLink = () => {
         e.preventDefault();
         scrollToMainContent();
       },
-      children: "Till huvudinneh\xE5ll"
+      children: activatedLanguage === "en" ? "Skip to main content" : "Till huvudinneh\xE5ll"
     }
   ) });
 };
@@ -2883,16 +2917,18 @@ var EditPreviewLinkStandard_default = EditPreviewLink;
 import { jsx as jsx26 } from "react/jsx-runtime";
 var StartApplicationButton = ({
   onClick,
-  label = "Starta e-tj\xE4nsten",
-  className = ""
+  label,
+  className = "",
+  activatedLanguage = "sv"
 }) => {
+  const defaultLabel = activatedLanguage === "en" ? "Start e-service" : "Starta e-tj\xE4nsten";
   return /* @__PURE__ */ jsx26(
     "button",
     {
       type: "button",
       className: `pts-forwardButton pts-start-applicationButton ${className}`,
       onClick,
-      children: label
+      children: label || defaultLabel
     }
   );
 };
@@ -3051,10 +3087,10 @@ var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
 import { Fragment as Fragment17, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
-var FormStatusMessagesScreenReader = ({ formStatus }) => {
+var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
   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." : "" })
+    /* @__PURE__ */ jsx30("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx30("span", { className: "pts-root-mandatoryAsterisk", children: activatedLanguage === "en" ? "Something went wrong, please try again later or contact us!" : "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
+    /* @__PURE__ */ jsx30("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? activatedLanguage === "en" ? "Your case is being registered. Please do not refresh or close the page." : "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
   ] });
 };
 var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;