@pagopa/selfcare-common-frontend 1.35.0 → 1.36.0

package/lib/hooks/useLiveAnnouncerWithRegion.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+const visuallyHiddenStyle = {
+    border: 0,
+    clip: 'rect(0  0  0 0)',
+    height: '1px',
+    margin: '-1px',
+    overflow: 'hidden',
+    padding: 0,
+    position: 'absolute',
+    whiteSpace: 'nowrap',
+    width: '1px',
+};
+export const useLiveAnnouncerWithRegion = () => {
+    const [message, setMessage] = useState('');
+    const announce = (msg) => setMessage(msg);
+    const LiveRegion = (_jsx("div", { "aria-live": "polite", "aria-atomic": "true", "data-testid": "live-region-announcer", style: visuallyHiddenStyle, children: message }));
+    return { announce, LiveRegion };
+};

package/lib/hooks/useLoading.js

@@ -0,0 +1,10 @@
+import { uniqueId } from 'lodash';
+import { useRef } from 'react';
+import { useDispatch } from 'react-redux';
+import { appStateActions } from '../redux/slices/appStateSlice';
+/** @see {@link LoadingOverlay} */
+export default function (task) {
+    const dispatch = useDispatch();
+    const ref = useRef(uniqueId());
+    return (loading) => dispatch(appStateActions.setLoading({ task: `${task}[${ref.current}]`, loading }));
+}

package/lib/hooks/useLogin.js

@@ -0,0 +1,40 @@
+import isEmpty from 'lodash/isEmpty';
+import { useDispatch } from 'react-redux';
+import { CONFIG } from '../config/env';
+import { userActions } from '../redux/slices/userSlice';
+import { isPagoPaUser, storageTokenOps, storageUserOps } from '../utils/storage';
+const testToken = CONFIG.TEST.JWT;
+const mockedUser = {
+    uid: '0',
+    taxCode: 'AAAAAA00A00A000A',
+    name: 'loggedName',
+    surname: 'loggedSurname',
+    email: 'loggedEmail@aa.aa',
+    iss: 'SPID',
+};
+export const useLogin = () => {
+    const dispatch = useDispatch();
+    const setUser = (user) => dispatch(userActions.setLoggedUser(user));
+    const attemptSilentLogin = async () => {
+        if (CONFIG.MOCKS.MOCK_USER) {
+            setUser(mockedUser);
+            storageTokenOps.write(testToken);
+            storageUserOps.write(mockedUser);
+            return;
+        }
+        const sessionStorageUser = storageUserOps.read();
+        const LOGIN_URL = isPagoPaUser() ? CONFIG.URL_FE.LOGOUT_GOOGLE : CONFIG.URL_FE.LOGIN;
+        // If there are no credentials, it is impossible to get the user, so
+        if (isEmpty(sessionStorageUser)) {
+            // Remove any partial data that might have remained, just for safety
+            storageUserOps.delete();
+            // Go to the login view
+            globalThis.location.assign(LOGIN_URL);
+            // This return is necessary
+            return;
+        }
+        // Otherwise, set the user to the one stored in the storage
+        setUser(sessionStorageUser);
+    };
+    return { attemptSilentLogin };
+};

package/lib/hooks/usePermissions.d.ts

@@ -0,0 +1,7 @@
+import { ProductPermissions } from './../redux/slices/permissionsSlice';
+export declare function usePermissions(): {
+    hasPermission: (productId: string, action: string) => boolean;
+    getProductPermissions: (productId: string) => Array<string>;
+    getAllProductsWithPermission: (action: string) => Array<string>;
+    productPermissions: ProductPermissions[];
+};

package/lib/hooks/usePermissions.js

