@pagopa/selfcare-common-frontend 2.0.0 → 2.1.1

package/CHANGELOG.md

@@ -4,7 +4,21 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v2.0.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.38.0...v2.0.0)
+#### [v2.1.1](https://github.com/pagopa/selfcare-common-frontend/compare/v2.1.0...v2.1.1)
+
+- [SELC-9128] feat: configuration OneTrust cookie consent [`#354`](https://github.com/pagopa/selfcare-common-frontend/pull/354)
+- chore: release v2.1.0 [`#353`](https://github.com/pagopa/selfcare-common-frontend/pull/353)
+- [SELC-9128] feat: configuration OneTrust cookie consent (#354) [`#9128`](https://pagopa.atlassian.net/browse/9128)
+
+#### [v2.1.0](https://github.com/pagopa/selfcare-common-frontend/compare/v2.0.0...v2.1.0)
+
+> 28 July 2026
+
+- refactor: remove polyfills, update dependencies, and redesign AppExample layout [`#351`](https://github.com/pagopa/selfcare-common-frontend/pull/351)
+
+### [v2.0.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.38.0...v2.0.0)
+
+> 28 July 2026
 
 #### [v1.38.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.37.0...v1.38.0)
 

package/lib/components/BackComponent.d.ts

@@ -3,5 +3,5 @@ type Props = {
     backLabel?: string;
     color?: string;
 };
-export default function BackComponent({ goBack, backLabel, color }: Props): import("react/jsx-runtime").JSX.Element;
+export default function BackComponent({ goBack, backLabel, color }: Props): import("react").JSX.Element;
 export {};

package/lib/components/CustomAlert.d.ts

@@ -8,5 +8,5 @@ type AlertProps = {
     /** Additional custom styles */
     sx?: object;
 };
-export default function CustomAlert({ text, severity, variant, sx, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export default function CustomAlert({ text, severity, variant, sx, ...rest }: AlertProps): import("react").JSX.Element;
 export {};

package/lib/components/CustomAvatar.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type Props = {
     /** The id attribute added to the element */
     id?: string;
@@ -13,5 +14,5 @@ type Props = {
     loading?: boolean;
 };
 /** Avatar to use to load Organization logo */
-export default function CustomAvatar({ customAlt, customSrc, customWidth, customHeight, id, loading, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CustomAvatar({ customAlt, customSrc, customWidth, customHeight, id, loading, }: Props): React.JSX.Element;
 export {};

package/lib/components/CustomPagination.d.ts

@@ -14,5 +14,5 @@ type Props = {
     pageSizeControl?: React.ReactNode;
 };
 /** Selfcare custom table available pages component */
-export default function CustomPagination({ page, onPageRequest, sort, variant, pageSizeControl, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function CustomPagination({ page, onPageRequest, sort, variant, pageSizeControl, }: Readonly<Props>): React.JSX.Element;
 export {};

package/lib/components/EndingPage.d.ts

@@ -33,5 +33,5 @@ type Props = {
     haveTwoButtons?: boolean;
 };
 /** Selfcare's Ending Page */
-declare const _default: ({ minHeight, description, onButtonClick, onSecondButtonClick, icon, title, buttonLabel, variantTitle, variantDescription, paragraph, isParagraphPresent, haveTwoButtons, secondButtonLabel, variantFirstButton, variantSecondButton, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const _default: ({ minHeight, description, onButtonClick, onSecondButtonClick, icon, title, buttonLabel, variantTitle, variantDescription, paragraph, isParagraphPresent, haveTwoButtons, secondButtonLabel, variantFirstButton, variantSecondButton, }: Props) => import("react").JSX.Element;
 export default _default;

package/lib/components/ErrorBoundary/components/BlockingErrorPage.d.ts

@@ -3,5 +3,5 @@ type Props = {
     assistanceEmail?: string;
     minHeight?: '52vh' | '100vh';
 };
-declare const _default: ({ description, assistanceEmail, minHeight }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const _default: ({ description, assistanceEmail, minHeight }: Props) => import("react").JSX.Element;
 export default _default;

package/lib/components/FilterModal.d.ts

@@ -24,5 +24,5 @@ export type FilterModalConfig<T, V> = {
     onFilterChange: (v: V) => void;
 };
 /** Modal used to show a list of values from which to choose a single value */
-export default function FilterModal({ open, handleClose, title, filterModalConfig, height, minHeight, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function FilterModal({ open, handleClose, title, filterModalConfig, height, minHeight, }: Props): React.JSX.Element;
 export {};

package/lib/components/Footer/Footer.d.ts

@@ -3,5 +3,5 @@ type FooterProps = {
     productsJsonUrl?: string;
     onExit?: (exitAction: () => void) => void;
 };
-export default function Footer({ loggedUser, productsJsonUrl, onExit, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export default function Footer({ loggedUser, productsJsonUrl, onExit, }: FooterProps): import("react").JSX.Element;
 export {};

package/lib/components/Header/Header.d.ts

@@ -42,5 +42,5 @@ type HeaderProps = {
     fixedParty?: PartyEntity;
 };
 /** SelfCare Header component */
-declare const Header: ({ withSecondHeader, productsList, selectedPartyId, selectedProductId, partyList, loggedUser, assistanceEmail, enableLogin, userActions, enableDropdown, addSelfcareProduct, onExit, onSelectedProduct, onSelectedParty, maxCharactersNumberMultiLineButton, maxCharactersNumberMultiLineItem, enableAssistanceButton, onDocumentationClick, onLogoutClick, fixedParty, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ withSecondHeader, productsList, selectedPartyId, selectedProductId, partyList, loggedUser, assistanceEmail, enableLogin, userActions, enableDropdown, addSelfcareProduct, onExit, onSelectedProduct, onSelectedParty, maxCharactersNumberMultiLineButton, maxCharactersNumberMultiLineItem, enableAssistanceButton, onDocumentationClick, onLogoutClick, fixedParty, }: HeaderProps) => import("react").JSX.Element;
 export default Header;

package/lib/components/Loading/LoadingOverlay.d.ts

@@ -3,4 +3,4 @@ It allows to draw a loader when an async task to wait is running.
 
 To use this feature you have to put LoadingOverlay in your App as a child of a redux Provider component.
 In order to register the start of an async task you have to use the custom hook useLoading passing the id of the task to await, which will return a setter function used to start and end the loading behavior. */
-export default function LoadingOverlay(): import("react/jsx-runtime").JSX.Element;
+export default function LoadingOverlay(): import("react").JSX.Element;

package/lib/components/LoadingOverlayComponent.d.ts

@@ -3,5 +3,5 @@ type Props = {
     loadingMessage?: string;
 };
 /** A component which render an overlay loading */
-export default function LoadingOverlayComponent({ open, loadingMessage }: Props): import("react/jsx-runtime").JSX.Element;
+export default function LoadingOverlayComponent({ open, loadingMessage }: Props): import("react").JSX.Element;
 export {};

package/lib/components/LoadingOverlayComponent.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Modal, useTheme } from '@mui/material';
-import { Box } from '@mui/system';
+import { Box, Modal, useTheme } from '@mui/material';
 import MDSpinner from 'react-md-spinner';
 /** A component which render an overlay loading */
 export default function LoadingOverlayComponent({ open, loadingMessage = 'Caricamento in corso' }) {

package/lib/components/NavigationBar.d.ts

@@ -14,5 +14,5 @@ export type NavigationPath = {
     onClick?: () => void;
     icon?: SvgIconComponent;
 };
-export default function NavigationBar({ paths, goBack, showBackComponent, backLabel, color, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function NavigationBar({ paths, goBack, showBackComponent, backLabel, color, }: Props): import("react").JSX.Element;
 export {};

package/lib/components/TitleBox.d.ts

@@ -21,5 +21,5 @@ type Props = {
     subTitleFontSize?: string;
 };
 /** Selfcare's page title */
-export default function TitleBox({ title, subTitle, mbTitle, mtTitle, mbSubTitle, variantTitle, variantSubTitle, titleFontSize, subTitleFontSize, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function TitleBox({ title, subTitle, mbTitle, mtTitle, mbSubTitle, variantTitle, variantSubTitle, titleFontSize, subTitleFontSize, }: Props): import("react").JSX.Element;
 export {};

package/lib/components/Toast.d.ts

@@ -26,5 +26,5 @@ type Props = {
     toastColorIcon?: string;
 };
 /** Selfcare's toast */
-export default function Toast({ open, title, message, onCloseToast, logo, leftBorderColor, width, wrapped, bottom, right, showToastCloseIcon, toastColorIcon, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function Toast({ open, title, message, onCloseToast, logo, leftBorderColor, width, wrapped, bottom, right, showToastCloseIcon, toastColorIcon, }: Readonly<Props>): React.JSX.Element;
 export {};

package/lib/components/Toast.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { Alert, Grid, Typography, IconButton, SvgIcon } from '@mui/material';
-import { styled } from '@mui/system';
-import CloseIcon from '@mui/icons-material/Close';
 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
+import CloseIcon from '@mui/icons-material/Close';
+import { Alert, Grid, IconButton, SvgIcon, Typography, styled } from '@mui/material';
+import { Fragment } from 'react';
 const CustomAlert = styled(Alert)({
     '.MuiAlert-icon': { display: 'none' },
 });

package/lib/components/ToastWrapper.d.ts

@@ -7,5 +7,5 @@ type Props = {
     right?: string;
 };
 /** To stack multiple Toast component. Each Toast should have the prop wrapped setted to true */
-export default function ToastWrapper({ children, bottom, right }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ToastWrapper({ children, bottom, right }: Props): import("react").JSX.Element;
 export {};

package/lib/components/UnloadEventHandler.d.ts

@@ -5,4 +5,4 @@ To use this feature you have to put UnloadEventHandler in your App as a child of
 In order to use this feature you have to use the custom hook useUnloadEventInterceptor.
 @see {@link useUnloadEventInterceptor}
 */
-export default function UnloadEventHandler(): import("react/jsx-runtime").JSX.Element;
+export default function UnloadEventHandler(): import("react").JSX.Element;

package/lib/components/UserNotifyHandle.d.ts

@@ -3,5 +3,5 @@ It allows to dispatch User Notifies in order to display a pop up or a toast noti
 
 To use this feature you have to put UserNotifyHandle in your App as a child of a redux Provider component.
 In order to dispatch a User Notify, you have to use the custom hook useUserNotify which will return a fuction to be used to dispatch the User Notify. */
-declare function UserNotifyHandle(): import("react/jsx-runtime").JSX.Element;
+declare function UserNotifyHandle(): import("react").JSX.Element;
 export default UserNotifyHandle;

package/lib/components/icons/CheckIllustrationIcon.d.ts

@@ -1,4 +1,4 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { DefaultComponentProps } from '@mui/material/OverridableComponent';
-declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react").JSX.Element;
 export default _default;

package/lib/components/icons/ErrorIcon.d.ts

@@ -1,4 +1,4 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { DefaultComponentProps } from '@mui/material/OverridableComponent';
-declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react").JSX.Element;
 export default _default;

package/lib/components/icons/PagoPaIcon.d.ts

@@ -1,4 +1,4 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { DefaultComponentProps } from '@mui/material/OverridableComponent';
-declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react").JSX.Element;
 export default _default;

package/lib/components/icons/PagoPaIconColored.d.ts

@@ -1,4 +1,4 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { DefaultComponentProps } from '@mui/material/OverridableComponent';
-declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react").JSX.Element;
 export default _default;

package/lib/components/icons/PagoPaMiniIcon.d.ts

@@ -1,4 +1,4 @@
 import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { DefaultComponentProps } from '@mui/material/OverridableComponent';
-declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: DefaultComponentProps<SvgIconTypeMap>) => import("react").JSX.Element;
 export default _default;

package/lib/config/env.d.ts

@@ -27,6 +27,11 @@ export declare const CONFIG: {
         COOKIE_GROUP_ANALYTICS: string;
     };
     TEST: {
+        /**
+         * Local/dev-only test token.
+         * Do not commit real tokens in source code. Provide it via `.env.development.local`:
+         *   VITE_TEST_JWT=...
+         */
         JWT: string;
     };
     FOOTER: {

package/lib/config/env.js

@@ -27,7 +27,12 @@ export const CONFIG = {
         COOKIE_GROUP_ANALYTICS: 'C0002',
     },
     TEST: {
-        JWT: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJmYW1pbHlfbmFtZSI6Im1vY2tlZCIsImZpc2NhbF9udW1iZXIiOiIyMjMzNDQ1Njc4NiIsIm5hbWUiOiJ1c2VyIiwiZnJvbV9hYSI6ZmFsc2UsInVpZCI6IjUwNTRwZWM2LTIyMzMyLTQ1ZDUtOWJkZi0yYmg5NzRhN2MxYzgiLCJsZXZlbCI6IkwyIiwiaWF0IjoxNzEwNzU4Njk0LCJleHAiOjE3MDgyNTMxODl9.qGqULn7A29daBAvc34azOgL5PhLt6Srge0PxopPj_DA',
+        /**
+         * Local/dev-only test token.
+         * Do not commit real tokens in source code. Provide it via `.env.development.local`:
+         *   VITE_TEST_JWT=...
+         */
+        JWT: import.meta.env.VITE_TEST_JWT || '',
     },
     FOOTER: {
         LINK: {

package/lib/decorators/__mocks__/withLogin.d.ts

@@ -1,5 +1,5 @@
 import { User } from '../../model/User';
 export declare const mockedUser: User;
 export declare const verifyMockExecution: (state: any) => void;
-declare const _default: (WrappedComponent: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (WrappedComponent: React.ComponentType<any>) => (props: any) => import("react").JSX.Element;
 export default _default;

package/lib/hooks/useLiveAnnouncerWithRegion.d.ts

@@ -1,4 +1,4 @@
 export declare const useLiveAnnouncerWithRegion: () => {
     announce: (msg: string) => void;
-    LiveRegion: import("react/jsx-runtime").JSX.Element;
+    LiveRegion: import("react").JSX.Element;
 };

package/lib/hooks/useLogin.js

@@ -19,7 +19,9 @@ export const useLogin = () => {
     const attemptSilentLogin = async () => {
         if (CONFIG.MOCKS.MOCK_USER) {
             setUser(mockedUser);
-            storageTokenOps.write(testToken);
+            if (testToken) {
+                storageTokenOps.write(testToken);
+            }
             storageUserOps.write(mockedUser);
             return;
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagopa/selfcare-common-frontend",
   "description": "Shared React components for the pagopa selfcare project",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "license": "MIT",
   "repository": "https://github.com/pagopa/selfcare-common-frontend",
   "author": "https://www.pagopa.gov.it",
@@ -10,7 +10,6 @@
   "types": "lib/index.d.ts",
   "sideEffects": [
     "lib/consentManagementConfigure.js",
-    "lib/common-polyfill.js",
     "lib/**/*.css"
   ],
   "dependencies": {
@@ -26,7 +25,6 @@
     "@pagopa/ts-commons": "^13.1.2",
     "@reduxjs/toolkit": "^2.9.0",
     "async": "3.2.4",
-    "core-js": "^3.20.2",
     "fp-ts": "^2.11.5",
     "i18next": "^25.4.2",
     "i18next-browser-languagedetector": "^8.0.0",
@@ -74,9 +72,9 @@
     "@types/redux-logger": "^3.0.9",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
-    "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/browser": "^4.0.18",
-    "@vitest/coverage-v8": "^4.0.18",
+    "@vitejs/plugin-react": "^5.2.0",
+    "@vitest/browser": "4.1.10",
+    "@vitest/coverage-v8": "4.1.10",
     "auto-changelog": "^2.3.0",
     "copyfiles": "^2.4.1",
     "eslint": "7.11.0",
@@ -94,9 +92,9 @@
     "renamer": "^4.0.0",
     "rimraf": "^6.0.1",
     "typescript": "^5.9.2",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.0.18"
+    "vite": "^8.1.5",
+    "vite-plugin-html": "^3.2.2",
+    "vitest": "4.1.10"
   },
   "resolutions": {
     "@types/react": "18.3.16"

package/lib/common-polyfill.d.ts

@@ -1,9 +0,0 @@
-import 'core-js/es/object/entries';
-import 'core-js/es/object/from-entries';
-import 'core-js/es/object/values';
-import 'core-js/es/map';
-import 'core-js/es/promise';
-import 'core-js/es/array';
-import 'core-js/stable/string';
-import 'core-js/stable/number';
-import 'core-js/stable/url-search-params';

package/lib/common-polyfill.js

@@ -1,9 +0,0 @@
-import 'core-js/es/object/entries';
-import 'core-js/es/object/from-entries';
-import 'core-js/es/object/values';
-import 'core-js/es/map';
-import 'core-js/es/promise';
-import 'core-js/es/array';
-import 'core-js/stable/string';
-import 'core-js/stable/number';
-import 'core-js/stable/url-search-params';