optimized-react-component-library-xyz123 0.26.7 → 0.27.1

package/dist/index.mjs

@@ -3,7 +3,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var InputRadio = ({
   question,
   handleQuestionInputChange,
-  showPreview = false
+  showPreview = false,
+  activatedLanguage = "sv"
 }) => {
   var _a;
   const questionId = `question-${question.id}`;
@@ -49,11 +50,11 @@ var InputRadio = ({
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ jsx(PreviewRadio, { question })
+    showPreview && /* @__PURE__ */ jsx(PreviewRadio, { question, activatedLanguage })
   ] });
 };
 var RadioMultipleStandard_default = InputRadio;
-var PreviewRadio = ({ question }) => {
+var PreviewRadio = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -63,7 +64,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"
       }
     )
   ] });
@@ -85,17 +86,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() } };
@@ -117,9 +118,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
           }
         ),
@@ -141,7 +142,7 @@ var PrevieMultipleCheckboxes = ({
     /* @__PURE__ */ jsx2("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx2("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx2("dd", { children: /* @__PURE__ */ jsx2("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__ */ jsx2("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx2("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });
@@ -165,8 +166,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) => {
@@ -200,9 +201,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
               }
             ),
@@ -230,7 +231,7 @@ var PreviewCheckboxGroup = ({
     /* @__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" }),
     " "
   ] });
@@ -701,7 +702,7 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ jsx10("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+    questionObject.files.length > 0 && /* @__PURE__ */ jsx10("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;
@@ -1196,7 +1197,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(",");
       }
@@ -1990,7 +1991,8 @@ var CookieBanner = ({
   onCookieStateChange,
   onClose,
   acceptCookies,
-  rejectCookies
+  rejectCookies,
+  activatedLanguage = "sv"
 }) => {
   if (!visible) return null;
   const handleCookieChoice = (accepted) => {
@@ -2017,8 +2019,13 @@ var CookieBanner = ({
       id: "cookie-banner",
       tabIndex: -1,
       children: /* @__PURE__ */ jsxs13("div", { className: "content", children: [
-        /* @__PURE__ */ jsx15("h3", { id: "cookie-banner-title", children: "Kakor (cookies)" }),
-        /* @__PURE__ */ jsx15("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__ */ jsxs13("h3", { id: "cookie-banner-title", children: [
+          " ",
+          activatedLanguage === "en" ? "Cookies" : "Kakor (cookies)"
+        ] }),
+        /* @__PURE__ */ jsx15("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__ */ jsxs13("div", { className: "pts-cookieBanner-Links", children: [
           /* @__PURE__ */ jsxs13(
             "svg",
@@ -2047,13 +2054,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 ny flik)"
+              children: activatedLanguage === "en" ? "Cookies on pts.se (opens in new tab)" : "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i ny flik)"
             }
           )
         ] }),
         /* @__PURE__ */ jsxs13("div", { className: "pts-cookieBanner-Buttons", children: [
-          /* @__PURE__ */ jsx15("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
-          /* @__PURE__ */ jsx15("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
+          /* @__PURE__ */ jsx15("button", { onClick: () => handleCookieChoice(true), children: activatedLanguage === "en" ? "Yes, I consent" : "Ja, jag samtycker" }),
+          /* @__PURE__ */ jsx15("button", { onClick: () => handleCookieChoice(false), children: activatedLanguage === "en" ? "No, I do not consent" : "Nej, jag samtycker inte" })
         ] })
       ] })
     }
@@ -2601,9 +2608,9 @@ var ModalStandard_default = Modal;
 
 // src/components/layout/SkipLinkStandard/SkipLinkStandard.tsx
 import { jsx as jsx20 } 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();
@@ -2617,7 +2624,7 @@ var SkipLink = () => {
         e.preventDefault();
         scrollToMainContent();
       },
-      children: "Till huvudinneh\xE5ll"
+      children: activatedLanguage === "en" ? "Skip to main content" : "Till huvudinneh\xE5ll"
     }
   ) });
 };
@@ -2849,16 +2856,18 @@ var EditPreviewLinkStandard_default = EditPreviewLink;
 import { jsx as jsx25 } 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__ */ jsx25(
     "button",
     {
       type: "button",
       className: `pts-forwardButton pts-start-applicationButton ${className}`,
       onClick,
-      children: label
+      children: label || defaultLabel
     }
   );
 };
@@ -3017,10 +3026,10 @@ var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
 import { Fragment as Fragment17, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
-var FormStatusMessagesScreenReader = ({ formStatus }) => {
+var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
   return /* @__PURE__ */ jsxs23(Fragment17, { children: [
-    /* @__PURE__ */ jsx29("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx29("span", { className: "pts-root-mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
-    /* @__PURE__ */ jsx29("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
+    /* @__PURE__ */ jsx29("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx29("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__ */ jsx29("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;