@@ -0,0 +1,25 @@
+import { useSelector } from 'react-redux';
+import { selectProductPermissions } from './../redux/slices/permissionsSlice';
+export function usePermissions() {
+    const productPermissions = useSelector(selectProductPermissions);
+    // Function to check if a user has permission for a specific action.
+    const hasPermission = (productId, action) => {
+        const product = productPermissions.find((p) => p.productId === productId);
+        return product?.actions.includes(action) || false;
+    };
+    //  Function that returns an array of actions for a given product ID.
+    const getProductPermissions = (productId) => {
+        const product = productPermissions.find((p) => p.productId === productId);
+        return product?.actions || [];
+    };
+    // Function that returns an array of product IDs that have a specific action.
+    const getAllProductsWithPermission = (action) => productPermissions
+        .filter((product) => product.actions.includes(action))
+        .map((product) => product.productId);
+    return {
+        hasPermission,
+        getProductPermissions,
+        getAllProductsWithPermission,
+        productPermissions,
+    };
+}

package/lib/hooks/useReduxCachedValue.d.ts

@@ -0,0 +1,22 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+/** @see {useReduxCachedValue} when there is not RETRIEVER_ARGS and RETRIEVED_VALUE === STORED_VALUE */
+declare const useReduxCachedValue: <RETRIEVED_VALUE extends Record<string, any>>(entity: string, retrieverService: () => Promise<RETRIEVED_VALUE>, reduxSelector: (state: any) => RETRIEVED_VALUE | undefined, reduxSetterAction: (value: RETRIEVED_VALUE) => PayloadAction<any>, selectedValuePredicate2Retrieve?: (value: RETRIEVED_VALUE) => boolean, alwaysRetrieve?: boolean) => (() => Promise<RETRIEVED_VALUE>);
+/** @see {useReduxCachedValueParametricRetrieverTranscoded} when there is not RETRIEVER_ARGS */
+export declare const useReduxCachedValueTranscoded: <RETRIEVED_VALUE, STORED_VALUE>(entity: string, retrieverService: () => Promise<RETRIEVED_VALUE>, reduxSelector: (state: any) => STORED_VALUE | undefined, reduxSetterAction: (value: RETRIEVED_VALUE) => PayloadAction<STORED_VALUE>, selectedValue2RetrievedValue: (value: STORED_VALUE) => RETRIEVED_VALUE, selectedValuePredicate2Retrieve?: (value: STORED_VALUE) => boolean, alwaysRetrieve?: boolean) => (() => Promise<RETRIEVED_VALUE>);
+/** It will return a method that will call the retrieverService only when there are not storing values, or a condition on them is not more verified */
+export declare const useReduxCachedValueParametricRetrieverTranscoded: <RETRIEVED_VALUE, STORED_VALUE, RETRIEVER_ARGS>(
+/** The name of the entity, used just for logging purpose */
+entity: string, 
+/** The service that will retrieve the value */
+retrieverService: (retrieverServiceArgs: RETRIEVER_ARGS) => Promise<RETRIEVED_VALUE>, 
+/** The selector to read the value from redux */
+reduxSelector: (state: any) => STORED_VALUE | undefined, 
+/** The action to store the new value */
+reduxSetterAction: (value: RETRIEVED_VALUE, retrieverServiceArgs: RETRIEVER_ARGS) => PayloadAction<STORED_VALUE>, 
+/** A function called to transform STORED_VALUE into RETRIEVED_VALUE and called when hitting the cache */
+selectedValue2RetrievedValue: (value: STORED_VALUE, args: RETRIEVER_ARGS) => RETRIEVED_VALUE, 
+/** An optional predicate evaluated when reduxSelector returned some value in order to compare it against the retrieverServiceArgs and evaluate if retrieverService should be called again  */
+selectedValuePredicate2Retrieve?: (value: STORED_VALUE, args: RETRIEVER_ARGS) => boolean, 
+/** If true, it will always retrieve and store the new value */
+alwaysRetrieve?: boolean) => ((retrieverServiceArgs: RETRIEVER_ARGS) => Promise<RETRIEVED_VALUE>);
+export default useReduxCachedValue;

package/{hooks → lib/hooks}/useReduxCachedValue.js

