optimized-react-component-library-xyz123 0.1.111 → 0.1.113

package/dist/index.d.mts

@@ -502,6 +502,22 @@ declare const useInputMethodDetection: ({ mouseClassName, keyboardToggleKey, }?:
     keyboardToggleKey?: string;
 }) => void;
 
+interface UseCookieConsentConfig extends CookieConsentConfig {
+    /**
+     * Körs när cookies ändrar status (true = accepterade, false = ej)
+     */
+    cookieName: string;
+    choiceKey: string;
+    expiryYears?: number;
+    onConsentChange?: (accepted: boolean) => void;
+}
+declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsentChange, }: UseCookieConsentConfig) => {
+    showBanner: boolean;
+    handleCookieStateChange: () => void;
+    acceptCookies: () => void;
+    rejectCookies: () => void;
+};
+
 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;
@@ -608,4 +624,4 @@ interface CookieBannerProps {
 
 declare const CookieBanner: React.FC<CookieBannerProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, 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, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, 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, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.d.ts

@@ -502,6 +502,22 @@ declare const useInputMethodDetection: ({ mouseClassName, keyboardToggleKey, }?:
     keyboardToggleKey?: string;
 }) => void;
 
+interface UseCookieConsentConfig extends CookieConsentConfig {
+    /**
+     * Körs när cookies ändrar status (true = accepterade, false = ej)
+     */
+    cookieName: string;
+    choiceKey: string;
+    expiryYears?: number;
+    onConsentChange?: (accepted: boolean) => void;
+}
+declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsentChange, }: UseCookieConsentConfig) => {
+    showBanner: boolean;
+    handleCookieStateChange: () => void;
+    acceptCookies: () => void;
+    rejectCookies: () => void;
+};
+
 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;
