optimized-react-component-library-xyz123 0.1.92 → 0.1.93

package/dist/index.d.mts

@@ -1,4 +1,8 @@
 import React, { FC } from 'react';
+import * as reselect from 'reselect';
+import * as _reduxjs_toolkit from '@reduxjs/toolkit';
+import { PayloadAction } from '@reduxjs/toolkit';
+import * as immer from 'immer';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface IApplicationContent {
@@ -221,6 +225,90 @@ declare function validationCheckAllVisibleQuestions(data: any, formQuestion: any
 
 declare function groupQuestionsByStepCategoryGroup(questions: IQuestion[], steps: IStepObject[], validationErrorsList: number[]): any[];
 
+/** ----- Typer ----- */
+interface LanguageEntry {
+    language: string;
+    backButton: string;
+    forwardButton: string;
+    sendButton: string;
+}
+interface LanguageSupportConfig {
+    activatedLanguage: string;
+    languageSupport: LanguageEntry[];
+}
+interface LanguageState {
+    activatedLanguage: string;
+    languageSupport: LanguageEntry[];
+    languageSupportLoaded: boolean;
+    backButton: string;
+    forwardButton: string;
+    sendButton: string;
+}
+/** ----- Slice-fabrik (ingen app-specifik state/RootState här) ----- */
+declare const createLanguageSlice: (initialConfig: LanguageSupportConfig, options?: {
+    name?: string;
+}) => _reduxjs_toolkit.Slice<LanguageState, {
+    setActivatedLanguage: (state: immer.WritableDraft<LanguageState>, action: PayloadAction<string>) => void;
+    setLabelsFromLanguageEntry: (state: immer.WritableDraft<LanguageState>, action: PayloadAction<Pick<LanguageEntry, "backButton" | "forwardButton" | "sendButton">>) => void;
+    replaceLanguageSupport: (state: immer.WritableDraft<LanguageState>, action: PayloadAction<LanguageSupportConfig>) => void;
+}, string, string, _reduxjs_toolkit.SliceSelectors<LanguageState>>;
+/** ----- Selector-fabrik (helt generisk, ingen RootState) ----- */
+declare const makeLanguageSelectors: <TState>(selectSlice: (state: TState) => LanguageState) => {
+    selectActivatedLanguage: (state: TState) => string;
+    selectLanguageSupportLoaded: (state: TState) => boolean;
+    selectLanguageSupport: (state: TState) => LanguageEntry[];
+    selectOverallContentState: (state: TState) => LanguageState;
+    selectOverallContentFromLanguageSupport: ((state: TState, activatedLanguage: string) => {
+        activatedLanguage: string;
+        languageSupport: LanguageEntry[];
+        languageSupportLoaded: boolean;
+        backButton: string;
+        forwardButton: string;
+        sendButton: string;
+    }) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: LanguageState, resultFuncArgs_1: string) => {
+            activatedLanguage: string;
+            languageSupport: LanguageEntry[];
+            languageSupportLoaded: boolean;
+            backButton: string;
+            forwardButton: string;
+            sendButton: string;
+        };
+        memoizedResultFunc: ((resultFuncArgs_0: LanguageState, resultFuncArgs_1: string) => {
+            activatedLanguage: string;
+            languageSupport: LanguageEntry[];
+            languageSupportLoaded: boolean;
+            backButton: string;
+            forwardButton: string;
+            sendButton: string;
+        }) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => {
+            activatedLanguage: string;
+            languageSupport: LanguageEntry[];
+            languageSupportLoaded: boolean;
+            backButton: string;
+            forwardButton: string;
+            sendButton: string;
+        };
+        dependencies: [(state: TState) => LanguageState, (_: TState, activatedLanguage: string) => string];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        memoize: typeof reselect.weakMapMemoize;
+        argsMemoize: typeof reselect.weakMapMemoize;
+    };
+};
+
 declare const RenderQuestion: ({ question, isTouched, activatedLanguage, showPreview, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
 
 declare const RenderQuestionGroup: ({ questionArray, wrapper, legend, isTouched, activatedLanguage, showPreview, AddQuestionDisplayed, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
@@ -327,4 +415,4 @@ interface CookieBannerProps {
 
 declare const CookieBanner: React.FC<CookieBannerProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList };
+export { AddFiles as AddFilesStandard, CookieBanner, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList, createLanguageSlice, makeLanguageSelectors };

package/dist/index.d.ts

@@ -1,4 +1,8 @@
 import React, { FC } from 'react';
+import * as reselect from 'reselect';
+import * as _reduxjs_toolkit from '@reduxjs/toolkit';
+import { PayloadAction } from '@reduxjs/toolkit';
+import * as immer from 'immer';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface IApplicationContent {
@@ -221,6 +225,90 @@ declare function validationCheckAllVisibleQuestions(data: any, formQuestion: any
 
 declare function groupQuestionsByStepCategoryGroup(questions: IQuestion[], steps: IStepObject[], validationErrorsList: number[]): any[];
 
+/** ----- Typer ----- */
+interface LanguageEntry {
+    language: string;
+    backButton: string;
+    forwardButton: string;
+    sendButton: string;
+}
+interface LanguageSupportConfig {
+    activatedLanguage: string;
+    languageSupport: LanguageEntry[];
+}
+interface LanguageState {
+    activatedLanguage: string;
+    languageSupport: LanguageEntry[];
+    languageSupportLoaded: boolean;
+    backButton: string;
+    forwardButton: string;
+    sendButton: string;
+}
+/** ----- Slice-fabrik (ingen app-specifik state/RootState här) ----- */
+declare const createLanguageSlice: (initialConfig: LanguageSupportConfig, options?: {
+    name?: string;
+}) => _reduxjs_toolkit.Slice<LanguageState, {
+    setActivatedLanguage: (state: immer.WritableDraft<LanguageState>, action: PayloadAction<string>) => void;
+    setLabelsFromLanguageEntry: (state: immer.WritableDraft<LanguageState>, action: PayloadAction<Pick<LanguageEntry, "backButton" | "forwardButton" | "sendButton">>) => void;
+    replaceLanguageSupport: (state: immer.WritableDraft<LanguageState>, action: PayloadAction<LanguageSupportConfig>) => void;
+}, string, string, _reduxjs_toolkit.SliceSelectors<LanguageState>>;
+/** ----- Selector-fabrik (helt generisk, ingen RootState) ----- */
+declare const makeLanguageSelectors: <TState>(selectSlice: (state: TState) => LanguageState) => {
+    selectActivatedLanguage: (state: TState) => string;
+    selectLanguageSupportLoaded: (state: TState) => boolean;
+    selectLanguageSupport: (state: TState) => LanguageEntry[];
+    selectOverallContentState: (state: TState) => LanguageState;
+    selectOverallContentFromLanguageSupport: ((state: TState, activatedLanguage: string) => {
+        activatedLanguage: string;
+        languageSupport: LanguageEntry[];
+        languageSupportLoaded: boolean;
+        backButton: string;
+        forwardButton: string;
+        sendButton: string;
+    }) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: LanguageState, resultFuncArgs_1: string) => {
+            activatedLanguage: string;
+            languageSupport: LanguageEntry[];
+            languageSupportLoaded: boolean;
+            backButton: string;
+            forwardButton: string;
+            sendButton: string;
+        };
+        memoizedResultFunc: ((resultFuncArgs_0: LanguageState, resultFuncArgs_1: string) => {
+            activatedLanguage: string;
+            languageSupport: LanguageEntry[];
+            languageSupportLoaded: boolean;
+            backButton: string;
+            forwardButton: string;
+            sendButton: string;
+        }) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => {
+            activatedLanguage: string;
+            languageSupport: LanguageEntry[];
+            languageSupportLoaded: boolean;
+            backButton: string;
+            forwardButton: string;
+            sendButton: string;
+        };
+        dependencies: [(state: TState) => LanguageState, (_: TState, activatedLanguage: string) => string];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        memoize: typeof reselect.weakMapMemoize;
+        argsMemoize: typeof reselect.weakMapMemoize;
+    };
+};
+
 declare const RenderQuestion: ({ question, isTouched, activatedLanguage, showPreview, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
 
 declare const RenderQuestionGroup: ({ questionArray, wrapper, legend, isTouched, activatedLanguage, showPreview, AddQuestionDisplayed, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
@@ -327,4 +415,4 @@ interface CookieBannerProps {
 
 declare const CookieBanner: React.FC<CookieBannerProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList };
+export { AddFiles as AddFilesStandard, CookieBanner, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList, createLanguageSlice, makeLanguageSelectors };

package/dist/index.js

@@ -59,7 +59,9 @@ __export(index_exports, {
   TextFieldStandard: () => TextFieldStandard_default,
   TextHeadlineAndBodyStandard: () => TextHeadlineAndBodyStandard_default,
   ValidationCheckAllVisibleQuestion: () => ValidationCheckAllVisibleQuestion_default,
-  ValidationErrorSummaryList: () => ValidationErrorSummaryList_default
+  ValidationErrorSummaryList: () => ValidationErrorSummaryList_default,
+  createLanguageSlice: () => createLanguageSlice,
+  makeLanguageSelectors: () => makeLanguageSelectors
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -758,12 +760,12 @@ var FilesUploadStandard_default = FilesUpload;
 
 // src/NewInputComponentStandard/AddFilesStandard/AddFilesStandard.tsx
 var import_react7 = require("react");
-var import_clsx4 = __toESM(require("clsx"));
+var import_clsx5 = __toESM(require("clsx"));
 
 // src/NewInputComponentStandard/AddFilesStandard/DropFilesStandard.tsx
 var import_react_dropzone = require("react-dropzone");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
+var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r" }) => {
   const onDrop = FilesSelected;
   const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)({ onDrop, noKeyboard: true });
   const handleFileExplorer = (event) => {
@@ -784,22 +786,34 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "DropZone-label-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: "Sl\xE4pp filerna, nu ...!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         "svg",
         {
+          "aria-hidden": "true",
           xmlns: "http://www.w3.org/2000/svg",
-          width: "2.4rem",
-          height: "2.4rem",
-          viewBox: "0 0 7 15",
-          fill: "#fff",
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "path",
-            {
-              d: "M0 2.5C0 1.83696 0.263392 1.20107 0.732233 0.732233C1.20107 0.263392 1.83696 0 2.5 0C3.16304 0 3.79893 0.263392 4.26777 0.732233C4.73661 1.20107 5 1.83696 5 2.5V11.5C5 11.8978 4.84196 12.2794 4.56066 12.5607C4.27936 12.842 3.89782 13 3.5 13C3.10218 13 2.72064 12.842 2.43934 12.5607C2.15804 12.2794 2 11.8978 2 11.5V4.5C2 4.36739 2.05268 4.24021 2.14645 4.14645C2.24021 4.05268 2.36739 4 2.5 4C2.63261 4 2.75979 4.05268 2.85355 4.14645C2.94732 4.24021 3 4.36739 3 4.5V11.5C3 11.6326 3.05268 11.7598 3.14645 11.8536C3.24021 11.9473 3.36739 12 3.5 12C3.63261 12 3.75979 11.9473 3.85355 11.8536C3.94732 11.7598 4 11.6326 4 11.5V2.5C4 2.30302 3.9612 2.10796 3.88582 1.92597C3.81044 1.74399 3.69995 1.57863 3.56066 1.43934C3.42137 1.30005 3.25601 1.18956 3.07403 1.11418C2.89204 1.0388 2.69698 1 2.5 1C2.30302 1 2.10796 1.0388 1.92597 1.11418C1.74399 1.18956 1.57863 1.30005 1.43934 1.43934C1.30005 1.57863 1.18956 1.74399 1.11418 1.92597C1.0388 2.10796 1 2.30302 1 2.5V11.5C1 12.163 1.26339 12.7989 1.73223 13.2678C2.20107 13.7366 2.83696 14 3.5 14C4.16304 14 4.79893 13.7366 5.26777 13.2678C5.73661 12.7989 6 12.163 6 11.5V4.5C6 4.36739 6.05268 4.24021 6.14645 4.14645C6.24021 4.05268 6.36739 4 6.5 4C6.63261 4 6.75979 4.05268 6.85355 4.14645C6.94732 4.24021 7 4.36739 7 4.5V11.5C7 12.4283 6.63125 13.3185 5.97487 13.9749C5.3185 14.6313 4.42826 15 3.5 15C2.57174 15 1.6815 14.6313 1.02513 13.9749C0.368749 13.3185 0 12.4283 0 11.5V2.5Z",
-              fill: "#fff"
-            }
-          )
+          width: "72",
+          height: "48",
+          viewBox: "0 0 72 48",
+          fill: "none",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", { clipPath: "url(#clip0_247_596)", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "path",
+              {
+                d: "M66.6084 23.0844C64.6397 21.6247 62.2209 20.5531 59.6672 19.9752C59.2479 19.8808 58.8641 19.6692 58.5605 19.3649C58.257 19.0606 58.0463 18.6763 57.953 18.2567C56.8561 13.37 54.495 9.1794 51.0244 6.00409C46.9898 2.30706 41.6545 0.273621 36 0.273621C31.0289 0.273621 26.4375 1.83174 22.7292 4.78065C20.216 6.78238 18.193 9.33154 16.8145 12.2338C16.6651 12.5513 16.4434 12.8295 16.1672 13.0461C15.8911 13.2627 15.5681 13.4117 15.2241 13.4811C11.4623 14.2405 8.06625 15.8535 5.47312 18.1386C1.89281 21.3027 0 25.5088 0 30.3111C0 35.1655 2.03766 39.5924 5.73609 42.793C9.26859 45.8431 14.0245 47.5236 19.125 47.5236H33.75V25.956L28.5905 31.1155C28.3751 31.3309 28.1182 31.5003 27.8354 31.6134C27.5525 31.7266 27.2497 31.7811 26.9452 31.7738C26.6406 31.7664 26.3408 31.6973 26.0638 31.5706C25.7867 31.4439 25.5383 31.2623 25.3336 31.0367C24.518 30.141 24.5967 28.7446 25.4531 27.8881L34.4095 18.9331C34.8314 18.5115 35.4035 18.2747 36 18.2747C36.5965 18.2747 37.1686 18.5115 37.5905 18.9331L46.5469 27.8853C47.43 28.7699 47.4806 30.2197 46.6017 31.107C46.3932 31.3176 46.1451 31.485 45.8718 31.5994C45.5984 31.7139 45.3051 31.7732 45.0088 31.774C44.7124 31.7748 44.4188 31.717 44.1449 31.604C43.8709 31.491 43.622 31.325 43.4123 31.1155L38.25 25.956V47.5236H55.6875C60.0947 47.5236 64.1124 46.2861 67.0008 44.0403C70.2717 41.495 72 37.8528 72 33.5174C72 29.3071 70.1353 25.6972 66.6084 23.0844Z",
+                fill: "#6E3282"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("clipPath", { id: "clip0_247_596", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "rect",
+              {
+                width: "72",
+                height: "47.1064",
+                fill: "white",
+                transform: "translate(0 0.446777)"
+              }
+            ) }) })
+          ]
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dropFilesText", children: DropFilesText })
@@ -935,6 +949,7 @@ var Indicator = (filename) => {
 var IndicatorStandard_default = Indicator;
 
 // src/NewInputComponentStandard/AddFilesStandard/SelectedFilesStandard.tsx
+var import_clsx4 = __toESM(require("clsx"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var SelectedFiles = ({
   questionObject,
@@ -976,57 +991,53 @@ var SelectedFiles = ({
   };
   const windowWidth = useWindowWidth();
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-        "ul",
-        {
-          "aria-hidden": true,
-          className: "fileListUnorderedList",
-          id: "errorSummary-ul",
-          children: [
-            " ",
-            errorMessageAddingFile.map((errorObj, index) => {
-              const errorFileName = errorObj.FileName;
-              let mobileFirstFileName = errorObj.FileName.split(".").shift();
-              mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
-              const fileType = errorObj.FileName.split(".").pop();
-              mobileFirstFileName = mobileFirstFileName + "." + fileType;
-              return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  import_react_bootstrap.Col,
-                  {
-                    style: {
-                      width: "100%",
-                      color: "#8e0039"
-                    },
-                    className: "errorMessageAddingFile",
-                    ...activatedLanguage === "sv" ? {
-                      "aria-label": `${errorFileName} ${errorObj.svMessage}`
-                    } : {
-                      "aria-label": `${errorFileName} ${errorObj.enMessage}`
-                    },
-                    children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
-                  }
-                ) })
-              ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
-            })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        "button",
-        {
-          className: "selectedFilesLinkButton error-close",
-          onClick: () => {
-            removeError();
-          },
-          "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
-          children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
-        }
-      ) })
-    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", children: [
+        " ",
+        errorMessageAddingFile.map((errorObj, index) => {
+          const errorFileName = errorObj.FileName;
+          let mobileFirstFileName = errorObj.FileName.split(".").shift();
+          mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
+          const fileType = errorObj.FileName.split(".").pop();
+          mobileFirstFileName = mobileFirstFileName + "." + fileType;
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: (0, import_clsx4.default)("uploadedDot", "uploadFailed"),
+                  children: "!"
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_react_bootstrap.Col,
+              {
+                style: {
+                  width: "100%",
+                  color: "#8e0039"
+                },
+                className: "errorMessageAddingFile",
+                ...activatedLanguage === "sv" ? {
+                  "aria-label": `${errorFileName} ${errorObj.svMessage}`
+                } : {
+                  "aria-label": `${errorFileName} ${errorObj.enMessage}`
+                },
+                children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
+          ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
+        })
+      ] }),
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { onClick: removeUploadErrors, className: "errorMessageAddingFile", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "X" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Ta bort felmeddelande f\xF6r uppladdning av filer" })
+      ] })
+    ] }),
     questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
@@ -1034,7 +1045,7 @@ var SelectedFiles = ({
       const fileType = file.FileName.split(".").pop();
       mobileFirstFileName = mobileFirstFileName + "." + fileType;
       return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { className: "fileItem", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "svg",
             {
@@ -1248,13 +1259,10 @@ var AddFiles = ({
   const removeFileFromNumberOfFiles = (newCount) => {
     setNumberOfFiles(newCount);
   };
-  const removeOneError = (errorIndex) => {
+  const removeError = (errorIndex) => {
     let newErrors = errorMessageAddingFile.filter((e, index) => index !== errorIndex);
     setErrorMessageAddingFile(newErrors);
   };
-  const removeError = () => {
-    setErrorMessageAddingFile([]);
-  };
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
@@ -1264,7 +1272,7 @@ var AddFiles = ({
         "p",
         {
           id: aboutId,
-          className: (0, import_clsx4.default)(
+          className: (0, import_clsx5.default)(
             "addFilesMandatory",
             questionObject.hasValidationError ? " error" : ""
           ),
@@ -1298,7 +1306,7 @@ var AddFiles = ({
           removeUploadErrors: handleRemoveErrors
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText, language: activatedLanguage }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         SelectedFilesStandard_default,
         {
@@ -1548,6 +1556,86 @@ function groupQuestionsByStepCategoryGroup(questions, steps, validationErrorsLis
 }
 var GroupQuestionsByStepCategoryGroup_default = groupQuestionsByStepCategoryGroup;
 
+// src/NewHelpMethodsStandard/ApplicationContentSlice/applicationContentSlice.ts
+var import_toolkit = require("@reduxjs/toolkit");
+var pickLang = (cfg, lang) => {
+  var _a;
+  return (_a = cfg.languageSupport.find((l) => l.language === lang)) != null ? _a : cfg.languageSupport[0];
+};
+var createLanguageSlice = (initialConfig, options) => {
+  var _a;
+  const name = (_a = options == null ? void 0 : options.name) != null ? _a : "applicationContent";
+  const initialLang = pickLang(initialConfig, initialConfig.activatedLanguage);
+  const initialState = {
+    activatedLanguage: initialConfig.activatedLanguage,
+    languageSupport: initialConfig.languageSupport,
+    languageSupportLoaded: true,
+    backButton: initialLang.backButton,
+    forwardButton: initialLang.forwardButton,
+    sendButton: initialLang.sendButton
+  };
+  const slice = (0, import_toolkit.createSlice)({
+    name,
+    initialState,
+    reducers: {
+      setActivatedLanguage: (state, action) => {
+        state.activatedLanguage = action.payload;
+        const lang = pickLang(
+          { activatedLanguage: state.activatedLanguage, languageSupport: state.languageSupport },
+          action.payload
+        );
+        state.backButton = lang.backButton;
+        state.forwardButton = lang.forwardButton;
+        state.sendButton = lang.sendButton;
+      },
+      setLabelsFromLanguageEntry: (state, action) => {
+        state.backButton = action.payload.backButton;
+        state.forwardButton = action.payload.forwardButton;
+        state.sendButton = action.payload.sendButton;
+      },
+      replaceLanguageSupport: (state, action) => {
+        state.languageSupport = action.payload.languageSupport;
+        state.activatedLanguage = action.payload.activatedLanguage;
+        const lang = pickLang(action.payload, action.payload.activatedLanguage);
+        state.backButton = lang.backButton;
+        state.forwardButton = lang.forwardButton;
+        state.sendButton = lang.sendButton;
+        state.languageSupportLoaded = true;
+      }
+    }
+  });
+  return slice;
+};
+var makeLanguageSelectors = (selectSlice) => {
+  const selectState = selectSlice;
+  const selectActivatedLanguage = (state) => selectState(state).activatedLanguage;
+  const selectLanguageSupportLoaded = (state) => selectState(state).languageSupportLoaded;
+  const selectLanguageSupport = (state) => selectState(state).languageSupport;
+  const selectOverallContentState = (state) => selectState(state);
+  const selectOverallContentFromLanguageSupport = (0, import_toolkit.createSelector)(
+    [selectState, (_, activatedLanguage) => activatedLanguage],
+    (applicationContent, activatedLanguage) => {
+      const match = applicationContent.languageSupport.find(
+        (l) => l.language === activatedLanguage
+      );
+      if (!match) return { ...applicationContent };
+      return {
+        ...applicationContent,
+        backButton: match.backButton,
+        forwardButton: match.forwardButton,
+        sendButton: match.sendButton
+      };
+    }
+  );
+  return {
+    selectActivatedLanguage,
+    selectLanguageSupportLoaded,
+    selectLanguageSupport,
+    selectOverallContentState,
+    selectOverallContentFromLanguageSupport
+  };
+};
+
 // src/NewRenderFormComponentStandard/RenderQuestion/RenderQuestion.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var RenderQuestion = ({
@@ -1643,7 +1731,7 @@ var RenderQuestionGroup = ({
           "aria-describedby": questionArray[0].hasValidationError ? `${questionArray[0].id}-error` : void 0,
           children: [
             legend && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("legend", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pts-legend", children: legend }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: legend }),
               questionArray[0].hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "sr-only", children: [
                 "Valideringsfel. ",
                 questionArray[0].validationDefaultMessesege
@@ -2837,5 +2925,7 @@ var CookieBanner_default = CookieBanner;
   TextFieldStandard,
   TextHeadlineAndBodyStandard,
   ValidationCheckAllVisibleQuestion,
-  ValidationErrorSummaryList
+  ValidationErrorSummaryList,
+  createLanguageSlice,
+  makeLanguageSelectors
 });

package/dist/index.mjs

@@ -693,12 +693,12 @@ var FilesUploadStandard_default = FilesUpload;
 
 // src/NewInputComponentStandard/AddFilesStandard/AddFilesStandard.tsx
 import { useCallback, useEffect as useEffect5, useState as useState5 } from "react";
-import clsx4 from "clsx";
+import clsx5 from "clsx";
 
 // src/NewInputComponentStandard/AddFilesStandard/DropFilesStandard.tsx
 import { useDropzone } from "react-dropzone";
 import { Fragment as Fragment6, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
+var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r" }) => {
   const onDrop = FilesSelected;
   const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, noKeyboard: true });
   const handleFileExplorer = (event) => {
@@ -719,22 +719,34 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ jsx6("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs6("div", { className: "DropZone-label-container", children: [
-      /* @__PURE__ */ jsx6(
+    isDragActive ? /* @__PURE__ */ jsx6("b", { className: "dropFilesNowText", children: "Sl\xE4pp filerna, nu ...!" }) : /* @__PURE__ */ jsxs6(Fragment6, { children: [
+      /* @__PURE__ */ jsxs6(
         "svg",
         {
+          "aria-hidden": "true",
           xmlns: "http://www.w3.org/2000/svg",
-          width: "2.4rem",
-          height: "2.4rem",
-          viewBox: "0 0 7 15",
-          fill: "#fff",
-          children: /* @__PURE__ */ jsx6(
-            "path",
-            {
-              d: "M0 2.5C0 1.83696 0.263392 1.20107 0.732233 0.732233C1.20107 0.263392 1.83696 0 2.5 0C3.16304 0 3.79893 0.263392 4.26777 0.732233C4.73661 1.20107 5 1.83696 5 2.5V11.5C5 11.8978 4.84196 12.2794 4.56066 12.5607C4.27936 12.842 3.89782 13 3.5 13C3.10218 13 2.72064 12.842 2.43934 12.5607C2.15804 12.2794 2 11.8978 2 11.5V4.5C2 4.36739 2.05268 4.24021 2.14645 4.14645C2.24021 4.05268 2.36739 4 2.5 4C2.63261 4 2.75979 4.05268 2.85355 4.14645C2.94732 4.24021 3 4.36739 3 4.5V11.5C3 11.6326 3.05268 11.7598 3.14645 11.8536C3.24021 11.9473 3.36739 12 3.5 12C3.63261 12 3.75979 11.9473 3.85355 11.8536C3.94732 11.7598 4 11.6326 4 11.5V2.5C4 2.30302 3.9612 2.10796 3.88582 1.92597C3.81044 1.74399 3.69995 1.57863 3.56066 1.43934C3.42137 1.30005 3.25601 1.18956 3.07403 1.11418C2.89204 1.0388 2.69698 1 2.5 1C2.30302 1 2.10796 1.0388 1.92597 1.11418C1.74399 1.18956 1.57863 1.30005 1.43934 1.43934C1.30005 1.57863 1.18956 1.74399 1.11418 1.92597C1.0388 2.10796 1 2.30302 1 2.5V11.5C1 12.163 1.26339 12.7989 1.73223 13.2678C2.20107 13.7366 2.83696 14 3.5 14C4.16304 14 4.79893 13.7366 5.26777 13.2678C5.73661 12.7989 6 12.163 6 11.5V4.5C6 4.36739 6.05268 4.24021 6.14645 4.14645C6.24021 4.05268 6.36739 4 6.5 4C6.63261 4 6.75979 4.05268 6.85355 4.14645C6.94732 4.24021 7 4.36739 7 4.5V11.5C7 12.4283 6.63125 13.3185 5.97487 13.9749C5.3185 14.6313 4.42826 15 3.5 15C2.57174 15 1.6815 14.6313 1.02513 13.9749C0.368749 13.3185 0 12.4283 0 11.5V2.5Z",
-              fill: "#fff"
-            }
-          )
+          width: "72",
+          height: "48",
+          viewBox: "0 0 72 48",
+          fill: "none",
+          children: [
+            /* @__PURE__ */ jsx6("g", { clipPath: "url(#clip0_247_596)", children: /* @__PURE__ */ jsx6(
+              "path",
+              {
+                d: "M66.6084 23.0844C64.6397 21.6247 62.2209 20.5531 59.6672 19.9752C59.2479 19.8808 58.8641 19.6692 58.5605 19.3649C58.257 19.0606 58.0463 18.6763 57.953 18.2567C56.8561 13.37 54.495 9.1794 51.0244 6.00409C46.9898 2.30706 41.6545 0.273621 36 0.273621C31.0289 0.273621 26.4375 1.83174 22.7292 4.78065C20.216 6.78238 18.193 9.33154 16.8145 12.2338C16.6651 12.5513 16.4434 12.8295 16.1672 13.0461C15.8911 13.2627 15.5681 13.4117 15.2241 13.4811C11.4623 14.2405 8.06625 15.8535 5.47312 18.1386C1.89281 21.3027 0 25.5088 0 30.3111C0 35.1655 2.03766 39.5924 5.73609 42.793C9.26859 45.8431 14.0245 47.5236 19.125 47.5236H33.75V25.956L28.5905 31.1155C28.3751 31.3309 28.1182 31.5003 27.8354 31.6134C27.5525 31.7266 27.2497 31.7811 26.9452 31.7738C26.6406 31.7664 26.3408 31.6973 26.0638 31.5706C25.7867 31.4439 25.5383 31.2623 25.3336 31.0367C24.518 30.141 24.5967 28.7446 25.4531 27.8881L34.4095 18.9331C34.8314 18.5115 35.4035 18.2747 36 18.2747C36.5965 18.2747 37.1686 18.5115 37.5905 18.9331L46.5469 27.8853C47.43 28.7699 47.4806 30.2197 46.6017 31.107C46.3932 31.3176 46.1451 31.485 45.8718 31.5994C45.5984 31.7139 45.3051 31.7732 45.0088 31.774C44.7124 31.7748 44.4188 31.717 44.1449 31.604C43.8709 31.491 43.622 31.325 43.4123 31.1155L38.25 25.956V47.5236H55.6875C60.0947 47.5236 64.1124 46.2861 67.0008 44.0403C70.2717 41.495 72 37.8528 72 33.5174C72 29.3071 70.1353 25.6972 66.6084 23.0844Z",
+                fill: "#6E3282"
+              }
+            ) }),
+            /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsx6("clipPath", { id: "clip0_247_596", children: /* @__PURE__ */ jsx6(
+              "rect",
+              {
+                width: "72",
+                height: "47.1064",
+                fill: "white",
+                transform: "translate(0 0.446777)"
+              }
+            ) }) })
+          ]
         }
       ),
       /* @__PURE__ */ jsx6("p", { className: "dropFilesText", children: DropFilesText })
@@ -870,6 +882,7 @@ var Indicator = (filename) => {
 var IndicatorStandard_default = Indicator;
 
 // src/NewInputComponentStandard/AddFilesStandard/SelectedFilesStandard.tsx
+import clsx4 from "clsx";
 import { Fragment as Fragment10, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var SelectedFiles = ({
   questionObject,
@@ -911,57 +924,53 @@ var SelectedFiles = ({
   };
   const windowWidth = useWindowWidth();
   return /* @__PURE__ */ jsxs8(Fragment10, { children: [
-    /* @__PURE__ */ jsx10("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
-      /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-      /* @__PURE__ */ jsx10("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs8(
-        "ul",
-        {
-          "aria-hidden": true,
-          className: "fileListUnorderedList",
-          id: "errorSummary-ul",
-          children: [
-            " ",
-            errorMessageAddingFile.map((errorObj, index) => {
-              const errorFileName = errorObj.FileName;
-              let mobileFirstFileName = errorObj.FileName.split(".").shift();
-              mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
-              const fileType = errorObj.FileName.split(".").pop();
-              mobileFirstFileName = mobileFirstFileName + "." + fileType;
-              return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
-                /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx10("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx10("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
-                /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(
-                  Col,
-                  {
-                    style: {
-                      width: "100%",
-                      color: "#8e0039"
-                    },
-                    className: "errorMessageAddingFile",
-                    ...activatedLanguage === "sv" ? {
-                      "aria-label": `${errorFileName} ${errorObj.svMessage}`
-                    } : {
-                      "aria-label": `${errorFileName} ${errorObj.enMessage}`
-                    },
-                    children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
-                  }
-                ) })
-              ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
-            })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx10("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ jsx10(
-        "button",
-        {
-          className: "selectedFilesLinkButton error-close",
-          onClick: () => {
-            removeError();
-          },
-          "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
-          children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
-        }
-      ) })
-    ] }) }),
+    /* @__PURE__ */ jsxs8("div", { children: [
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("ul", { "aria-hidden": true, className: "fileListUnorderedList", children: [
+        " ",
+        errorMessageAddingFile.map((errorObj, index) => {
+          const errorFileName = errorObj.FileName;
+          let mobileFirstFileName = errorObj.FileName.split(".").shift();
+          mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
+          const fileType = errorObj.FileName.split(".").pop();
+          mobileFirstFileName = mobileFirstFileName + "." + fileType;
+          return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
+            /* @__PURE__ */ jsxs8(Row, { children: [
+              /* @__PURE__ */ jsx10(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx10(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: clsx4("uploadedDot", "uploadFailed"),
+                  children: "!"
+                }
+              ) }),
+              /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx10("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx10("span", { className: "desktopFileName", children: errorObj.FileName }) }),
+              /* @__PURE__ */ jsx10(Col, { className: "lastCol" })
+            ] }),
+            /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(
+              Col,
+              {
+                style: {
+                  width: "100%",
+                  color: "#8e0039"
+                },
+                className: "errorMessageAddingFile",
+                ...activatedLanguage === "sv" ? {
+                  "aria-label": `${errorFileName} ${errorObj.svMessage}`
+                } : {
+                  "aria-label": `${errorFileName} ${errorObj.enMessage}`
+                },
+                children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
+              }
+            ) }),
+            /* @__PURE__ */ jsx10(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx10(Col, { className: "makeSpace" }) })
+          ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
+        })
+      ] }),
+      errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("button", { onClick: removeUploadErrors, className: "errorMessageAddingFile", children: [
+        /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: "errorDot", children: "X" }),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Ta bort felmeddelande f\xF6r uppladdning av filer" })
+      ] })
+    ] }),
     questionObject.files.length > 0 && /* @__PURE__ */ jsx10("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
@@ -969,7 +978,7 @@ var SelectedFiles = ({
       const fileType = file.FileName.split(".").pop();
       mobileFirstFileName = mobileFirstFileName + "." + fileType;
       return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
-        /* @__PURE__ */ jsxs8(Row, { className: "fileItem", children: [
+        /* @__PURE__ */ jsxs8(Row, { children: [
           /* @__PURE__ */ jsx10(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ jsx10(
             "svg",
             {
@@ -1183,13 +1192,10 @@ var AddFiles = ({
   const removeFileFromNumberOfFiles = (newCount) => {
     setNumberOfFiles(newCount);
   };
-  const removeOneError = (errorIndex) => {
+  const removeError = (errorIndex) => {
     let newErrors = errorMessageAddingFile.filter((e, index) => index !== errorIndex);
     setErrorMessageAddingFile(newErrors);
   };
-  const removeError = () => {
-    setErrorMessageAddingFile([]);
-  };
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
@@ -1199,7 +1205,7 @@ var AddFiles = ({
         "p",
         {
           id: aboutId,
-          className: clsx4(
+          className: clsx5(
             "addFilesMandatory",
             questionObject.hasValidationError ? " error" : ""
           ),
@@ -1233,7 +1239,7 @@ var AddFiles = ({
           removeUploadErrors: handleRemoveErrors
         }
       ),
-      /* @__PURE__ */ jsx11(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText, language: activatedLanguage }),
+      /* @__PURE__ */ jsx11(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText }),
       /* @__PURE__ */ jsx11(
         SelectedFilesStandard_default,
         {
@@ -1483,6 +1489,86 @@ function groupQuestionsByStepCategoryGroup(questions, steps, validationErrorsLis
 }
 var GroupQuestionsByStepCategoryGroup_default = groupQuestionsByStepCategoryGroup;
 
+// src/NewHelpMethodsStandard/ApplicationContentSlice/applicationContentSlice.ts
+import { createSlice, createSelector } from "@reduxjs/toolkit";
+var pickLang = (cfg, lang) => {
+  var _a;
+  return (_a = cfg.languageSupport.find((l) => l.language === lang)) != null ? _a : cfg.languageSupport[0];
+};
+var createLanguageSlice = (initialConfig, options) => {
+  var _a;
+  const name = (_a = options == null ? void 0 : options.name) != null ? _a : "applicationContent";
+  const initialLang = pickLang(initialConfig, initialConfig.activatedLanguage);
+  const initialState = {
+    activatedLanguage: initialConfig.activatedLanguage,
+    languageSupport: initialConfig.languageSupport,
+    languageSupportLoaded: true,
+    backButton: initialLang.backButton,
+    forwardButton: initialLang.forwardButton,
+    sendButton: initialLang.sendButton
+  };
+  const slice = createSlice({
+    name,
+    initialState,
+    reducers: {
+      setActivatedLanguage: (state, action) => {
+        state.activatedLanguage = action.payload;
+        const lang = pickLang(
+          { activatedLanguage: state.activatedLanguage, languageSupport: state.languageSupport },
+          action.payload
+        );
+        state.backButton = lang.backButton;
+        state.forwardButton = lang.forwardButton;
+        state.sendButton = lang.sendButton;
+      },
+      setLabelsFromLanguageEntry: (state, action) => {
+        state.backButton = action.payload.backButton;
+        state.forwardButton = action.payload.forwardButton;
+        state.sendButton = action.payload.sendButton;
+      },
+      replaceLanguageSupport: (state, action) => {
+        state.languageSupport = action.payload.languageSupport;
+        state.activatedLanguage = action.payload.activatedLanguage;
+        const lang = pickLang(action.payload, action.payload.activatedLanguage);
+        state.backButton = lang.backButton;
+        state.forwardButton = lang.forwardButton;
+        state.sendButton = lang.sendButton;
+        state.languageSupportLoaded = true;
+      }
+    }
+  });
+  return slice;
+};
+var makeLanguageSelectors = (selectSlice) => {
+  const selectState = selectSlice;
+  const selectActivatedLanguage = (state) => selectState(state).activatedLanguage;
+  const selectLanguageSupportLoaded = (state) => selectState(state).languageSupportLoaded;
+  const selectLanguageSupport = (state) => selectState(state).languageSupport;
+  const selectOverallContentState = (state) => selectState(state);
+  const selectOverallContentFromLanguageSupport = createSelector(
+    [selectState, (_, activatedLanguage) => activatedLanguage],
+    (applicationContent, activatedLanguage) => {
+      const match = applicationContent.languageSupport.find(
+        (l) => l.language === activatedLanguage
+      );
+      if (!match) return { ...applicationContent };
+      return {
+        ...applicationContent,
+        backButton: match.backButton,
+        forwardButton: match.forwardButton,
+        sendButton: match.sendButton
+      };
+    }
+  );
+  return {
+    selectActivatedLanguage,
+    selectLanguageSupportLoaded,
+    selectLanguageSupport,
+    selectOverallContentState,
+    selectOverallContentFromLanguageSupport
+  };
+};
+
 // src/NewRenderFormComponentStandard/RenderQuestion/RenderQuestion.tsx
 import { Fragment as Fragment12, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var RenderQuestion = ({
@@ -1578,7 +1664,7 @@ var RenderQuestionGroup = ({
           "aria-describedby": questionArray[0].hasValidationError ? `${questionArray[0].id}-error` : void 0,
           children: [
             legend && /* @__PURE__ */ jsxs11("legend", { children: [
-              /* @__PURE__ */ jsx13("span", { className: "pts-legend", children: legend }),
+              /* @__PURE__ */ jsx13("span", { children: legend }),
               questionArray[0].hasValidationError && /* @__PURE__ */ jsxs11("span", { className: "sr-only", children: [
                 "Valideringsfel. ",
                 questionArray[0].validationDefaultMessesege
@@ -2771,5 +2857,7 @@ export {
   TextFieldStandard_default as TextFieldStandard,
   TextHeadlineAndBodyStandard_default as TextHeadlineAndBodyStandard,
   ValidationCheckAllVisibleQuestion_default as ValidationCheckAllVisibleQuestion,
-  ValidationErrorSummaryList_default as ValidationErrorSummaryList
+  ValidationErrorSummaryList_default as ValidationErrorSummaryList,
+  createLanguageSlice,
+  makeLanguageSelectors
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "0.1.92",
+  "version": "0.1.93",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -66,6 +66,7 @@
     "vitest": "^2.0.0"
   },
   "dependencies": {
+    "@reduxjs/toolkit": "^2.10.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.6",

package/src/css/styles.css

@@ -155,6 +155,15 @@ fieldset {
   margin-bottom: 3.6rem;
 }
 
+.pts-root-question legend {
+    font-family: Arial;
+    font-size: 1.6rem;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    margin-bottom: 0.8rem;
+}
+
 .pts-root-question legend,
 .pts-root-question label,
 .pts-radio-option {
@@ -163,14 +172,6 @@ fieldset {
   cursor: pointer;
   margin-bottom: 0.6rem;
 }
-.pts-root-question legend {
-    font-family: Arial;
-    font-size: 1.6rem;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    margin: 0.8rem 0 0.8rem 0;
-}
 
 .pts-root-about {
   font-size: 1.4rem;
@@ -1497,20 +1498,6 @@ dd {
   opacity: 0.9;
   cursor: copy;
 }
-
-.DropZone-label-container{
-  display: flex;
-}
-
-.DropZone svg {
-    border-radius: 50%;
-    background: var(--purple-purple-900-primary, #6E3282);
-    border: 2px solid #6E3282;
-    margin-top: 17px;
-    margin-right: 16px;
-}
-
-
 .ClipboardLink {
   display: block;
   position: relative;
@@ -1524,8 +1511,6 @@ dd {
   cursor: pointer;
 }
 
-
-
 /* SelectedFiles.tsx  */
 
 .makeTopSpace {
@@ -1593,7 +1578,7 @@ dd {
 }
 
 .fileInListContainer {
- /* max-width: 624px;*/
+  max-width: 624px;
 }
 
 .fileListUnorderedList {
@@ -1626,11 +1611,6 @@ dd {
   justify-content: flex-end;
 }
 
-.fileItem{
-  display: grid;
-  grid-template-columns: 1fr 90% 1fr;
-}
-
 .fileInList .makeSpace {
   border-bottom: 1px solid #747474;
   /* margin-top: 24px; */
@@ -1727,20 +1707,18 @@ dd {
 }
 
 .uploadedDot {
-    border-radius: 17px;
-    background: var(--red-green-green, #008e55);
-    display: flex;
-    width: 1rem;
-    height: 1rem;
-    padding: 4px;
-    margin: 0 8px 10px 0;
-}
-
-.uploadedDot svg{
-      width: 1rem;
-    height: 1rem;
+  border-radius: 17px;
+  background: var(--red-green-green, #008e55);
+  display: flex;
+  width: 16px;
+  height: 16px;
+  padding: 10px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
 }
-
 .uploadedDot.uploadFailed {
   background: var(--red-green-red, #8e0039);
 
@@ -1962,32 +1940,6 @@ dd {
   margin-bottom: 0px;
 }
 
-.pts-addFile-error-container{
-  display: inline-flex;
-  width: 100%;
-}
-.pts-addFile-error-container li{
-    display: flex;
-    cursor: none;
-    padding: 0 20px 1.6rem 0;
-    width: 100%;
-    margin-bottom: 1.6rem;
-}
-.desktopFileName {
-    display: block;
-    margin-bottom: 0.6rem;
-}
-
-.error-close{
-  color:  #8E0039;
-  font-weight: 400;
-  line-height: 24px;
-  background: #fff;
-  border: none;
-  cursor: pointer;
-  font-size: 1.6rem;
-}
-
 /* preview */
 
 /* .addFilesPreviewContainer {