@@ -1,19 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReduxCachedValueParametricRetrieverTranscoded = exports.useReduxCachedValueTranscoded = void 0;
-const tslib_1 = require("tslib");
-const react_redux_1 = require("react-redux");
-const constants_1 = require("../utils/constants");
-const useLoading_1 = tslib_1.__importDefault(require("./useLoading"));
+import { useDispatch, useSelector } from 'react-redux';
+import { LOADING_TASK_RETRIEVE_CACHED_VALUES } from '../utils/constants';
+import useLoading from './useLoading';
 /** @see {useReduxCachedValue} when there is not RETRIEVER_ARGS and RETRIEVED_VALUE === STORED_VALUE */
 const useReduxCachedValue = (entity, retrieverService, reduxSelector, reduxSetterAction, selectedValuePredicate2Retrieve, alwaysRetrieve) => useReduxCachedValueParametricRetriever(entity, retrieverService, reduxSelector, reduxSetterAction, selectedValuePredicate2Retrieve, alwaysRetrieve);
 /** @see {useReduxCachedValueParametricRetrieverTranscoded} when RETRIEVED_VALUE === STORED_VALUE */
-const useReduxCachedValueParametricRetriever = (entity, retrieverService, reduxSelector, reduxSetterAction, selectedValuePredicate2Retrieve, alwaysRetrieve) => (0, exports.useReduxCachedValueParametricRetrieverTranscoded)(entity, retrieverService, reduxSelector, reduxSetterAction, (value) => value, selectedValuePredicate2Retrieve, alwaysRetrieve);
+const useReduxCachedValueParametricRetriever = (entity, retrieverService, reduxSelector, reduxSetterAction, selectedValuePredicate2Retrieve, alwaysRetrieve) => useReduxCachedValueParametricRetrieverTranscoded(entity, retrieverService, reduxSelector, reduxSetterAction, (value) => value, selectedValuePredicate2Retrieve, alwaysRetrieve);
 /** @see {useReduxCachedValueParametricRetrieverTranscoded} when there is not RETRIEVER_ARGS */
-const useReduxCachedValueTranscoded = (entity, retrieverService, reduxSelector, reduxSetterAction, selectedValue2RetrievedValue, selectedValuePredicate2Retrieve, alwaysRetrieve) => (0, exports.useReduxCachedValueParametricRetrieverTranscoded)(entity, retrieverService, reduxSelector, reduxSetterAction, selectedValue2RetrievedValue, selectedValuePredicate2Retrieve, alwaysRetrieve);
-exports.useReduxCachedValueTranscoded = useReduxCachedValueTranscoded;
+export const useReduxCachedValueTranscoded = (entity, retrieverService, reduxSelector, reduxSetterAction, selectedValue2RetrievedValue, selectedValuePredicate2Retrieve, alwaysRetrieve) => useReduxCachedValueParametricRetrieverTranscoded(entity, retrieverService, reduxSelector, reduxSetterAction, selectedValue2RetrievedValue, selectedValuePredicate2Retrieve, alwaysRetrieve);
 /** It will return a method that will call the retrieverService only when there are not storing values, or a condition on them is not more verified */
