optimized-react-component-library-xyz123 0.27.4 → 0.27.5

package/dist/index.d.mts

@@ -118,6 +118,7 @@ interface RadioProps {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
+    activatedLanguage?: string;
 }
 
 declare const InputRadio: FC<RadioProps>;
@@ -727,6 +728,7 @@ interface CookieBannerProps {
     onClose?: () => void;
     acceptCookies: () => void;
     rejectCookies: () => void;
+    activatedLanguage?: string;
 }
 
 declare const CookieBanner: React$1.FC<CookieBannerProps>;
@@ -752,7 +754,10 @@ interface ModalProps {
 
 declare const Modal: FC<ModalProps>;
 
-declare const SkipLink: FC;
+type SkipLinkProps = {
+    activatedLanguage?: string;
+};
+declare const SkipLink: FC<SkipLinkProps>;
 
 interface PrincipleOfPublicityProps {
     activatedLanguage?: string;
@@ -778,6 +783,7 @@ interface StartApplicationButtonProps {
     onClick: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
     label?: string;
     className?: string;
+    activatedLanguage?: string;
 }
 /**
  * En standardiserad knapp för att starta e-tjänsten.
@@ -785,6 +791,7 @@ interface StartApplicationButtonProps {
  * @param {Function} onClick - Funktion som körs när användaren klickar på knappen.
  * @param {string} label - Text som visas på knappen.
  * @param {string} className - Extra CSS-klasser för knappen.
+ * @param {string} activatedLanguage - Aktiverat språk.
  */
 declare const StartApplicationButton: React$1.FC<StartApplicationButtonProps>;
 
@@ -845,12 +852,14 @@ declare const ValidationErrorSummaryList: React$1.FC<ValidationErrorSummaryListP
 
 interface FormStatusMessagesProps {
     formStatus: string;
+    activatedLanguage?: string;
 }
 /**
  * Visar ett error-meddelande om formuläret misslyckas att skicka in, dvs. status är
  * failed. Läser upp att formuläret laddas för skärmläsare när status är loading.
  *
  * @param {string} formStatus Nuvarande status för formuläret.
+ * @param {string} [activatedLanguage='sv'] Den aktiverade språkkoden (default är svenska).
  *
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;

package/dist/index.d.ts

@@ -118,6 +118,7 @@ interface RadioProps {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
+    activatedLanguage?: string;
 }
 
 declare const InputRadio: FC<RadioProps>;
@@ -727,6 +728,7 @@ interface CookieBannerProps {
     onClose?: () => void;
     acceptCookies: () => void;
     rejectCookies: () => void;
+    activatedLanguage?: string;
 }
 
 declare const CookieBanner: React$1.FC<CookieBannerProps>;
@@ -752,7 +754,10 @@ interface ModalProps {
 
 declare const Modal: FC<ModalProps>;
 
-declare const SkipLink: FC;
+type SkipLinkProps = {
+    activatedLanguage?: string;
+};
+declare const SkipLink: FC<SkipLinkProps>;
 
 interface PrincipleOfPublicityProps {
     activatedLanguage?: string;
@@ -778,6 +783,7 @@ interface StartApplicationButtonProps {
     onClick: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
     label?: string;
     className?: string;
+    activatedLanguage?: string;
 }
 /**
  * En standardiserad knapp för att starta e-tjänsten.
@@ -785,6 +791,7 @@ interface StartApplicationButtonProps {
  * @param {Function} onClick - Funktion som körs när användaren klickar på knappen.
  * @param {string} label - Text som visas på knappen.
  * @param {string} className - Extra CSS-klasser för knappen.
+ * @param {string} activatedLanguage - Aktiverat språk.
  */
 declare const StartApplicationButton: React$1.FC<StartApplicationButtonProps>;
 
@@ -845,12 +852,14 @@ declare const ValidationErrorSummaryList: React$1.FC<ValidationErrorSummaryListP
 
 interface FormStatusMessagesProps {
     formStatus: string;
+    activatedLanguage?: string;
 }
 /**
  * Visar ett error-meddelande om formuläret misslyckas att skicka in, dvs. status är
  * failed. Läser upp att formuläret laddas för skärmläsare när status är loading.
  *
  * @param {string} formStatus Nuvarande status för formuläret.
+ * @param {string} [activatedLanguage='sv'] Den aktiverade språkkoden (default är svenska).
  *
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;

package/dist/index.js

@@ -85,7 +85,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var InputRadio = ({
   question,
   handleQuestionInputChange,
-  showPreview = false
+  showPreview = false,
+  activatedLanguage = "sv"
 }) => {
   var _a;
   const questionId = `question-${question.id}`;
@@ -131,11 +132,11 @@ var InputRadio = ({
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewRadio, { question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
@@ -145,7 +146,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"
       }
     )
   ] });
@@ -167,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);
-    }).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() } };
@@ -199,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
           }
         ),
@@ -223,7 +224,7 @@ var PrevieMultipleCheckboxes = ({
     /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("dd", { children: question.options[0].label }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });
@@ -247,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) => {
@@ -282,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
               }
             ),
@@ -312,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" }),
     " "
   ] });
@@ -783,7 +784,7 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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;
@@ -1278,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(",");
       }
@@ -2069,7 +2070,8 @@ var CookieBanner = ({
   onCookieStateChange,
   onClose,
   acceptCookies,
-  rejectCookies
+  rejectCookies,
+  activatedLanguage = "sv"
 }) => {
   if (!visible) return null;
   const handleCookieChoice = (accepted) => {
@@ -2096,8 +2098,13 @@ var CookieBanner = ({
       id: "cookie-banner",
       tabIndex: -1,
       children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { id: "cookie-banner-title", children: "Kakor (cookies)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("h3", { id: "cookie-banner-title", children: [
+          " ",
+          activatedLanguage === "en" ? "Cookies" : "Kakor (cookies)"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "pts-cookieBanner-Links", children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             "svg",
@@ -2126,13 +2133,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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "pts-cookieBanner-Buttons", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => handleCookieChoice(true), children: activatedLanguage === "en" ? "Yes, I consent" : "Ja, jag samtycker" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => handleCookieChoice(false), children: activatedLanguage === "en" ? "No, I do not consent" : "Nej, jag samtycker inte" })
         ] })
       ] })
     }
@@ -2680,9 +2687,9 @@ var ModalStandard_default = Modal;
 
 // src/components/layout/SkipLinkStandard/SkipLinkStandard.tsx
 var import_jsx_runtime20 = require("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();
@@ -2696,7 +2703,7 @@ var SkipLink = () => {
         e.preventDefault();
         scrollToMainContent();
       },
-      children: "Till huvudinneh\xE5ll"
+      children: activatedLanguage === "en" ? "Skip to main content" : "Till huvudinneh\xE5ll"
     }
   ) });
 };
@@ -2928,16 +2935,18 @@ var EditPreviewLinkStandard_default = EditPreviewLink;
 var import_jsx_runtime25 = require("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__ */ (0, import_jsx_runtime25.jsx)(
     "button",
     {
       type: "button",
       className: `pts-forwardButton pts-start-applicationButton ${className}`,
       onClick,
-      children: label
+      children: label || defaultLabel
     }
   );
 };
@@ -3096,10 +3105,10 @@ var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var FormStatusMessagesScreenReader = ({ formStatus }) => {
+var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "pts-root-mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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;