optimized-react-component-library-xyz123 2.5.9 → 2.5.11

package/dist/index.d.mts

@@ -147,6 +147,8 @@ interface IAppSettings {
     appCookies?: IAppSettingsCookies;
     appUsesPreview?: boolean;
     appUsesAsterisk?: boolean;
+    appUsesResetButton?: boolean;
+    appUsesApi?: boolean;
 }
 type INavigationItem = {
     label: {
@@ -233,14 +235,14 @@ interface InfoOnlyProps {
 
 declare const InputInfoOnly: FC<InfoOnlyProps>;
 
-interface RadioMultipleWithInfoProps {
+interface RadioMultipleWithInfo2Props {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
 
-declare const RadioWithInfo: FC<RadioMultipleWithInfoProps>;
+declare const RadioWithInfo: FC<RadioMultipleWithInfo2Props>;
 
 /**
  * Kontrollerar om en fråga har ett valideringsfel baserat på dess egenskaper och valideringstyper.
@@ -365,6 +367,7 @@ interface LanguageEntry {
     backButton: string;
     forwardButton: string;
     sendButton: string;
+    restartButton: string;
 }
 interface LanguageSupportConfig {
     activatedLanguage: string;
@@ -377,6 +380,7 @@ interface LanguageState {
     backButton: string;
     forwardButton: string;
     sendButton: string;
+    restartButton: string;
 }
 declare const createGlobalLanguageSlice: (initialConfig: LanguageSupportConfig, options?: {
     name?: string;
@@ -395,6 +399,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
         backButton: string;
         forwardButton: string;
         sendButton: string;
+        restartButton: string;
     }) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -407,6 +412,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
             backButton: string;
             forwardButton: string;
             sendButton: string;
+            restartButton: string;
         };
         memoizedResultFunc: ((resultFuncArgs_0: LanguageState, resultFuncArgs_1: string) => {
             activatedLanguage: string;
@@ -415,6 +421,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
             backButton: string;
             forwardButton: string;
             sendButton: string;
+            restartButton: string;
         }) & {
             clearCache: () => void;
             resultsCount: () => number;
@@ -427,6 +434,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
             backButton: string;
             forwardButton: string;
             sendButton: string;
+            restartButton: string;
         };
         dependencies: [(state: TState) => LanguageState, (_: TState, activatedLanguage: string) => string];
         recomputations: () => number;
@@ -982,6 +990,40 @@ interface StepperProps {
 
 declare const Stepper: FC<StepperProps>;
 
+interface StepperButtonsNoApiProps {
+    globalLanguageState?: any;
+    changeStepHandler: (activeStep: number) => void;
+    nextStepButtonHandler?: (e: any) => void;
+    onSubmitHandler?: (e: any) => void;
+    steps?: any[];
+    activeStep: number;
+    appUsesResetButton?: boolean;
+}
+
+/**
+ * Renderar navigationsknappar för steg-navigering i ett flerstegsformulär.
+ *
+ * Funktionalitet:
+ * Visar en "Tillbaka"-knapp när activeStep > 0.
+ * Visar "Nästa"-knappen fram tills sista steget.
+ * Byter "Nästa"-knappen till "Skicka" vid sista steget.
+ *
+ * @param {Object} globalLanguageState          Objekt med språksträngar för knapparna.
+ *                                              Förväntas innehålla: backButton, forwardButton, sendButton.
+ *
+ * @param {Function} changeStepHandler          Callback när användaren går bakåt i stegen.
+ *
+ * @param {Function} nextStepButtonHandler      Callback när användaren går till nästa steg.
+ *
+ * @param {Function} onSubmitHandler            Callback när sista steget nås och formuläret ska skickas in.
+ *
+ * @param {Array} steps                         Lista över alla steg i formuläret.
+ *                                              Används för att räkna ut sista stegnumret.
+ *
+ * @param {number} activeStep                   Det aktuella steget i flerstegsformuläret.
+ */
+declare const StepperButtonsNoApi: FC<StepperButtonsNoApiProps>;
+
 interface ValidationErrorSummaryListProps {
     questions: any[];
     activatedLanguage: string;
@@ -1011,4 +1053,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfoStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfo2Standard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.d.ts

@@ -147,6 +147,8 @@ interface IAppSettings {
     appCookies?: IAppSettingsCookies;
     appUsesPreview?: boolean;
     appUsesAsterisk?: boolean;
+    appUsesResetButton?: boolean;
+    appUsesApi?: boolean;
 }
 type INavigationItem = {
     label: {
@@ -233,14 +235,14 @@ interface InfoOnlyProps {
 
 declare const InputInfoOnly: FC<InfoOnlyProps>;
 
-interface RadioMultipleWithInfoProps {
+interface RadioMultipleWithInfo2Props {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
 
-declare const RadioWithInfo: FC<RadioMultipleWithInfoProps>;
+declare const RadioWithInfo: FC<RadioMultipleWithInfo2Props>;
 
 /**
  * Kontrollerar om en fråga har ett valideringsfel baserat på dess egenskaper och valideringstyper.
@@ -365,6 +367,7 @@ interface LanguageEntry {
     backButton: string;
     forwardButton: string;
     sendButton: string;
+    restartButton: string;
 }
 interface LanguageSupportConfig {
     activatedLanguage: string;
@@ -377,6 +380,7 @@ interface LanguageState {
     backButton: string;
     forwardButton: string;
     sendButton: string;
+    restartButton: string;
 }
 declare const createGlobalLanguageSlice: (initialConfig: LanguageSupportConfig, options?: {
     name?: string;
@@ -395,6 +399,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
         backButton: string;
         forwardButton: string;
         sendButton: string;
+        restartButton: string;
     }) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -407,6 +412,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
             backButton: string;
             forwardButton: string;
             sendButton: string;
+            restartButton: string;
         };
         memoizedResultFunc: ((resultFuncArgs_0: LanguageState, resultFuncArgs_1: string) => {
             activatedLanguage: string;
@@ -415,6 +421,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
             backButton: string;
             forwardButton: string;
             sendButton: string;
+            restartButton: string;
         }) & {
             clearCache: () => void;
             resultsCount: () => number;
@@ -427,6 +434,7 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
             backButton: string;
             forwardButton: string;
             sendButton: string;
+            restartButton: string;
         };
         dependencies: [(state: TState) => LanguageState, (_: TState, activatedLanguage: string) => string];
         recomputations: () => number;
@@ -982,6 +990,40 @@ interface StepperProps {
 
 declare const Stepper: FC<StepperProps>;
 
+interface StepperButtonsNoApiProps {
+    globalLanguageState?: any;
+    changeStepHandler: (activeStep: number) => void;
+    nextStepButtonHandler?: (e: any) => void;
+    onSubmitHandler?: (e: any) => void;
+    steps?: any[];
+    activeStep: number;
+    appUsesResetButton?: boolean;
+}
+
+/**
+ * Renderar navigationsknappar för steg-navigering i ett flerstegsformulär.
+ *
+ * Funktionalitet:
+ * Visar en "Tillbaka"-knapp när activeStep > 0.
+ * Visar "Nästa"-knappen fram tills sista steget.
+ * Byter "Nästa"-knappen till "Skicka" vid sista steget.
+ *
+ * @param {Object} globalLanguageState          Objekt med språksträngar för knapparna.
+ *                                              Förväntas innehålla: backButton, forwardButton, sendButton.
+ *
+ * @param {Function} changeStepHandler          Callback när användaren går bakåt i stegen.
+ *
+ * @param {Function} nextStepButtonHandler      Callback när användaren går till nästa steg.
+ *
+ * @param {Function} onSubmitHandler            Callback när sista steget nås och formuläret ska skickas in.
+ *
+ * @param {Array} steps                         Lista över alla steg i formuläret.
+ *                                              Används för att räkna ut sista stegnumret.
+ *
+ * @param {number} activeStep                   Det aktuella steget i flerstegsformuläret.
+ */
+declare const StepperButtonsNoApi: FC<StepperButtonsNoApiProps>;
+
 interface ValidationErrorSummaryListProps {
     questions: any[];
     activatedLanguage: string;
@@ -1011,4 +1053,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfoStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfo2Standard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.js

@@ -50,11 +50,12 @@ __export(index_exports, {
   QuestionGroup: () => QuestionGroup_default,
   QuestionRenderer: () => QuestionRenderer_default,
   RadioMultipleStandard: () => RadioMultipleStandard_default,
-  RadioMultipleWithInfoStandard: () => RadioMultipleWithInfoStandard_default,
+  RadioMultipleWithInfo2Standard: () => RadioMultipleWithInfo2Standard_default,
   SearchBar: () => SearchBarStandard_default,
   SingleCheckboxStandard: () => SingleCheckboxStandard_default,
   SkipLinkStandard: () => SkipLinkStandard_default,
   StartApplicationButton: () => StartApplicationButton_default,
+  StepperButtonsNoApiStandard: () => StepperButtonsNoApiStandard_default,
   StepperButtonsStandard: () => StepperButtonsStandard_default,
   StepperStandard: () => StepperStandard_default,
   TextAreaStandard: () => TextAreaStandard_default,
@@ -1510,10 +1511,10 @@ var InputInfoOnly = ({
 };
 var InfoOnlyStandard_default = InputInfoOnly;
 
-// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
+// src/components/input-components/RadioMultipleWithInfo2Standard/RadioMultipleWithInfo2Standard.tsx
 var import_react11 = __toESM(require("react"));
 
-// src/components/input-components/RadioMultipleWithInfoStandard/RadioCollapseItem.tsx
+// src/components/input-components/RadioMultipleWithInfo2Standard/RadioCollapseItem.tsx
 var import_react10 = require("react");
 var import_dompurify6 = __toESM(require("dompurify"));
 
@@ -1958,7 +1959,7 @@ var Logo_en = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { widt
   )
 ] });
 
-// src/components/input-components/RadioMultipleWithInfoStandard/RadioCollapseItem.tsx
+// src/components/input-components/RadioMultipleWithInfo2Standard/RadioCollapseItem.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var RadioCollapseItem = ({
   index,
@@ -2036,7 +2037,7 @@ var RadioCollapseItem = ({
 };
 var RadioCollapseItem_default = RadioCollapseItem;
 
-// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
+// src/components/input-components/RadioMultipleWithInfo2Standard/RadioMultipleWithInfo2Standard.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var RadioWithInfo = ({
   question,
@@ -2070,7 +2071,7 @@ var RadioWithInfo = ({
   }
   const groupedOptionArray = groupByCategoryArray((_a = question.options) != null ? _a : []);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "pts-root-question pts-radioMultipleWithInfo-container", id: questionId, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "pts-root-question pts-radioMultipleWithInfo2-container", id: questionId, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "fieldset",
       {
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
@@ -2086,28 +2087,26 @@ var RadioWithInfo = ({
             let subId = "subheading-" + g_index;
             return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react11.default.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { 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;
-                  index++;
-                  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                    RadioCollapseItem_default,
-                    {
-                      label: option.label,
-                      index,
-                      questionId,
-                      groupId,
-                      value: (_a3 = option.value) != null ? _a3 : "",
-                      questionAnswer: (_b2 = question.answer) != null ? _b2 : "",
-                      handleInputChange,
-                      initialOpen: question.answer === option.value,
-                      questionIsMandatory: (_c2 = question.isQuestionMandatory) != null ? _c2 : false,
-                      optionText: (_e = (_d = group.items.find((optionInfo) => optionInfo.value === option.value)) == null ? void 0 : _d.info) != null ? _e : "",
-                      activatedLanguage
-                    }
-                  );
-                }
-              ) })
+              /* @__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;
+                index++;
+                return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  RadioCollapseItem_default,
+                  {
+                    label: option.label,
+                    index,
+                    questionId,
+                    groupId,
+                    value: (_a3 = option.value) != null ? _a3 : "",
+                    questionAnswer: (_b2 = question.answer) != null ? _b2 : "",
+                    handleInputChange,
+                    initialOpen: question.answer === option.value,
+                    questionIsMandatory: (_c2 = question.isQuestionMandatory) != null ? _c2 : false,
+                    optionText: (_e = (_d = group.items.find((optionInfo) => optionInfo.value === option.value)) == null ? void 0 : _d.info) != null ? _e : "",
+                    activatedLanguage
+                  }
+                );
+              }) })
             ] }, subId);
           }),
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -2125,16 +2124,23 @@ var RadioWithInfo = ({
     showPreview && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreviewRadio2, { question })
   ] });
 };
-var RadioMultipleWithInfoStandard_default = RadioWithInfo;
+var RadioMultipleWithInfo2Standard_default = RadioWithInfo;
 var PreviewRadio2 = ({ question }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dd", { className: "pts-radioMultipleWithInfo-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "dd",
       {
-        className: "pts-radioMultipleWithInfo-preview pts-root-answer no-answer-preview-page",
+        className: "pts-radioMultipleWithInfo2-preview pts-root-answer",
+        id: `answer-${previewId}`,
+        children: question.answer
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "dd",
+      {
+        className: "pts-radioMultipleWithInfo2-preview pts-root-answer no-answer-preview-page",
         id: `answer-${previewId}`,
         children: "Inget svar"
       }
@@ -2387,7 +2393,8 @@ var createGlobalLanguageSlice = (initialConfig, options) => {
     languageSupportLoaded: true,
     backButton: initialLang.backButton,
     forwardButton: initialLang.forwardButton,
-    sendButton: initialLang.sendButton
+    sendButton: initialLang.sendButton,
+    restartButton: initialLang.restartButton
   };
   const slice = (0, import_toolkit.createSlice)({
     name,
@@ -2402,6 +2409,7 @@ var createGlobalLanguageSlice = (initialConfig, options) => {
         state.backButton = lang.backButton;
         state.forwardButton = lang.forwardButton;
         state.sendButton = lang.sendButton;
+        state.restartButton = lang.restartButton;
       },
       setGlobalLangauage: (state, action) => {
         state.languageSupport = action.payload.languageSupport;
@@ -2410,6 +2418,7 @@ var createGlobalLanguageSlice = (initialConfig, options) => {
         state.backButton = lang.backButton;
         state.forwardButton = lang.forwardButton;
         state.sendButton = lang.sendButton;
+        state.restartButton = lang.restartButton;
         state.languageSupportLoaded = true;
       }
     }
@@ -2432,7 +2441,8 @@ var makeglobalLanguageSelectors = (selectSlice) => {
         ...applicationContent,
         backButton: match.backButton,
         forwardButton: match.forwardButton,
-        sendButton: match.sendButton
+        sendButton: match.sendButton,
+        restartButton: match.restartButton
       };
     }
   );
@@ -2880,7 +2890,7 @@ var QuestionRenderer = ({
       }
     ),
     question.questionType === "RadioWithInfo" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      RadioMultipleWithInfoStandard_default,
+      RadioMultipleWithInfo2Standard_default,
       {
         question,
         handleQuestionInputChange,
@@ -4252,8 +4262,55 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
 };
 var StepperStandard_default = Stepper;
 
-// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+// src/components/stepper/StepperButtonsNoApiStandard/StepperButtonsNoApiStandard.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
+var StepperButtonsNoApi = ({
+  globalLanguageState,
+  changeStepHandler,
+  nextStepButtonHandler,
+  onSubmitHandler,
+  steps,
+  activeStep,
+  appUsesResetButton = true
+}) => {
+  const totalSteps = steps ? steps.length : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "pts-stepperButtons-container", children: [
+    activeStep === 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "pts-forwardButton",
+        onClick: activeStep !== totalSteps ? nextStepButtonHandler : onSubmitHandler,
+        children: activeStep !== totalSteps && globalLanguageState ? globalLanguageState.forwardButton : ""
+      }
+    ) }),
+    activeStep !== 0 && activeStep !== totalSteps && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        "button",
+        {
+          onClick: () => changeStepHandler(activeStep - 1),
+          className: "pts-backButton",
+          type: "button",
+          children: globalLanguageState ? globalLanguageState.backButton : "<<"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "pts-forwardButton",
+          onClick: activeStep !== totalSteps ? nextStepButtonHandler : onSubmitHandler,
+          children: activeStep !== totalSteps && globalLanguageState ? globalLanguageState.forwardButton : ""
+        }
+      )
+    ] }),
+    appUsesResetButton && activeStep === totalSteps && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { onClick: () => changeStepHandler(0), className: "pts-backButton", type: "button", children: globalLanguageState && globalLanguageState.restartButton ? globalLanguageState.restartButton : "Starta om" })
+  ] });
+};
+var StepperButtonsNoApiStandard_default = StepperButtonsNoApi;
+
+// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var ValidationErrorSummaryList = ({
   validationErrorsList,
   questions,
@@ -4290,7 +4347,7 @@ var ValidationErrorSummaryList = ({
       }, 300);
     }
   }
-  if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {});
+  if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, {});
   const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
   const count = filteredIds.length;
   const title = summaryText.replace("{count}", count.toString()).replace(
@@ -4302,11 +4359,11 @@ var ValidationErrorSummaryList = ({
     const found = questions.find((item) => item.id === id);
     return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { id: "errorSummary-headline", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { id: "errorSummary-headline", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "a",
         {
           href: "#",
@@ -4324,11 +4381,11 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "pts-root-mandatoryAsterisk", children: activatedLanguage === "en" ? "Something went wrong, please try again later or contact us!" : "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? activatedLanguage === "en" ? "Your case is being registered. Please do not refresh or close the page." : "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pts-root-mandatoryAsterisk", children: activatedLanguage === "en" ? "Something went wrong, please try again later or contact us!" : "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? activatedLanguage === "en" ? "Your case is being registered. Please do not refresh or close the page." : "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
   ] });
 };
 var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
@@ -4354,11 +4411,12 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
   QuestionGroup,
   QuestionRenderer,
   RadioMultipleStandard,
-  RadioMultipleWithInfoStandard,
+  RadioMultipleWithInfo2Standard,
   SearchBar,
   SingleCheckboxStandard,
   SkipLinkStandard,
   StartApplicationButton,
+  StepperButtonsNoApiStandard,
   StepperButtonsStandard,
   StepperStandard,
   TextAreaStandard,