optimized-react-component-library-xyz123 3.3.2 → 3.4.1

package/dist/index.js

@@ -377,7 +377,188 @@ var PreviewCheckboxGroup = ({
 };
 
 // src/components/input-components/TextAreaStandard/TextAreaStandard.tsx
+var import_react7 = require("react");
+
+// src/hooks/useCookieConsent/useCookieConsent.ts
 var import_react3 = require("react");
+
+// src/helpers/cookieHandler/cookieHandler.ts
+var getCookie = (name) => {
+  const match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
+  return match ? match[2] : null;
+};
+var setCookie = (name, value, expirationDate) => {
+  let cookieString = `${name}=${value}; path=/; SameSite=Strict`;
+  if (expirationDate) {
+    cookieString += `; expires=${expirationDate.toUTCString()}`;
+  }
+  if (window.location.protocol === "https:") {
+    cookieString += "; Secure";
+  }
+  document.cookie = cookieString;
+};
+var removeCookie = (name) => {
+  const pastDate = /* @__PURE__ */ new Date(0);
+  setCookie(name, "", pastDate);
+};
+var createCookieConsent = (config) => {
+  const { cookieName, choiceKey, expiryYears = 1 } = config;
+  const acceptCookies = () => {
+    const expires = /* @__PURE__ */ new Date();
+    expires.setFullYear(expires.getFullYear() + expiryYears);
+    setCookie(cookieName, "true", expires);
+    localStorage.setItem(cookieName, "true");
+  };
+  const rejectCookies = () => {
+    removeCookie(cookieName);
+    localStorage.removeItem(cookieName);
+    sessionStorage.setItem(choiceKey, "true");
+  };
+  const areCookiesAccepted = () => getCookie(cookieName) === "true";
+  const hasChoiceBeenMade = () => sessionStorage.getItem(choiceKey) === "true";
+  const clearChoiceFromSession = () => sessionStorage.removeItem(choiceKey);
+  return {
+    acceptCookies,
+    rejectCookies,
+    areCookiesAccepted,
+    hasChoiceBeenMade,
+    clearChoiceFromSession
+  };
+};
+
+// src/hooks/useCookieConsent/useCookieConsent.ts
+var useCookieConsent = ({
+  cookieName,
+  choiceKey,
+  expiryYears = 1,
+  onConsentChange
+}) => {
+  const {
+    acceptCookies,
+    rejectCookies,
+    areCookiesAccepted,
+    hasChoiceBeenMade,
+    clearChoiceFromSession
+  } = (0, import_react3.useMemo)(
+    () => createCookieConsent({
+      cookieName,
+      choiceKey,
+      expiryYears
+    }),
+    [cookieName, choiceKey, expiryYears]
+  );
+  const [showBanner, setShowBanner] = (0, import_react3.useState)(false);
+  const handleCookieStateChange = (0, import_react3.useCallback)(() => {
+    const cookiesNowAccepted = areCookiesAccepted();
+    if (onConsentChange) {
+      onConsentChange(cookiesNowAccepted);
+    }
+    setShowBanner(false);
+  }, [areCookiesAccepted, onConsentChange]);
+  (0, import_react3.useEffect)(() => {
+    const cookiesAccepted = areCookiesAccepted();
+    const choiceMade = hasChoiceBeenMade();
+    setShowBanner(!cookiesAccepted && !choiceMade);
+    if (cookiesAccepted && onConsentChange) {
+      onConsentChange(true);
+    }
+    const handleShowBannerEvent = () => {
+      clearChoiceFromSession();
+      setShowBanner(true);
+    };
+    window.addEventListener("showCookieBanner", handleShowBannerEvent);
+    return () => {
+      window.removeEventListener("showCookieBanner", handleShowBannerEvent);
+    };
+  }, [areCookiesAccepted, hasChoiceBeenMade, clearChoiceFromSession, onConsentChange]);
+  return {
+    showBanner,
+    handleCookieStateChange,
+    acceptCookies,
+    rejectCookies
+  };
+};
+
+// src/hooks/useDebouncedValue/useDebouncedValue.ts
+var import_react4 = require("react");
+var useDebouncedValue = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react4.useState)(value);
+  (0, import_react4.useEffect)(() => {
+    const timeoutId = window.setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => window.clearTimeout(timeoutId);
+  }, [value, delay]);
+  return debouncedValue;
+};
+
+// src/hooks/useFormStatusModal/useFormStatusModal.ts
+var React = __toESM(require("react"));
+var useFormStatusModal = (formStatus, handleModalOpen, handleModalClose, mainSelector = "#main-content") => {
+  React.useEffect(() => {
+    if (formStatus === "loading") {
+      handleModalOpen();
+    }
+    if (formStatus === "success" || formStatus === "failed") {
+      setTimeout(() => {
+        handleModalClose();
+      }, 1050);
+      const main = document.querySelector(mainSelector);
+      if (main) main.focus();
+    }
+  }, [formStatus, handleModalOpen, handleModalClose, mainSelector]);
+};
+
+// src/hooks/useInputMethodDetection/useInputMethodDetection.ts
+var import_react5 = require("react");
+var useInputMethodDetection = ({
+  mouseClassName = "using-mouse",
+  keyboardToggleKey = "Tab"
+} = {}) => {
+  (0, import_react5.useEffect)(() => {
+    const handleMouseDown = () => {
+      document.body.classList.add(mouseClassName);
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === keyboardToggleKey) {
+        document.body.classList.remove(mouseClassName);
+      }
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [mouseClassName, keyboardToggleKey]);
+};
+
+// src/hooks/usePTSPageTitle/usePTSPageTitle.ts
+var import_react6 = require("react");
+var usePTSPageTitle = ({
+  formStatus,
+  activeStep,
+  applicationContent,
+  thankYouBlock,
+  steps,
+  fallbackTitle = "PTS e-tj\xE4nst"
+}) => {
+  const computedTitle = (0, import_react6.useMemo)(() => {
+    var _a, _b, _c, _d;
+    const baseTitle = (_a = applicationContent == null ? void 0 : applicationContent.pageTitle) != null ? _a : "";
+    const thankYouPageTitle = (_b = thankYouBlock == null ? void 0 : thankYouBlock.pageTitle) != null ? _b : "";
+    const stepTitle = (_d = (_c = steps == null ? void 0 : steps[Math.max(0, activeStep - 1)]) == null ? void 0 : _c.pageTitle) != null ? _d : "";
+    if (formStatus === "success" && thankYouPageTitle) return thankYouPageTitle;
+    if (activeStep === 0 && baseTitle) return baseTitle;
+    return stepTitle || baseTitle || fallbackTitle;
+  }, [formStatus, activeStep, applicationContent, thankYouBlock, steps, fallbackTitle]);
+  (0, import_react6.useEffect)(() => {
+    document.title = computedTitle;
+  }, [computedTitle]);
+  return computedTitle;
+};
+
+// src/components/input-components/TextAreaStandard/TextAreaStandard.tsx
 var import_dompurify = __toESM(require("dompurify"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var InputTextarea = ({
@@ -386,31 +567,27 @@ var InputTextarea = ({
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e;
   const questionId = `question-${question.id}`;
   const inputId = `textarea-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
-  const [localAnswer, setLocalAnswer] = (0, import_react3.useState)((_a = question.answer) != null ? _a : "");
-  const lastSyncedAnswer = (0, import_react3.useRef)((_b = question.answer) != null ? _b : "");
-  (0, import_react3.useEffect)(() => {
+  const counterLiveRegionId = `counter-live-${question.id}`;
+  const [localAnswer, setLocalAnswer] = (0, import_react7.useState)((_a = question.answer) != null ? _a : "");
+  (0, import_react7.useEffect)(() => {
     var _a2;
-    const incomingFromRedux = (_a2 = question.answer) != null ? _a2 : "";
-    if (incomingFromRedux !== lastSyncedAnswer.current) {
-      setLocalAnswer(incomingFromRedux);
-      lastSyncedAnswer.current = incomingFromRedux;
-    }
+    setLocalAnswer((_a2 = question.answer) != null ? _a2 : "");
   }, [question.answer]);
+  const debouncedAnswer = useDebouncedValue(localAnswer, 1e3);
   const defaultMaxLength = 1e3;
-  const answerLength = (_d = (_c = question.answer) == null ? void 0 : _c.length) != null ? _d : 0;
-  const maxLength = (_f = (_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) != null ? _f : defaultMaxLength;
+  const answerLength = localAnswer.length;
+  const debouncedAnswerLength = debouncedAnswer.length;
+  const maxLength = (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.answerMaxLength) != null ? _c : defaultMaxLength;
   const isTooLong = answerLength > maxLength;
-  const counterText = activatedLanguage === "en" ? `${answerLength} of ${maxLength} characters` : `${answerLength} av ${maxLength} tecken`;
+  const visibleCounterText = activatedLanguage === "en" ? `${answerLength} of ${maxLength} characters` : `${answerLength} av ${maxLength} tecken`;
+  const screenReaderCounterText = activatedLanguage === "en" ? `${debouncedAnswerLength} of ${maxLength} characters` : `${debouncedAnswerLength} av ${maxLength} tecken`;
   const maxLengthErrorText = activatedLanguage === "en" ? `The text must be ${maxLength} characters or less` : `Texten f\xE5r inte vara l\xE4ngre \xE4n ${maxLength} tecken`;
-  const handleOnChange = (e) => {
-    const value = e.target.value;
-    setLocalAnswer(value);
-    lastSyncedAnswer.current = value;
+  const onChange = (e) => {
     handleQuestionInputChange(e, question);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
@@ -439,8 +616,8 @@ var InputTextarea = ({
             "textarea",
             {
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
-              onChange: handleOnChange,
-              value: localAnswer,
+              onChange: (e) => onChange(e),
+              value: question.answer,
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-invalid": question.hasValidationError,
@@ -449,13 +626,16 @@ var InputTextarea = ({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pts-textarea-counter-error-container", children: [
-            !((_g = question.questionExtraAttribute) == null ? void 0 : _g.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { "aria-live": "polite", className: `pts-character-counter`, children: counterText }),
+            !((_d = question.questionExtraAttribute) == null ? void 0 : _d.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { "aria-hidden": "true", className: `pts-character-counter`, children: visibleCounterText }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { id: counterLiveRegionId, "aria-live": "polite", className: "sr-only", children: screenReaderCounterText })
+            ] }),
             !isTooLong && question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               ValidationMessage_default,
               {
                 showValidationMessage: true,
                 validationId: errorId,
-                validationMessesege: (_h = question.validationDefaultMessesege) != null ? _h : "",
+                validationMessesege: (_e = question.validationDefaultMessesege) != null ? _e : "",
                 activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
               }
             ),
@@ -496,7 +676,6 @@ var PreviewTextarea = ({
 };
 
 // src/components/input-components/TextFieldStandard/TextFieldStandard.tsx
-var import_react4 = require("react");
 var import_dompurify2 = __toESM(require("dompurify"));
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var TextFieldStandard = ({
@@ -505,29 +684,16 @@ var TextFieldStandard = ({
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const questionId = `question-${question.id}`;
   const inputId = `textField-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
-  const [localAnswer, setLocalAnswer] = (0, import_react4.useState)((_a = question.answer) != null ? _a : "");
-  const lastSyncedAnswer = (0, import_react4.useRef)((_b = question.answer) != null ? _b : "");
-  (0, import_react4.useEffect)(() => {
-    var _a2;
-    const incomingFromRedux = (_a2 = question.answer) != null ? _a2 : "";
-    if (incomingFromRedux !== lastSyncedAnswer.current) {
-      setLocalAnswer(incomingFromRedux);
-      lastSyncedAnswer.current = incomingFromRedux;
-    }
-  }, [question.answer]);
-  const answerLength = (_c = localAnswer == null ? void 0 : localAnswer.length) != null ? _c : 0;
+  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 inte vara l\xE4ngre \xE4n ${maxLength} tecken`;
   const handleOnChange = (e) => {
-    const value = e.target.value;
-    setLocalAnswer(value);
-    lastSyncedAnswer.current = value;
     handleQuestionInputChange(e, question);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
@@ -535,7 +701,7 @@ var TextFieldStandard = ({
       "div",
       {
         id: questionId,
-        className: `pts-root-question pts-textField-container ${((_d = question.questionExtraAttribute) == null ? void 0 : _d.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__ */ (0, import_jsx_runtime6.jsxs)("label", { htmlFor: inputId, children: [
             question.questionLabel,
@@ -555,21 +721,21 @@ var TextFieldStandard = ({
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "input",
             {
-              type: (_f = (_e = question.questionExtraAttribute) == null ? void 0 : _e.inputType) != null ? _f : "text",
-              autoComplete: (_h = (_g = question.questionExtraAttribute) == null ? void 0 : _g.autoComplete) != null ? _h : void 0,
-              inputMode: (_j = (_i = question.questionExtraAttribute) == null ? void 0 : _i.inputMode) != null ? _j : 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: handleOnChange,
-              value: localAnswer,
+              value: question.answer,
               id: inputId,
-              disabled: (_k = question.questionExtraAttribute) == null ? void 0 : _k.disabled,
+              disabled: (_j = question.questionExtraAttribute) == null ? void 0 : _j.disabled,
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-describedby": [question.aboutText ? aboutId : null, question.hasValidationError ? errorId : null].filter(Boolean).join(" ") || void 0,
               "aria-invalid": question.hasValidationError,
-              spellCheck: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.spellCheck) != null ? _m : void 0,
-              autoCapitalize: (_o = (_n = question.questionExtraAttribute) == null ? void 0 : _n.autoCapitalize) != null ? _o : 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
             }
           ),
           !isTooLong && question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -577,7 +743,7 @@ var TextFieldStandard = ({
             {
               showValidationMessage: true,
               validationId: errorId,
-              validationMessesege: (_p = question.validationDefaultMessesege) != null ? _p : "",
+              validationMessesege: (_o = question.validationDefaultMessesege) != null ? _o : "",
               activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
             }
           ),
@@ -617,7 +783,7 @@ var PreviewTextField = ({
 };
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-var import_react9 = require("react");
+var import_react12 = require("react");
 var import_clsx3 = __toESM(require("clsx"));
 
 // src/components/input-components/AddFilesStandard/DropFilesStandard.tsx
@@ -669,19 +835,19 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
 var DropFilesStandard_default = DropFiles;
 
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-var import_react6 = require("react");
+var import_react9 = require("react");
 var import_clsx = __toESM(require("clsx"));
 
 // src/components/input-components/AddFilesStandard/ScreenReaderErrors.tsx
-var import_react5 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
   activatedLanguage
 }) => {
-  const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react5.default.useState(false);
-  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react5.default.useState("");
-  import_react5.default.useEffect(() => {
+  const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react8.default.useState(false);
+  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react8.default.useState("");
+  import_react8.default.useEffect(() => {
     if (errorMessageAddingFile.length > 0) {
       let errorMessages = "";
       errorMessages += errorMessageAddingFile.length;
@@ -712,8 +878,8 @@ var ExploreFiles = ({
   showErrors,
   errorMessageAddingFile
 }) => {
-  const fileInputRef = (0, import_react6.useRef)(null);
-  const buttonInputRef = (0, import_react6.useRef)(null);
+  const fileInputRef = (0, import_react9.useRef)(null);
+  const buttonInputRef = (0, import_react9.useRef)(null);
   const handleFiles = (event) => {
     const files = Array.from(event.target.files || []);
     FilesSelected(files);
@@ -781,16 +947,16 @@ var ExploreFiles = ({
 var ExploreFilesStandard_default = ExploreFiles;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-var import_react8 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_bootstrap = require("react-bootstrap");
 
 // src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
-var import_react7 = require("react");
+var import_react10 = require("react");
 var import_clsx2 = __toESM(require("clsx"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var Indicator = (filename) => {
-  const [uploadPercentage, setUploadPercentage] = (0, import_react7.useState)(0);
-  const [uploadDone, setUploadDone] = (0, import_react7.useState)(false);
+  const [uploadPercentage, setUploadPercentage] = (0, import_react10.useState)(0);
+  const [uploadDone, setUploadDone] = (0, import_react10.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_clsx2.default)("uploadIndicator", "uploadDone") }) });
 };
 var IndicatorStandard_default = Indicator;
@@ -809,7 +975,7 @@ var SelectedFiles = ({
   setNumberOfFiles,
   removeUploadErrors
 }) => {
-  const theDiv = (0, import_react8.useRef)(null);
+  const theDiv = (0, import_react11.useRef)(null);
   const remove = (file) => {
     let newFiles = questionObject.files.filter((f) => f !== file);
     const newCountOfFiles = newFiles.length;
@@ -821,8 +987,8 @@ var SelectedFiles = ({
     removeFile(newCountOfFiles);
   };
   const useWindowWidth = () => {
-    const [windowWidth2, setWindowWidth] = (0, import_react8.useState)(window.innerWidth);
-    (0, import_react8.useEffect)(() => {
+    const [windowWidth2, setWindowWidth] = (0, import_react11.useState)(window.innerWidth);
+    (0, import_react11.useEffect)(() => {
       const handleResize = () => {
         setWindowWidth(window.innerWidth);
       };
@@ -845,7 +1011,7 @@ var SelectedFiles = ({
           mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
           const fileType = errorObj.FileName.split(".").pop();
           mobileFirstFileName = mobileFirstFileName + "." + fileType;
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react8.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               import_react_bootstrap.Col,
@@ -898,7 +1064,7 @@ var SelectedFiles = ({
       mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
       const fileType = file.FileName.split(".").pop();
       mobileFirstFileName = mobileFirstFileName + "." + fileType;
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react8.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileItem", children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "svg",
@@ -991,24 +1157,24 @@ var AddFiles = ({
   const errorId = `error-${questionObject.id}`;
   const labelId = `label-${questionObject.id}`;
   const maxSizeMB = Math.round(allowedTotalFileSize / 1048576);
-  const [numberOfFiles, setNumberOfFiles] = (0, import_react9.useState)(0);
-  const [totalFileSize, setTotalFileSize] = (0, import_react9.useState)(0);
-  const [errorMessageAddingFile, setErrorMessageAddingFile] = (0, import_react9.useState)([]);
-  const [newFiles, setNewFiles] = (0, import_react9.useState)([]);
-  const [dropFilesText, setDropFilesText] = (0, import_react9.useState)("Dra och sl\xE4pp dina filer h\xE4r");
-  (0, import_react9.useEffect)(() => {
+  const [numberOfFiles, setNumberOfFiles] = (0, import_react12.useState)(0);
+  const [totalFileSize, setTotalFileSize] = (0, import_react12.useState)(0);
+  const [errorMessageAddingFile, setErrorMessageAddingFile] = (0, import_react12.useState)([]);
+  const [newFiles, setNewFiles] = (0, import_react12.useState)([]);
+  const [dropFilesText, setDropFilesText] = (0, import_react12.useState)("Dra och sl\xE4pp dina filer h\xE4r");
+  (0, import_react12.useEffect)(() => {
     if (activatedLanguage === "sv") {
       setDropFilesText("Dra och sl\xE4pp dina filer h\xE4r");
     } else {
       setDropFilesText("Drag and drop your files here");
     }
   }, [activatedLanguage]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (questionObject.files && questionObject.files.length > 0) {
       setNumberOfFiles(questionObject.files.length);
     }
   }, []);
-  const onDrop = (0, import_react9.useCallback)(
+  const onDrop = (0, import_react12.useCallback)(
     (acceptedFiles) => {
       var _a2, _b2, _c;
       const validationErrors = [];
@@ -1098,7 +1264,7 @@ var AddFiles = ({
       reader.readAsDataURL(file);
     });
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (newFiles.length > 0) {
       const currentFiles = questionObject.files ? questionObject.files : [];
       const e = {
@@ -1218,7 +1384,7 @@ var PreviewAddFiles = ({
 };
 
 // src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
-var import_react10 = require("react");
+var import_react13 = require("react");
 var import_dompurify3 = __toESM(require("dompurify"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SingleCheckbox = ({
@@ -1232,8 +1398,8 @@ var SingleCheckbox = ({
   const inputId = `checkbox-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
-  const [checked, setChecked] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
+  const [checked, setChecked] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     if (question.answer && question.answer === "true") {
       setChecked(true);
     } else {
@@ -1309,7 +1475,7 @@ var PreviewSingleCheckbox = ({
 };
 
 // src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
-var import_react11 = require("react");
+var import_react14 = require("react");
 var import_dompurify4 = __toESM(require("dompurify"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
@@ -1318,7 +1484,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
     {
       className: "pts-textHeadlineAndBody-container",
       children: [
-        data.headline && (0, import_react11.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
+        data.headline && (0, import_react14.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
         data.body && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify4.default.sanitize(data.body) } }),
         data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           "a",
@@ -2161,10 +2327,10 @@ var InputInfoOnly = ({
 var InfoOnlyStandard_default = InputInfoOnly;
 
 // src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
-var import_react13 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 
 // src/components/input-components/RadioMultipleWithInfoStandard/RadioCollapseItem.tsx
-var import_react12 = require("react");
+var import_react15 = require("react");
 var import_dompurify7 = __toESM(require("dompurify"));
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var RadioCollapseItem = ({
@@ -2180,13 +2346,13 @@ var RadioCollapseItem = ({
   activatedLanguage = "sv",
   initialOpen = false
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react12.useState)(initialOpen);
+  const [isOpen, setIsOpen] = (0, import_react15.useState)(initialOpen);
   const contentId = `${questionId}-content-${index}`;
   const buttonId = `${questionId}-button-${index}`;
   const openLabel = activatedLanguage === "sv" ? "Visa mer information om" : "Show more information about";
   const closeLabel = activatedLanguage === "sv" ? "D\xF6lj mer information om" : "Hide more information about";
   const buttonLabel = `${isOpen ? closeLabel : openLabel} "${label}"`;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (questionAnswer === value) {
       setIsOpen(true);
     } else {
@@ -2296,7 +2462,7 @@ var RadioWithInfo = ({
           groupedOptionArray.map((group, g_index) => {
             var _a2;
             let subId = "subheading-" + g_index;
-            return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react13.default.Fragment, { children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react16.default.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { className: "pts-radioWithInfo-sub-headline", id: subId, children: group.category }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "group", "aria-labelledby": subId, children: (_a2 = group.items) == null ? void 0 : _a2.map((option, o_index) => {
                 var _a3, _b2, _c2, _d, _e;
@@ -3022,50 +3188,6 @@ var makeFormSelectors = (selectSlice) => {
   };
 };
 
-// src/helpers/cookieHandler/cookieHandler.ts
-var getCookie = (name) => {
-  const match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
-  return match ? match[2] : null;
-};
-var setCookie = (name, value, expirationDate) => {
-  let cookieString = `${name}=${value}; path=/; SameSite=Strict`;
-  if (expirationDate) {
-    cookieString += `; expires=${expirationDate.toUTCString()}`;
-  }
-  if (window.location.protocol === "https:") {
-    cookieString += "; Secure";
-  }
-  document.cookie = cookieString;
-};
-var removeCookie = (name) => {
-  const pastDate = /* @__PURE__ */ new Date(0);
-  setCookie(name, "", pastDate);
-};
-var createCookieConsent = (config) => {
-  const { cookieName, choiceKey, expiryYears = 1 } = config;
-  const acceptCookies = () => {
-    const expires = /* @__PURE__ */ new Date();
-    expires.setFullYear(expires.getFullYear() + expiryYears);
-    setCookie(cookieName, "true", expires);
-    localStorage.setItem(cookieName, "true");
-  };
-  const rejectCookies = () => {
-    removeCookie(cookieName);
-    localStorage.removeItem(cookieName);
-    sessionStorage.setItem(choiceKey, "true");
-  };
-  const areCookiesAccepted = () => getCookie(cookieName) === "true";
-  const hasChoiceBeenMade = () => sessionStorage.getItem(choiceKey) === "true";
-  const clearChoiceFromSession = () => sessionStorage.removeItem(choiceKey);
-  return {
-    acceptCookies,
-    rejectCookies,
-    areCookiesAccepted,
-    hasChoiceBeenMade,
-    clearChoiceFromSession
-  };
-};
-
 // src/helpers/scriptHandler/scriptHandler.ts
 var toggleScriptByConsent = (consent, options) => {
   if (typeof document === "undefined") return;
@@ -3118,126 +3240,6 @@ var getGroupCheckIds = (validationType) => {
 };
 var getGroupCheckIds_default = getGroupCheckIds;
 
-// src/hooks/useFormStatusModal/useFormStatusModal.ts
-var React10 = __toESM(require("react"));
-var useFormStatusModal = (formStatus, handleModalOpen, handleModalClose, mainSelector = "#main-content") => {
-  React10.useEffect(() => {
-    if (formStatus === "loading") {
-      handleModalOpen();
-    }
-    if (formStatus === "success" || formStatus === "failed") {
-      setTimeout(() => {
-        handleModalClose();
-      }, 1050);
-      const main = document.querySelector(mainSelector);
-      if (main) main.focus();
-    }
-  }, [formStatus, handleModalOpen, handleModalClose, mainSelector]);
-};
-
-// src/hooks/usePTSPageTitle/usePTSPageTitle.ts
-var import_react14 = require("react");
-var usePTSPageTitle = ({
-  formStatus,
-  activeStep,
-  applicationContent,
-  thankYouBlock,
-  steps,
-  fallbackTitle = "PTS e-tj\xE4nst"
-}) => {
-  const computedTitle = (0, import_react14.useMemo)(() => {
-    var _a, _b, _c, _d;
-    const baseTitle = (_a = applicationContent == null ? void 0 : applicationContent.pageTitle) != null ? _a : "";
-    const thankYouPageTitle = (_b = thankYouBlock == null ? void 0 : thankYouBlock.pageTitle) != null ? _b : "";
-    const stepTitle = (_d = (_c = steps == null ? void 0 : steps[Math.max(0, activeStep - 1)]) == null ? void 0 : _c.pageTitle) != null ? _d : "";
-    if (formStatus === "success" && thankYouPageTitle) return thankYouPageTitle;
-    if (activeStep === 0 && baseTitle) return baseTitle;
-    return stepTitle || baseTitle || fallbackTitle;
-  }, [formStatus, activeStep, applicationContent, thankYouBlock, steps, fallbackTitle]);
-  (0, import_react14.useEffect)(() => {
-    document.title = computedTitle;
-  }, [computedTitle]);
-  return computedTitle;
-};
-
-// src/hooks/useInputMethodDetection/useInputMethodDetection.ts
-var import_react15 = require("react");
-var useInputMethodDetection = ({
-  mouseClassName = "using-mouse",
-  keyboardToggleKey = "Tab"
-} = {}) => {
-  (0, import_react15.useEffect)(() => {
-    const handleMouseDown = () => {
-      document.body.classList.add(mouseClassName);
-    };
-    const handleKeyDown = (event) => {
-      if (event.key === keyboardToggleKey) {
-        document.body.classList.remove(mouseClassName);
-      }
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [mouseClassName, keyboardToggleKey]);
-};
-
-// src/hooks/useCookieConsent/useCookieConsent.ts
-var import_react16 = require("react");
-var useCookieConsent = ({
-  cookieName,
-  choiceKey,
-  expiryYears = 1,
-  onConsentChange
-}) => {
-  const {
-    acceptCookies,
-    rejectCookies,
-    areCookiesAccepted,
-    hasChoiceBeenMade,
-    clearChoiceFromSession
-  } = (0, import_react16.useMemo)(
-    () => createCookieConsent({
-      cookieName,
-      choiceKey,
-      expiryYears
-    }),
-    [cookieName, choiceKey, expiryYears]
-  );
-  const [showBanner, setShowBanner] = (0, import_react16.useState)(false);
-  const handleCookieStateChange = (0, import_react16.useCallback)(() => {
-    const cookiesNowAccepted = areCookiesAccepted();
-    if (onConsentChange) {
-      onConsentChange(cookiesNowAccepted);
-    }
-    setShowBanner(false);
-  }, [areCookiesAccepted, onConsentChange]);
-  (0, import_react16.useEffect)(() => {
-    const cookiesAccepted = areCookiesAccepted();
-    const choiceMade = hasChoiceBeenMade();
-    setShowBanner(!cookiesAccepted && !choiceMade);
-    if (cookiesAccepted && onConsentChange) {
-      onConsentChange(true);
-    }
-    const handleShowBannerEvent = () => {
-      clearChoiceFromSession();
-      setShowBanner(true);
-    };
-    window.addEventListener("showCookieBanner", handleShowBannerEvent);
-    return () => {
-      window.removeEventListener("showCookieBanner", handleShowBannerEvent);
-    };
-  }, [areCookiesAccepted, hasChoiceBeenMade, clearChoiceFromSession, onConsentChange]);
-  return {
-    showBanner,
-    handleCookieStateChange,
-    acceptCookies,
-    rejectCookies
-  };
-};
-
 // src/components/question-rendering/QuestionRenderer/QuestionRenderer.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var QuestionRenderer = ({