-const useReduxCachedValueParametricRetrieverTranscoded = (
+export const useReduxCachedValueParametricRetrieverTranscoded = (
 /** The name of the entity, used just for logging purpose */
 entity, 
 /** The service that will retrieve the value */
@@ -28,10 +23,10 @@ selectedValue2RetrievedValue,
 selectedValuePredicate2Retrieve, 
 /** If true, it will always retrieve and store the new value */
 alwaysRetrieve) => {
-    const dispatch = (0, react_redux_1.useDispatch)();
-    const entities = (0, react_redux_1.useSelector)(reduxSelector);
+    const dispatch = useDispatch();
+    const entities = useSelector(reduxSelector);
     const setEntities = (value, retrieverServiceArgs) => dispatch(reduxSetterAction(value, retrieverServiceArgs));
-    const setLoading = (0, useLoading_1.default)(`${constants_1.LOADING_TASK_RETRIEVE_CACHED_VALUES}_${entity}`);
+    const setLoading = useLoading(`${LOADING_TASK_RETRIEVE_CACHED_VALUES}_${entity}`);
     return (retrieverServiceArgs) => {
         if (alwaysRetrieve ||
             !entities ||
@@ -50,6 +45,4 @@ alwaysRetrieve) => {
         }
     };
 };
-exports.useReduxCachedValueParametricRetrieverTranscoded = useReduxCachedValueParametricRetrieverTranscoded;
-exports.default = useReduxCachedValue;
-//# sourceMappingURL=useReduxCachedValue.js.map
+export default useReduxCachedValue;

package/{hooks → lib/hooks}/useUnloadEventInterceptor.d.ts

@@ -3,12 +3,12 @@
 2.  unregisterUnloadEvent: an arrow function to call in order to disable this functionality.
  */
 export declare const useUnloadEventInterceptor: () => {
-    registerUnloadEvent: (title?: string | undefined, description?: string | undefined) => void;
+    registerUnloadEvent: (title?: string, description?: string) => void;
     unregisterUnloadEvent: () => void;
 };
 /** If you wont to enable immediately this functionality when invoking the custom hook you can use the hook useUnloadEventInterceptorAndActivate, which will enable the functionality and will disable it when unmounting the component. */
-export declare const useUnloadEventInterceptorAndActivate: (title?: string | undefined, description?: string | undefined) => {
-    registerUnloadEvent: (title?: string | undefined, description?: string | undefined) => void;
+export declare const useUnloadEventInterceptorAndActivate: (title?: string, description?: string) => {
+    registerUnloadEvent: (title?: string, description?: string) => void;
     unregisterUnloadEvent: () => void;
 };
 /** In order to show a custom pop-up when the user trigger an exit action you have to use the custom hook useUnloadEventOnExit which will return an arrow function to invoke instead of the exit action passing to it the exitAction itself. */

package/{hooks → lib/hooks}/useUnloadEventInterceptor.js

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUnloadEventLogout = exports.useUnloadEventOnExit = exports.useUnloadEventInterceptorAndActivate = exports.useUnloadEventInterceptor = void 0;
-const react_1 = require("react");
-const react_redux_1 = require("react-redux");
-const react_router_dom_1 = require("react-router-dom");
-const env_1 = require("../config/env");
-const appStateSlice_1 = require("../redux/slices/appStateSlice");
-const appStateSlice_2 = require("./../redux/slices/appStateSlice");
+import { useEffect, useRef } from 'react';
+import { useDispatch, useStore } from 'react-redux';
+import { useHistory } from 'react-router-dom';
+import { CONFIG } from '../config/env';
+import { appStateActions } from '../redux/slices/appStateSlice';
+import { appStateSelectors } from './../redux/slices/appStateSlice';
 /** In order to use this feature you have to use the custom hook useUnloadEventInterceptor, which will return an object having the following keys:
 1.  registerUnloadEvent: an arrow function which takes two optional parameters to customize the title and the description of the pop-up opened when invoking the exitAction function (see below) and enable the functionality.
 2.  unregisterUnloadEvent: an arrow function to call in order to disable this functionality.
  */
-const useUnloadEventInterceptor = () => {
-    const dispatch = (0, react_redux_1.useDispatch)();
-    const history = (0, react_router_dom_1.useHistory)();
-    const onExit = (0, exports.useUnloadEventOnExit)();
-    const unblockHistory = (0, react_1.useRef)(() => { });
+export const useUnloadEventInterceptor = () => {
+    const dispatch = useDispatch();
+    const history = useHistory();
+    const onExit = useUnloadEventOnExit();
+    const unblockHistory = useRef(() => { });
     const registerUnloadEvent = (title, description) => {
-        dispatch(appStateSlice_1.appStateActions.enableUnloadEventInterceptor({ title, description }));
+        dispatch(appStateActions.enableUnloadEventInterceptor({ title, description }));
         if (history) {
             // if not using ReactRouter, it will be undefined
             // eslint-disable-next-line functional/immutable-data
@@ -31,7 +28,7 @@ const useUnloadEventInterceptor = () => {
         }
     };
     const unregisterUnloadEvent = () => {
-        dispatch(appStateSlice_1.appStateActions.disableUnloadEventInterceptor());
+        dispatch(appStateActions.disableUnloadEventInterceptor());
         unblockHistory.current();
     };
     return {
@@ -39,11 +36,10 @@ const useUnloadEventInterceptor = () => {
         unregisterUnloadEvent,
     };
 };
-exports.useUnloadEventInterceptor = useUnloadEventInterceptor;
 /** If you wont to enable immediately this functionality when invoking the custom hook you can use the hook useUnloadEventInterceptorAndActivate, which will enable the functionality and will disable it when unmounting the component. */
-const useUnloadEventInterceptorAndActivate = (title, description) => {
-    const { registerUnloadEvent, unregisterUnloadEvent } = (0, exports.useUnloadEventInterceptor)();
-    (0, react_1.useEffect)(() => {
+export const useUnloadEventInterceptorAndActivate = (title, description) => {
+    const { registerUnloadEvent, unregisterUnloadEvent } = useUnloadEventInterceptor();
+    useEffect(() => {
         registerUnloadEvent(title, description);
         return () => unregisterUnloadEvent();
     }, []);
@@ -52,25 +48,21 @@ const useUnloadEventInterceptorAndActivate = (title, description) => {
         unregisterUnloadEvent,
     };
 };
-exports.useUnloadEventInterceptorAndActivate = useUnloadEventInterceptorAndActivate;
 /** In order to show a custom pop-up when the user trigger an exit action you have to use the custom hook useUnloadEventOnExit which will return an arrow function to invoke instead of the exit action passing to it the exitAction itself. */
-const useUnloadEventOnExit = () => {
-    const dispatch = (0, react_redux_1.useDispatch)();
-    const store = (0, react_redux_1.useStore)();
+export const useUnloadEventOnExit = () => {
+    const dispatch = useDispatch();
+    const store = useStore();
     return (exitAction) => {
-        if (appStateSlice_2.appStateSelectors.selectUnloadEventConfiguration(store.getState()).enabled) {
-            dispatch(appStateSlice_1.appStateActions.openUnloadEventNotify(exitAction));
+        if (appStateSelectors.selectUnloadEventConfiguration(store.getState()).enabled) {
+            dispatch(appStateActions.openUnloadEventNotify(exitAction));
         }
         else {
             exitAction();
         }
     };
 };
-exports.useUnloadEventOnExit = useUnloadEventOnExit;
 /** When the exitAction is the Logout you can use the custom hook useUnloadEventLogout which is the customization of the useUnloadEventOnExit using the logout as an exit action. */
-const useUnloadEventLogout = () => {
-    const onExit = (0, exports.useUnloadEventOnExit)();
-    return () => onExit(() => window.location.assign(env_1.CONFIG.URL_FE.LOGOUT));
+export const useUnloadEventLogout = () => {
+    const onExit = useUnloadEventOnExit();
+    return () => onExit(() => window.location.assign(CONFIG.URL_FE.LOGOUT));
 };
-exports.useUnloadEventLogout = useUnloadEventLogout;
-//# sourceMappingURL=useUnloadEventInterceptor.js.map

package/lib/hooks/useUserNotify.js

@@ -0,0 +1,7 @@
+import { useDispatch } from 'react-redux';
+import { appStateActions } from '../redux/slices/appStateSlice';
+/** @see {@link UserNotifyHandle} */
+export default function () {
+    const dispatch = useDispatch();
+    return (notify) => dispatch(appStateActions.addNotify(notify));
+}

package/{index.d.ts → lib/index.d.ts}

@@ -1,21 +1,21 @@
-export { default as Header } from './components/Header/Header';
-export { default as Footer } from './components/Footer/Footer';
+export { default as BackComponent } from './components/BackComponent';
 export { default as CustomAvatar } from './components/CustomAvatar';
 export { default as CustomPagination } from './components/CustomPagination';
+export { default as EndingPage } from './components/EndingPage';
 export { default as FilterModal } from './components/FilterModal';
+export { default as Footer } from './components/Footer/Footer';
+export { default as Header } from './components/Header/Header';
+export { default as LoadingOverlayComponent } from './components/LoadingOverlayComponent';
+export { default as NavigationBar } from './components/NavigationBar';
 export { default as SessionModal } from './components/SessionModal';
 export { default as TitleBox } from './components/TitleBox';
 export { default as Toast } from './components/Toast';
 export { default as ToastWrapper } from './components/ToastWrapper';
-export { default as EndingPage } from './components/EndingPage';
-export { default as LoadingOverlayComponent } from './components/LoadingOverlayComponent';
-export { default as NavigationBar } from './components/NavigationBar';
-export { default as BackComponent } from './components/BackComponent';
 export { default as CheckIllustrationIcon } from './components/icons/CheckIllustrationIcon';
 export { default as ConfirmIcon } from './components/icons/ConfirmIcon';
 export { default as ErrorIcon } from './components/icons/ErrorIcon';
-export { default as FaultIcon } from './components/icons/FaultIcon';
 export { default as ErrorIconExclamation } from './components/icons/ErrorIconExclamation';
+export { default as FaultIcon } from './components/icons/FaultIcon';
 export { default as PagoPaIcon } from './components/icons/PagoPaIcon';
 export { default as PagoPaMiniIcon } from './components/icons/PagoPaMiniIcon';
 export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
@@ -25,9 +25,12 @@ export { default as useLoading } from './hooks/useLoading';
 export { default as UserNotifyHandle } from './components/UserNotifyHandle';
 export { default as useUserNotify } from './hooks/useUserNotify';
 export { default as UnloadEventHandler } from './components/UnloadEventHandler';
-export { useUnloadEventInterceptor, useUnloadEventInterceptorAndActivate, useUnloadEventOnExit, useUnloadEventLogout, } from './hooks/useUnloadEventInterceptor';
+export { useUnloadEventInterceptor, useUnloadEventInterceptorAndActivate, useUnloadEventLogout, useUnloadEventOnExit } from './hooks/useUnloadEventInterceptor';
 export { default as withLogin } from './decorators/withLogin';
 export { useLogin } from './hooks/useLogin';
 export { default as withRetrievedValue } from './decorators/withRetrievedValue';
 export { default as useReduxCachedValue } from './hooks/useReduxCachedValue';
+export { default as CustomAlert } from './components/CustomAlert';
 export { default as useFakePagination } from './hooks/useFakePagination';
+export { useLiveAnnouncerWithRegion } from './hooks/useLiveAnnouncerWithRegion';
+export { usePermissions } from './hooks/usePermissions';

package/lib/index.js

@@ -0,0 +1,36 @@
+export { default as BackComponent } from './components/BackComponent';
+export { default as CustomAvatar } from './components/CustomAvatar';
+export { default as CustomPagination } from './components/CustomPagination';
+export { default as EndingPage } from './components/EndingPage';
+export { default as FilterModal } from './components/FilterModal';
+export { default as Footer } from './components/Footer/Footer';
+export { default as Header } from './components/Header/Header';
+export { default as LoadingOverlayComponent } from './components/LoadingOverlayComponent';
+export { default as NavigationBar } from './components/NavigationBar';
+export { default as SessionModal } from './components/SessionModal';
+export { default as TitleBox } from './components/TitleBox';
+export { default as Toast } from './components/Toast';
+export { default as ToastWrapper } from './components/ToastWrapper';
+export { default as CheckIllustrationIcon } from './components/icons/CheckIllustrationIcon';
+export { default as ConfirmIcon } from './components/icons/ConfirmIcon';
+export { default as ErrorIcon } from './components/icons/ErrorIcon';
+export { default as ErrorIconExclamation } from './components/icons/ErrorIconExclamation';
+export { default as FaultIcon } from './components/icons/FaultIcon';
+export { default as PagoPaIcon } from './components/icons/PagoPaIcon';
+export { default as PagoPaMiniIcon } from './components/icons/PagoPaMiniIcon';
+export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
+export { default as useErrorDispatcher } from './hooks/useErrorDispatcher';
+export { default as LoadingOverlay } from './components/Loading/LoadingOverlay';
+export { default as useLoading } from './hooks/useLoading';
+export { default as UserNotifyHandle } from './components/UserNotifyHandle';
+export { default as useUserNotify } from './hooks/useUserNotify';
+export { default as UnloadEventHandler } from './components/UnloadEventHandler';
+export { useUnloadEventInterceptor, useUnloadEventInterceptorAndActivate, useUnloadEventLogout, useUnloadEventOnExit } from './hooks/useUnloadEventInterceptor';
+export { default as withLogin } from './decorators/withLogin';
+export { useLogin } from './hooks/useLogin';
+export { default as withRetrievedValue } from './decorators/withRetrievedValue';
+export { default as useReduxCachedValue } from './hooks/useReduxCachedValue';
+export { default as CustomAlert } from './components/CustomAlert';
+export { default as useFakePagination } from './hooks/useFakePagination';
+export { useLiveAnnouncerWithRegion } from './hooks/useLiveAnnouncerWithRegion';
+export { usePermissions } from './hooks/usePermissions';

package/{locale/it.d.ts → lib/locale/de.d.ts}

@@ -36,21 +36,24 @@ declare const _default: {
                         termsandconditions: string;
                         transparentcompany: string;
                         disclosurePolicy: string;
-                        Model321: string;
+                        model231: string;
                     };
                 };
                 followUs: {
                     title: string;
                 };
+                accessibility: string;
             };
             postLoginLinks: {
                 privacyPolicy: string;
                 protectionofpersonaldata: string;
                 termsandconditions: string;
+                accessibility: string;
             };
         };
         header: {
             exitButton: string;
+            chipLabel: string;
         };
         filterModal: {
             title: string;

package/{locale → lib/locale}/de.js

@@ -1,58 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+export default {
     common: {
         errorBoundary: {
             sessionModalTitle: 'Fehler',
-            sessionModalMessage: 'Es tut uns leid, etwas ist schief gelaufen.',
+            sessionModalMessage: 'Es ist leider ein Fehler aufgetreten. ',
             toastError: 'FEHLER',
-            toastMessage: 'Es tut uns leid, etwas ist schief gelaufen.',
+            toastMessage: 'Es ist leider ein Fehler aufgetreten. ',
         },
         blockingErrorPage: {
-            title: 'Es tut uns leid, etwas ist schief gelaufen.',
+            title: 'Es ist leider ein Fehler aufgetreten. ',
             description: 'Aufgrund eines Systemfehlers kann der Vorgang nicht abgeschlossen werden.',
-            buttonLabel: 'Kundensupport kontaktieren',
+            buttonLabel: 'Kontaktiere den Support',
         },
         footer: {
-            legalInfoText: `<0>PagoPA S.p.A.</0> - Aktiengesellschaft mit einem einzigen Gesellschafter - Gezeichnetes Kapital von 1.000.000 Euro - Firmensitz in Rom, Piazza Colonna 370, <2/> CAP 00187 - Eintragung im Handelsregister von Rom, Steuernummer und Umsatzsteuer-ID 15376371009`,
+            legalInfoText: '<0>PagoPA S.p.A.</0> - Aktiengesellschaft mit Alleingesellschafter - Gesellschaftskapital von 1.000.000 Euro voll eingezahlt - Sitz in Rom, Piazza Colonna 370, <2/> PLZ 00187 - Eintrag im Handelsregister von Rom Nr., Steuernummer und USt-IdNr. 15376371009',
             privacyPolicyLink: 'Datenschutzerklärung ',
-            termsAndConditionLink: 'Nutzungsbedingungen der Website ',
+            termsAndConditionLink: 'Allgemeine Geschäftsbedingungen zur Benutzung der Site ',
             informationSecurityLink: 'Informationssicherheit ',
-            assistanceLink: 'Kundensupport ',
+            assistanceLink: 'Betreuung ',
             preLoginLinks: {
                 aboutUs: {
                     links: {
                         aboutUs: 'PagoPA S.p.A.',
                         media: 'Medien',
-                        workwithud: 'Arbeiten Sie mit uns',
+                        workwithud: 'Karriere',
                     },
                 },
                 resources: {
-                    title: 'Ressourcen',
+                    title: 'Quellen',
                     links: {
                         privacyPolicy: 'Datenschutzerklärung',
                         certifications: 'Zertifizierungen',
                         informationsecurity: 'Informationssicherheit',
                         protectionofpersonaldata: 'Recht auf Schutz personenbezogener Daten',
-                        cookie: 'Cookie-Einstellungen',
+                        cookies: 'Cookie-Einstellungen',
                         termsandconditions: 'Allgemeine Geschäftsbedingungen',
-                        transparentcompany: 'Transparentes Unternehmen',
-                        disclosurePolicy: 'Verantwortungsbewusste Offenlegungspolitik',
-                        Model321: 'Modell 321',
+                        transparentcompany: 'Transparente Gesellschaft',
+                        disclosurePolicy: 'Responsible Disclosure Policy',
+                        model231: 'Modell 231',
                     },
                 },
                 followUs: {
-                    title: 'Folgen Sie uns auf',
+                    title: 'Folg uns auf',
                 },
+                accessibility: 'Zugänglichkeit',
             },
             postLoginLinks: {
                 privacyPolicy: 'Datenschutzerklärung',
                 protectionofpersonaldata: 'Recht auf Schutz personenbezogener Daten',
                 termsandconditions: 'Allgemeine Geschäftsbedingungen',
+                accessibility: 'Zugänglichkeit',
             },
         },
         header: {
-            exitButton: 'Beenden',
+            exitButton: 'Abmelden',
+            chipLabel: 'PagoPA-Betreiber',
         },
         filterModal: {
             title: 'Filtern nach ',
@@ -60,35 +61,35 @@ exports.default = {
         },
         sessionModal: {
             closeButton: 'Abbrechen',
-            confirmButton: 'Erneut versuchen',
+            confirmButton: 'Versuche es erneut',
         },
         unloadEventHandler: {
-            title: 'Wollen Sie wirklich gehen?',
-            message: 'Wenn Sie gehen, gehen alle Änderungen verloren.',
-            confirmLabel: 'Verlassen',
+            title: 'Möchtest du wirklich beenden?',
+            message: 'Wenn du dich abmeldest, gehen die vorgenommenen Änderungen verloren.',
+            confirmLabel: 'Abmelden',
         },
         roles: {
             admin: {
-                shortLabel: 'Admin',
+                shortLabel: 'Bez. Administrativ',
                 longLabel: 'Administrator',
-                description: 'Verfügt über alle Rechte und verwaltet Benutzer',
+                description: 'Hat alle Berechtigungen und verwaltet Benutzer',
             },
             limited: {
-                shortLabel: 'Operator',
-                longLabel: 'Operator',
+                shortLabel: 'Bez. Operativ',
+                longLabel: 'Bearbeiter',
                 description: 'Verwaltet die technologische Integration und/oder den Betrieb der Dienste',
             },
         },
         pnpgRoles: {
             admin: {
-                shortLabel: 'Admin',
+                shortLabel: 'Bez. Administrativ',
                 longLabel: 'Administrator',
-                description: 'Verfügt über alle Rechte und verwaltet Benutzer',
+                description: 'Hat alle Berechtigungen und verwaltet Benutzer',
             },
             limited: {
-                shortLabel: 'Techniker',
+                shortLabel: 'Bez. Techniker',
                 longLabel: 'Techniker',
-                description: 'Liest die Benachrichtigungen der Behörde',
+                description: 'Liest die Bescheide der Behörde',
             },
         },
         backComponent: {
@@ -96,4 +97,3 @@ exports.default = {
         },
     },
 };
-//# sourceMappingURL=de.js.map

package/{locale → lib/locale}/en.d.ts

@@ -36,21 +36,24 @@ declare const _default: {
                         termsandconditions: string;
                         transparentcompany: string;
                         disclosurePolicy: string;
-                        Model321: string;
+                        model231: string;
                     };
                 };
                 followUs: {
                     title: string;
                 };
+                accessibility: string;
             };
             postLoginLinks: {
                 privacyPolicy: string;
                 protectionofpersonaldata: string;
                 termsandconditions: string;
+                accessibility: string;
             };
         };
         header: {
             exitButton: string;
+            chipLabel: string;
         };
         filterModal: {
             title: string;