@@ -608,4 +624,4 @@ interface CookieBannerProps {
 
 declare const CookieBanner: React.FC<CookieBannerProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, 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, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, 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, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.js

@@ -70,6 +70,7 @@ __export(index_exports, {
   makeQuestionsSelectors: () => makeQuestionsSelectors,
   removeScriptById: () => removeScriptById,
   toggleScriptByConsent: () => toggleScriptByConsent,
+  useCookieConsent: () => useCookieConsent,
   useFormStatusModal: () => useFormStatusModal,
   useInputMethodDetection: () => useInputMethodDetection,
   usePTSPageTitle: () => usePTSPageTitle
@@ -1990,6 +1991,60 @@ var useInputMethodDetection = ({
   }, [mouseClassName, keyboardToggleKey]);
 };
 
+// src/NewHelpMethodsStandard/useCookieConsent/useCookieConsent.ts
+var import_react10 = require("react");
+var useCookieConsent = ({
+  cookieName,
+  choiceKey,
+  expiryYears = 1,
+  onConsentChange
+}) => {
+  const {
+    acceptCookies,
+    rejectCookies,
+    areCookiesAccepted,
+    hasChoiceBeenMade,
+    clearChoiceFromSession
+  } = (0, import_react10.useMemo)(
+    () => createCookieConsent({
+      cookieName,
+      choiceKey,
+      expiryYears
+    }),
+    [cookieName, choiceKey, expiryYears]
+  );
+  const [showBanner, setShowBanner] = (0, import_react10.useState)(false);
+  const handleCookieStateChange = (0, import_react10.useCallback)(() => {
+    const cookiesNowAccepted = areCookiesAccepted();
+    if (onConsentChange) {
+      onConsentChange(cookiesNowAccepted);
+    }
+    setShowBanner(false);
+  }, [areCookiesAccepted, onConsentChange]);
+  (0, import_react10.useEffect)(() => {
+    const cookiesAccepted = areCookiesAccepted();
+    const choiceMade = hasChoiceBeenMade();
+    setShowBanner(!cookiesAccepted && !choiceMade);
+    if (cookiesAccepted && onConsentChange) {
+      onConsentChange(true);
+    }
+    const handleShowBannerEvent = () => {
+      clearChoiceFromSession();
+      setShowBanner(true);
+    };
+    window.addEventListener("showCookieBanner", handleShowBannerEvent);
+    return () => {
+      window.removeEventListener("showCookieBanner", handleShowBannerEvent);
+    };
+  }, [areCookiesAccepted, hasChoiceBeenMade, clearChoiceFromSession, onConsentChange]);
+  return {
+    showBanner,
+    handleCookieStateChange,
+    acceptCookies,
+    rejectCookies
+  };
+};
+
 // src/NewRenderFormComponentStandard/RenderQuestion/RenderQuestion.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var RenderQuestion = ({
@@ -2042,7 +2097,7 @@ var RenderQuestion = ({
 var RenderQuestion_default = RenderQuestion;
 
 // src/NewRenderFormComponentStandard/RenderQuestionGroup/RenderQuestionGroup.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var RenderQuestionGroup = ({
   questionArray,
@@ -2054,7 +2109,7 @@ var RenderQuestionGroup = ({
   AddQuestionDisplayed,
   hideValidationMessage
 }) => {
-  import_react10.default.useEffect(() => {
+  import_react11.default.useEffect(() => {
     questionArray.forEach((question) => {
       if (question.visible && !question.isDisplayed) {
         AddQuestionDisplayed(question);
@@ -2062,7 +2117,7 @@ var RenderQuestionGroup = ({
     });
   }, [questionArray]);
   const questions = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: questionArray.map((question, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       RenderQuestion_default,
       {
         question,
@@ -2105,7 +2160,7 @@ var RenderQuestionGroup = ({
       return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pts-root-question-group-div", children: questions });
     case "none":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react10.default.Fragment, { children: questions });
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.default.Fragment, { children: questions });
   }
 };
 var RenderQuestionGroup_default = RenderQuestionGroup;
@@ -2749,7 +2804,7 @@ var Header = ({
 var HeaderStandard_default = Header;
 
 // src/NewTextComponentStandard/InfoOnlyStandard/InfoOnlyStandard.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_dompurify4 = __toESM(require("dompurify"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var cleanText = (text) => import_dompurify4.default.sanitize(text, { ADD_ATTR: ["target", "class"] });
@@ -2763,7 +2818,7 @@ var InfoOnly = ({
   tabIndex = -1,
   activatedLanguage = "sv"
 }) => {
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     handleSeenText(questionObject);
   }, []);
   const handleSeenText = (questionObject2) => {
@@ -2822,7 +2877,7 @@ var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
 var ModalStandard_default = Modal;
 
 // src/NewTextComponentStandard/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_dompurify5 = __toESM(require("dompurify"));
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
@@ -2831,7 +2886,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
     {
       className: "pts-textHeadlineAndBody-container",
       children: [
-        data.headline && (0, import_react12.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
+        data.headline && (0, import_react13.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
         data.body && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify5.default.sanitize(data.body) } }),
         data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "a",
@@ -3067,14 +3122,14 @@ var StepperButtons = ({
 var StepperButtonsStandard_default = StepperButtons;
 
 // src/NewTextComponentStandard/StepperStandard/StepperStandard.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
     const isActive = step.step === activeStep;
     const lastElement = arraySteps.length;
     const isDone = step.step < activeStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react13.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react14.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "pts-stepper-step", children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "div",
@@ -3115,7 +3170,7 @@ var ValidationErrorSummaryList = ({
   validationErrorsList,
   formQuestions,
   activatedLanguage,
-  summaryText = "Du beh\xF6ver \xE5tg\xE4rda {count} {plural}"
+  summaryText = activatedLanguage === "sv" ? "Du beh\xF6ver \xE5tg\xE4rda {count} {plural}" : "You need to adjust {count} {plural}"
 }) => {
   console.log(formQuestions);
   console.log(validationErrorsList);
@@ -3152,7 +3207,7 @@ var ValidationErrorSummaryList = ({
   if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, {});
   const filteredIds = filterIdsByGroupCheck(validationErrorsList, formQuestions);
   const count = filteredIds.length;
-  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", count === 1 ? "sak" : "saker");
+  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", activatedLanguage === "sv" ? count === 1 ? "sak" : "saker" : count === 1 ? "thing" : "things");
   function getQuestionLabelById(id) {
     var _a;
     const found = formQuestions.find((item) => item.id === id);
@@ -3290,6 +3345,7 @@ var CookieBanner_default = CookieBanner;
   makeQuestionsSelectors,
   removeScriptById,
   toggleScriptByConsent,
+  useCookieConsent,
   useFormStatusModal,
   useInputMethodDetection,
   usePTSPageTitle