@pagopa/selfcare-common-frontend 1.4.1 → 1.5.3

package/CHANGELOG.md

@@ -4,8 +4,36 @@ 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).
 
+#### [v1.5.3](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.2...v1.5.3)
+
+- added useReduxCachedValueTranscoded [`#28`](https://github.com/pagopa/selfcare-common-frontend/pull/28)
+
+#### [v1.5.2](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.1...v1.5.2)
+
+> 14 February 2022
+
+- Fixed useReduxCachedValue setterAction type [`#27`](https://github.com/pagopa/selfcare-common-frontend/pull/27)
+- Bump follow-redirects from 1.14.7 to 1.14.8 [`#26`](https://github.com/pagopa/selfcare-common-frontend/pull/26)
+
+#### [v1.5.1](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.0...v1.5.1)
+
+> 14 February 2022
+
+- withRetrievedValue will accept a component to show while loading [`#25`](https://github.com/pagopa/selfcare-common-frontend/pull/25)
+
+#### [v1.5.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.4.1...v1.5.0)
+
+> 11 February 2022
+
+- Toast autoclosable in UserNotifyHandle and ErrorBoundaryfeatures [`#24`](https://github.com/pagopa/selfcare-common-frontend/pull/24)
+- Customhook cached redux [`#23`](https://github.com/pagopa/selfcare-common-frontend/pull/23)
+- fixed readme [`#22`](https://github.com/pagopa/selfcare-common-frontend/pull/22)
+- fake-pagination custom hook [`#21`](https://github.com/pagopa/selfcare-common-frontend/pull/21)
+
 #### [v1.4.1](https://github.com/pagopa/selfcare-common-frontend/compare/v1.4.0...v1.4.1)
 
+> 9 February 2022
+
 - edit-rolelabel - added description in roleLabels [`#20`](https://github.com/pagopa/selfcare-common-frontend/pull/20)
 
 #### [v1.4.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.3.1...v1.4.0)

package/README.md

@@ -1,10 +1,11 @@
 # SelfCare's common components & features
-This library contains utility, components and features built for the selfcare project.
+This library contains [utilities](#utilities), [components](#components), [decorators](#decorators), [custom hooks](#custom-hooks) and [features](#features) built for the selfcare project.
 
 # Configuration
 In order to use these components it's necessary to set the following keys of the CONFIG object imported from /config/env as first things inside the application:
 
 | Key | Type | Description | DefaultValue |
+|-----|------|-------------|--------------|
 | URL_FE.LOGIN | string | The url of the login page | /auth/login |
 | URL_FE.LOGOUT | string | The url of the logout page | /auth/logout |
 | URL_FE.ASSISTANCE | string | The url of the assistance page | /assistenza |
@@ -12,7 +13,7 @@ In order to use these components it's necessary to set the following keys of the
 | ANALYTICS.* |  | See [analitics feature](#analytics) | |
 | CONSENT.* |  | See [consent management feature](#consent-management) | |
 
-# Common components used to build pagopa/selfcare react projects
+# Components
 ## Header
 SelfCare Header component
 
@@ -56,16 +57,16 @@ Modal used to show a list of values from which to choose a single value
 | Prop | Type | Mandatory | Description |
 |------|------|-----------|-------------|
 | open | boolean | Y | If the popup is to be displayed |
-| handleClose | React.MouseEventHandler<HTMLButtonElement> | Y | The function to be invoked when clicking on exit button or selecting a value |
+| handleClose | React.MouseEventHandler`<HTMLButtonElement>` | Y | The function to be invoked when clicking on exit button or selecting a value |
 | title | string | Y | The popup title |
-| filterModalConfig | FilterModalConfig<any, any> | N | See below  |
+| filterModalConfig | FilterModalConfig`<any, any>` | N | See below  |
 | height | string | N | The popup height |
 | minHeight | string | N | The popup minHeight |
 
 FilterModalConfig fields:
 | Field | Type | Mandatory | Description |
 |-------|------|-----------|-------------|
-| data | Array<T> | Y | The list of values between to which choose |
+| data | Array`<T>` | Y | The list of values between to which choose |
 | getLabel | (e: T) => string | Y | A function that will select the label to show |
 | getValue | (e: T) => string | Y | A function that will select the value to return when selecting an item |
 | onFilterChange | (v: V) => void | Y | The function invoked when selecting a value |
@@ -78,10 +79,10 @@ Selfcare's popup
 | open | boolean | Y | If this component should be displayed or not |
 | title | string | Y | The title to show in the popup |
 | message | React.ReactNode | Y | The body to show in the popup |
-| onConfirm | React.MouseEventHandler<HTMLButtonElement> | N | If defined, it will render a confirm button using this function as behavior |
+| onConfirm | React.MouseEventHandler`<HTMLButtonElement>` | N | If defined, it will render a confirm button using this function as behavior |
 | onConfirmLabel | string | N | The confirm label text |
-| handleClose | React.MouseEventHandler<HTMLButtonElement> | Y | The function invoked when clicking on close button or in the showed X icon |
-| handleExit | React.MouseEventHandler<HTMLButtonElement> | N | If defined, it allow to set a different behavior when clicking on X icon |
+| handleClose | React.MouseEventHandler`<HTMLButtonElement>` | Y | The function invoked when clicking on close button or in the showed X icon |
+| handleExit | React.MouseEventHandler`<HTMLButtonElement>` | N | If defined, it allow to set a different behavior when clicking on X icon |
 | onCloseLabel | string | N | Close button text |
 | height | string | N | The popup height |
 | minHeight | string | N | The popup minHeight |
@@ -123,7 +124,7 @@ Selfcare's ending page
 | buttonLabel | string | N | The ending page button label if any |
 | onButtonClick | () => void | N | if defined it will show a button that will performe this action on click |
 
-# Utility functions
+# Utilities
 ## api-utils
 ### onRedirectToLogin: (store: EnhancedStore) => void
 To show an error popup to inform of the not valid session
@@ -131,7 +132,7 @@ To show an error popup to inform of the not valid session
 ### buildFetchApi = (timeoutMs: number = 300000) => fetch
 Return the implementation of fetch configured with a timeout
 
-### extractResponse <R>(response: t.Validation<TypeofApiResponse<any>>, successHttpStatus: number, onRedirectToLogin: () => void, notValidTokenHttpStatus: number | null = 401, notAuthorizedTokenHttpStatus: number | null = 403, emptyResponseHttpStatus: number | null = 404): Promise<R>
+### extractResponse `<R>`(response: t.Validation`<TypeofApiResponse<any>>`, successHttpStatus: number, onRedirectToLogin: () => void, notValidTokenHttpStatus: number | null = 401, notAuthorizedTokenHttpStatus: number | null = 403, emptyResponseHttpStatus: number | null = 404): Promise`<R>`
 Extract the response of a @pagopa/openapi-codegen-ts generated client rest invocation having status code successHttpStatus.
 If notValidTokenHttpStatus is not null and the returned status is equal to notValidTokenHttpStatus, it will call the onRedirectToLogin function and will schedule the redirect towards logout path.
 If notAuthorizedTokenHttpStatus is  not null and the returned status is equal to notAuthorizedTokenHttpStatus, it will throw an Error with message "Operation not allowed".
@@ -169,14 +170,63 @@ It will return a string representing the provided date in the italian format gg
 ## fixSwagger20ArraySchemaDef.js
 An utility script to use when generating the stub through @pagopa/openapi-codegen-ts in order to handle the REST api whose operations returns an array of objects
 
-# Common decorators used in pagopa/selfcare react projects
+# Decorators
 ## withLogin
 This feature is based on react-redux library and require to register the reducer build in userSlice into the application's redux store.
 This decorator has to be applied to components whose acces require an active session.
 Accessing to the components decorated with it without a session will brought to the login page.
 It's possible to modify the login path changing the value in [CONFIG.URL_FE.LOGIN](#Configuration) inside the index.tsx file
 
-# Common features used in pagopa/selfcare react projects
+## withRetrievedValue
+Decorator to retrieve a value and serve it once ready to the decorated component.
+Using it together with [useReduxCachedValue](#usereduxcachedvalue) will allow to build a component which will use centralized and cached data
+See withRetrievedValue.test.tsx file for an example.
+
+Given the following type parameters:
+* ENTITY_TYPE extends Record`<string, any>`,
+* PROP_NAME extends string,
+* PROPS extends Record`<PROP_NAME, ENTITY_TYPE>`
+
+The arguments to provide to the decorator are the following:
+
+| Prop | Type | Mandatory | Description |
+|------|------|-----------|-------------|
+| propEntityName | PROP_NAME | Y | The name of the prop to which serve the value when available |
+| getRetrieverService | () => () => Promise`<ENTITY_TYPE>` | Y | A function that will return an other function to retrieve the expected value. This for allow the use of custom hook  |
+| WrappedComponent | React.ComponentType`<PROPS>` | Y | The component to decore |
+| onError | (appError: AppError) => void | N | What to do in case of error. As default, it will use the feature ErrorBoundary |
+| onLoading | ReactNode | N | A component to show while waiting for the value |
+
+# Custom Hooks
+## useFakePagination
+Custom hook used to simulate paginated resources when the external service doesn't implement it, caching values when filter doesn't change and serving them a page at time.
+Cached values are stored using useRef, so they are local to the component using this hook.
+The sorting actually is applied using string representation
+
+## useReduxCachedValue
+See [useReduxCachedValueTranscoded](#usereduxcachedvaluetranscoded) when RETRIEVED_VALUE === RETRIEVER_ARGS
+
+## useReduxCachedValueTranscoded
+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.
+See useReduxCachedValue.test.tsx file for an example.
+
+Given the following type parametes:
+* RETRIEVED_VALUE the type desired
+* STORED_VALUE the type stored
+
+The arguments to provide to the custom hook are the following:
+
+| Prop | Type | Mandatory | Description |
+|------|------|-----------|-------------|
+| entity | string | Y | The name of the entity, used just for logging purpose |
+| retrieverService | (retrieverServiceArgs?: RETRIEVER_ARGS) => Promise`<RETRIEVED_VALUE>` | Y | The service that will retrieve the value |
+| reduxSelector | (state: any) => STORED_VALUE | undefined | Y | The selector to read the value from redux |
+| reduxSetterAction | (value: RETRIEVED_VALUE, retrieverServiceArgs?: RETRIEVER_ARGS) => PayloadAction`<STORED_VALUE>` | Y | The action to store the value |
+| selectedValue2RetrievedValue | (value: STORED_VALUE) => RETRIEVED_VALUE | Y | A function called to transform STORED_VALUE into RETRIEVED_VALUE and called when hitting the cache |
+| selectedValuePredicate2Retrieve | (value: STORED_VALUE, args?: RETRIEVER_ARGS) => boolean | N | 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 |
+| alwaysRetrieve | boolean | N | If true, it will always retrieve and store the new value |
+
+# Features
 ## LoadingOverlay
 This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
 It allows to draw a loader when an async task to wait is running.
@@ -207,6 +257,8 @@ The error to be submitted has type AppError which has the following fields:
 | onClose | () => void | N | If defined, in case of not blocking error, it will be executed when closing the popup |
 | toNotify | boolean | Y | If true, it will notify the error |
 | component | string | N | Can render a SessionModal or Toast component |
+| autoclosable | string | N | If component === 'Toast'. The notify will be autoclosed using this configuration, as default timer. If none, it will not be closed automatically. If timer, it will be closed after autocloseMilliseconds milliseconds |
+| autocloseMilliseconds | boolean | N | If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default 2000 |
 
 The error will be notified as a GENERIC_ERROR through the [analytcs feature](#analytics)
 
@@ -231,6 +283,8 @@ The user notify to be submitted has type UserNotify which has the following fiel
 | onClose | () => void | N | If defined, it will be executed when closing the popup |
 | closeLabel | string | N | If component === 'SessionModal'. The close button label |
 | component | string | N | Can render a SessionModal or Toast component |
+| autoclosable | string | N | If component === 'Toast'. The notify will be autoclosed using this configuration, as default timer. If none, it will not be closed automatically. If timer, it will be closed after autocloseMilliseconds milliseconds |
+| autocloseMilliseconds | boolean | N | If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default 2000 |
 
 ## UnloadEventHandler
 This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
@@ -265,7 +319,7 @@ This feature can be configured with the following keys of the [CONFIG](#Configur
 | PERSISTENCE | string | Where to store session data, possible values are cookie or localStorage | localStorage |
 | LOG_IP | boolean | If the ip should be sent | false |
 | LOG_IP | boolean | If the ip should be sent | false |
-| PROPERTY_BLACKLIST | Array<string> | If the ip should be sent | ["$current_url", "$initial_referrer", "$referrer"] |
+| PROPERTY_BLACKLIST | Array`<string>` | If the ip should be sent | ["$current_url", "$initial_referrer", "$referrer"] |
 | ADDITIONAL_PROPERTIES | {[key: string]: string} | An object containing a fixed set of properties to send every time, overridden if the actual event will report the same properties | {} |
 | ADDITIONAL_PROPERTIES_IMPORTANT | {[key: string]: string} | As ADDITIONAL_PROPERTIES, but these properties will take the precedence overriding events conflicting properties | {} |
 

package/build.info

@@ -1,2 +1,2 @@
-20220209.1 - selfcare-common-frontend.deploy(19917)
-tags/v1.4.1^0 d241dafce1160276a67e2aafc77b2e5c6736827d
+20220215.1 - selfcare-common-frontend.deploy(20498)
+tags/v1.5.3^0 bd1e6861da1e1567290e0649fdb3d0c41c28d8c9

package/components/ErrorBoundary/ErrorBoundary.js

@@ -59,6 +59,9 @@ class ErrorBoundary extends react_1.Component {
     }
     buildErrorToast(error) {
         var _a, _b;
+        if (error.autoclosable === 'timer') {
+            setTimeout(() => this.handleClose(error), error.autocloseMilliseconds);
+        }
         return ((0, jsx_runtime_1.jsx)(Toast_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : 'ERRORE', message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : 'Spiacenti, qualcosa è andato storto.', logo: FaultIcon_1.default, leftBorderColor: "#C02927", onCloseToast: () => this.handleClose(error) }, void 0));
     }
     buildErrorModal(error) {

package/components/ErrorBoundary/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"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"}

package/components/UserNotifyHandle.js

@@ -16,9 +16,6 @@ function UserNotifyHandle() {
     const notifies = (0, react_redux_1.useSelector)(appStateSlice_1.appStateSelectors.selectNotifies);
     const lastNotifyToast = (0, react_1.useRef)();
     const lastNotifyModal = (0, react_1.useRef)();
-    const { openModal, openToast } = updateCurrents(lastNotifyModal, lastNotifyToast, notifies);
-    const notifyModal = lastNotifyModal.current;
-    const notifyToast = lastNotifyToast.current;
     const onClose = (notify) => {
         dispatch(appStateSlice_1.appStateActions.removeNotify(notify));
         if (notify === null || notify === void 0 ? void 0 : notify.onClose) {
@@ -31,10 +28,13 @@ function UserNotifyHandle() {
             notify.onConfirm();
         }
     };
+    const { openModal, openToast } = updateCurrents(lastNotifyModal, lastNotifyToast, notifies, onClose);
+    const notifyModal = lastNotifyModal.current;
+    const notifyToast = lastNotifyToast.current;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.Toast, { open: openToast, title: (_a = notifyToast === null || notifyToast === void 0 ? void 0 : notifyToast.title) !== null && _a !== void 0 ? _a : 'Notify Title', message: notifyToast === null || notifyToast === void 0 ? void 0 : notifyToast.message, logo: notifyToast === null || notifyToast === void 0 ? void 0 : notifyToast.logo, leftBorderColor: notifyToast === null || notifyToast === void 0 ? void 0 : notifyToast.leftBorderColor, onCloseToast: () => onClose(notifyToast) }, void 0), (0, jsx_runtime_1.jsx)(__1.SessionModal, { open: openModal, title: (_b = notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.title) !== null && _b !== void 0 ? _b : 'Notify Title', message: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.message, onConfirm: () => onConfirm(notifyModal), onConfirmLabel: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.confirmLabel, handleClose: () => onClose(notifyModal), onCloseLabel: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.closeLabel }, void 0)] }, void 0));
 }
 exports.default = UserNotifyHandle;
-function updateCurrents(lastNotifyModalRef, lastNotifyToastRef, notifies) {
+function updateCurrents(lastNotifyModalRef, lastNotifyToastRef, notifies, onClose) {
     const lastNotifyToast = notifies.find((e) => e.component === 'Toast');
     const lastNotifySessionModal = notifies.find((e) => e.component === 'SessionModal');
     const openToast = !!lastNotifyToast;
@@ -46,6 +46,9 @@ function updateCurrents(lastNotifyModalRef, lastNotifyToastRef, notifies) {
     if (lastNotifyToast && lastNotifyToast !== (lastNotifyToastRef === null || lastNotifyToastRef === void 0 ? void 0 : lastNotifyToastRef.current)) {
         // eslint-disable-next-line functional/immutable-data
         lastNotifyToastRef.current = lastNotifyToast;
+        if (lastNotifyToast.autoclosable === 'timer') {
+            setTimeout(() => onClose(lastNotifyToast), lastNotifyToast.autocloseMilliseconds);
+        }
     }
     return {
         openToast,

package/components/UserNotifyHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserNotifyHandle.js","sourceRoot":"","sources":["../../src/lib/components/UserNotifyHandle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserNotifyHandle.js","sourceRoot":"","sources":["../../src/lib/components/UserNotifyHandle.tsx"],"names":[],"mappings":"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"}

package/decorators/withRetrievedValue.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { AppError } from '../model/AppError';
+/** Decorator to retrieve a value and serve it once ready to the decorated component */
+export default function withRetrievedValue<ENTITY_TYPE extends Record<string, any>, PROP_NAME extends string, PROPS extends Record<PROP_NAME, ENTITY_TYPE>>(
+/** The name of the prop to which serve the value when available */
+propEntityName: PROP_NAME, 
+/** A function that will return an other function to retrieve the expected value. This for allow the use of custom hook  */
+getRetrieverService: () => () => Promise<ENTITY_TYPE>, 
+/** The component to decore */
+WrappedComponent: React.ComponentType<PROPS>, 
+/** What to do in case of error. As default, it will use the feature ErrorBoundary */
+onError?: (appError: AppError) => void, 
+/** A component to show while waiting for the value */
+onLoading?: ReactNode): import("react").ComponentType<Omit<PROPS, PROP_NAME>>;

package/decorators/withRetrievedValue.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useErrorDispatcher_1 = (0, tslib_1.__importDefault)(require("../hooks/useErrorDispatcher"));
+/** Decorator to retrieve a value and serve it once ready to the decorated component */
+function withRetrievedValue(
+/** The name of the prop to which serve the value when available */
+propEntityName, 
+/** A function that will return an other function to retrieve the expected value. This for allow the use of custom hook  */
+getRetrieverService, 
+/** The component to decore */
+WrappedComponent, 
+/** What to do in case of error. As default, it will use the feature ErrorBoundary */
+onError, 
+/** A component to show while waiting for the value */
+onLoading) {
+    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    const ComponentWithParties = (props) => {
+        const [value, setValue] = (0, react_1.useState)();
+        const cachedRetrieve = getRetrieverService();
+        const addError = (0, useErrorDispatcher_1.default)();
+        const doRetrieve = () => {
+            cachedRetrieve()
+                .then((v) => setValue(v))
+                .catch((reason) => (onError !== null && onError !== void 0 ? onError : addError)({
+                id: `RETRIEVE_VALUE_${propEntityName}`,
+                blocking: false,
+                techDescription: `Something gone wrong while retrieving ${propEntityName}`,
+                toNotify: true,
+                error: reason,
+                onRetry: doRetrieve,
+            }));
+        };
+        (0, react_1.useEffect)(() => {
+            if (!value) {
+                doRetrieve();
+            }
+        }, []);
+        return value !== undefined ? ((0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, props, { [propEntityName]: value }), void 0)) : (onLoading !== null && onLoading !== void 0 ? onLoading : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0));
+    };
+    // eslint-disable-next-line functional/immutable-data
+    ComponentWithParties.displayName = `withRetrieve${propEntityName}(${displayName})`;
+    return ComponentWithParties;
+}
+exports.default = withRetrievedValue;
+//# sourceMappingURL=withRetrievedValue.js.map

package/decorators/withRetrievedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withRetrievedValue.js","sourceRoot":"","sources":["../../src/lib/decorators/withRetrievedValue.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,kGAA6D;AAG7D,uFAAuF;AACvF,SAAwB,kBAAkB;AAKxC,mEAAmE;AACnE,cAAyB;AACzB,2HAA2H;AAC3H,mBAAqD;AACrD,8BAA8B;AAC9B,gBAA4C;AAC5C,qFAAqF;AACrF,OAAsC;AACtC,sDAAsD;AACtD,SAAqB;IAErB,MAAM,WAAW,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAEzF,MAAM,oBAAoB,GAAG,CAAC,KAAY,EAAE,EAAE;QAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAe,CAAC;QAClD,MAAM,cAAc,GAAG,mBAAmB,EAAE,CAAC;QAE7C,MAAM,QAAQ,GAAG,IAAA,4BAAkB,GAAE,CAAC;QAEtC,MAAM,UAAU,GAAG,GAAS,EAAE;YAC5B,cAAc,EAAE;iBACb,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;iBACxB,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,CAChB,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC,CAAC;gBACpB,EAAE,EAAE,kBAAkB,cAAc,EAAE;gBACtC,QAAQ,EAAE,KAAK;gBACf,eAAe,EAAE,yCAAyC,cAAc,EAAE;gBAC1E,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,UAAU;aACpB,CAAC,CACH,CAAC;QACN,CAAC,CAAC;QAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,IAAI,CAAC,KAAK,EAAE;gBACV,UAAU,EAAE,CAAC;aACd;QACH,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,uBAAC,gBAAgB,oBAAM,KAAe,EAAM,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,UAAI,CAC5E,CAAC,CAAC,CAAC,CACF,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,0DAAK,CACnB,CAAC;IACJ,CAAC,CAAC;IAEF,qDAAqD;IACrD,oBAAoB,CAAC,WAAW,GAAG,eAAe,cAAc,IAAI,WAAW,GAAG,CAAC;IAEnF,OAAO,oBAAmE,CAAC;AAC7E,CAAC;AAxDD,qCAwDC"}

package/hooks/useFakePagination.d.ts

@@ -0,0 +1,9 @@
+import { PageRequest } from '../model/PageRequest';
+import { PageResource } from '../model/PageResource';
+/**
+ * Custom hook used to simulate paginated resources when the external service doesn't implement it, caching values when filter doesn't change and serving them a page at time.
+ * Cached values are stored using useRef, so they are local to the component using this hook.
+ * The sorting actually is applied using string representation
+ */
+declare const useFakePagination: <T extends Record<string, any>>(fetch: () => Promise<T[]>) => (pageRequest: PageRequest, filterChanged: boolean) => Promise<PageResource<T>>;
+export default useFakePagination;

package/hooks/useFakePagination.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const toPageResource = (content, page, size, totalElements) => ({
+    content,
+    page: {
+        number: page,
+        size,
+        totalElements,
+        totalPages: size > 0 ? Math.ceil(totalElements / size) : 0,
+    },
+});
+const extractPageRequest = (data, pageRequest) => {
+    const firstIndex = pageRequest.page * pageRequest.size;
+    return toPageResource(firstIndex < data.length && pageRequest.size > 0
+        ? data.slice(firstIndex, firstIndex + pageRequest.size)
+        : [], pageRequest.page, pageRequest.size, data.length);
+};
+const applySort = (data, sort) => {
+    const sortConfiguration = sort.split(' ').map((order) => {
+        const [key, direction] = order.split(',');
+        return { key, asc: direction === 'asc' };
+    });
+    // eslint-disable-next-line functional/immutable-data
+    data.sort((a, b) => {
+        for (const order of sortConfiguration) {
+            const compare = `${a[order.key]}`.localeCompare(`${b[order.key]}`);
+            if (compare !== 0) {
+                return compare * (order.asc ? 1 : -1);
+            }
+        }
+        return 0;
+    });
+};
+/**
+ * Custom hook used to simulate paginated resources when the external service doesn't implement it, caching values when filter doesn't change and serving them a page at time.
+ * Cached values are stored using useRef, so they are local to the component using this hook.
+ * The sorting actually is applied using string representation
+ */
+const useFakePagination = (fetch) => {
+    const cachedData = (0, react_1.useRef)();
+    const cachedDataSort = (0, react_1.useRef)();
+    const checkAndApplySort = (sort) => {
+        if (sort && cachedDataSort.current !== sort) {
+            applySort(cachedData.current, sort);
+            // eslint-disable-next-line functional/immutable-data
+            cachedDataSort.current = sort;
+        }
+    };
+    return (pageRequest, filterChanged) => {
+        if (!filterChanged && cachedData.current) {
+            checkAndApplySort(pageRequest.sort);
+            return new Promise((resolve) => resolve(extractPageRequest(cachedData.current, pageRequest)));
+        }
+        else {
+            return fetch().then((results) => {
+                // eslint-disable-next-line functional/immutable-data
+                cachedData.current = results;
+                checkAndApplySort(pageRequest.sort);
+                return extractPageRequest(cachedData.current, pageRequest);
+            });
+        }
+    };
+};
+exports.default = useFakePagination;
+//# sourceMappingURL=useFakePagination.js.map

package/hooks/useFakePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFakePagination.js","sourceRoot":"","sources":["../../src/lib/hooks/useFakePagination.ts"],"names":[],"mappings":"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"}

package/hooks/useReduxCachedValue.d.ts

@@ -0,0 +1,9 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+/** @see {useReduxCachedValue} when RETRIEVED_VALUE === STORED_VALUE */
+declare const useReduxCachedValue: <RETRIEVED_VALUE, RETRIEVER_ARGS>(entity: string, retrieverService: (retrieverServiceArgs?: RETRIEVER_ARGS | undefined) => Promise<RETRIEVED_VALUE>, reduxSelector: (state: any) => RETRIEVED_VALUE | undefined, reduxSetterAction: (value: RETRIEVED_VALUE, retrieverServiceArgs?: RETRIEVER_ARGS | undefined) => PayloadAction<any>, selectedValuePredicate2Retrieve?: ((value: RETRIEVED_VALUE, args?: RETRIEVER_ARGS | undefined) => boolean) | undefined, alwaysRetrieve?: boolean | undefined) => (retrieverServiceArgs?: RETRIEVER_ARGS | undefined) => 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 useReduxCachedValueTranscoded: <RETRIEVED_VALUE, STORED_VALUE, RETRIEVER_ARGS>(entity: string, retrieverService: (retrieverServiceArgs?: RETRIEVER_ARGS | undefined) => Promise<RETRIEVED_VALUE>, reduxSelector: (state: any) => STORED_VALUE | undefined, reduxSetterAction: (value: RETRIEVED_VALUE, retrieverServiceArgs?: RETRIEVER_ARGS | undefined) => {
+    payload: STORED_VALUE;
+    type: string;
+}, selectedValue2RetrievedValue: (value: STORED_VALUE) => RETRIEVED_VALUE, selectedValuePredicate2Retrieve?: ((value: STORED_VALUE, args?: RETRIEVER_ARGS | undefined) => boolean) | undefined, alwaysRetrieve?: boolean | undefined) => (retrieverServiceArgs?: RETRIEVER_ARGS | undefined) => Promise<RETRIEVED_VALUE>;
+export default useReduxCachedValue;

package/hooks/useReduxCachedValue.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 = (0, tslib_1.__importDefault)(require("./useLoading"));
+/** @see {useReduxCachedValue} when RETRIEVED_VALUE === STORED_VALUE */
+const useReduxCachedValue = (entity, retrieverService, reduxSelector, reduxSetterAction, selectedValuePredicate2Retrieve, alwaysRetrieve) => (0, exports.useReduxCachedValueTranscoded)(entity, retrieverService, reduxSelector, reduxSetterAction, (value) => value, 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 useReduxCachedValueTranscoded = (
+/** The name of the entity, used just for logging purpose */
+entity, 
+/** The service that will retrieve the value */
+retrieverService, 
+/** The selector to read the value from redux */
+reduxSelector, 
+/** The action to store the new value */
+reduxSetterAction, 
+/** A function called to transform STORED_VALUE into RETRIEVED_VALUE and called when hitting the cache */
+selectedValue2RetrievedValue, 
+/** 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, 
+/** 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 setEntities = (value, retrieverServiceArgs) => dispatch(reduxSetterAction(value, retrieverServiceArgs));
+    const setLoading = (0, useLoading_1.default)(`${constants_1.LOADING_TASK_RETRIEVE_CACHED_VALUES}_${entity}`);
+    return (retrieverServiceArgs) => {
+        if (alwaysRetrieve ||
+            !entities ||
+            (selectedValuePredicate2Retrieve &&
+                selectedValuePredicate2Retrieve(entities, retrieverServiceArgs))) {
+            setLoading(true);
+            return retrieverService(retrieverServiceArgs)
+                .then((e) => {
+                setEntities(e, retrieverServiceArgs);
+                return e;
+            })
+                .finally(() => setLoading(false));
+        }
+        else {
+            return new Promise((resolve) => resolve(selectedValue2RetrievedValue(entities)));
+        }
+    };
+};
+exports.useReduxCachedValueTranscoded = useReduxCachedValueTranscoded;
+exports.default = useReduxCachedValue;
+//# sourceMappingURL=useReduxCachedValue.js.map

package/hooks/useReduxCachedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReduxCachedValue.js","sourceRoot":"","sources":["../../src/lib/hooks/useReduxCachedValue.tsx"],"names":[],"mappings":";;;;AACA,6CAAuD;AACvD,kDAAyE;AACzE,2EAAsC;AAEtC,uEAAuE;AACvE,MAAM,mBAAmB,GAAG,CAC1B,MAAc,EACd,gBAAqF,EACrF,aAA0D,EAC1D,iBAGuB,EACvB,+BAA4F,EAC5F,cAAwB,EAC+C,EAAE,CACzE,IAAA,qCAA6B,EAC3B,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAChB,+BAA+B,EAC/B,cAAc,CACf,CAAC;AAEJ,sJAAsJ;AAC/I,MAAM,6BAA6B,GAAG;AAC3C,4DAA4D;AAC5D,MAAc;AACd,+CAA+C;AAC/C,gBAAqF;AACrF,gDAAgD;AAChD,aAAuD;AACvD,wCAAwC;AACxC,iBAGgC;AAChC,yGAAyG;AACzG,4BAAsE;AACtE,8LAA8L;AAC9L,+BAAyF;AACzF,+DAA+D;AAC/D,cAAwB,EAC+C,EAAE;IACzE,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,aAAa,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,oBAAqC,EAAE,EAAE,CACpF,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,GAAG,+CAAmC,IAAI,MAAM,EAAE,CAAC,CAAC;IAElF,OAAO,CAAC,oBAAqC,EAA4B,EAAE;QACzE,IACE,cAAc;YACd,CAAC,QAAQ;YACT,CAAC,+BAA+B;gBAC9B,+BAA+B,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC,EAClE;YACA,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,gBAAgB,CAAC,oBAAoB,CAAC;iBAC1C,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;gBACV,WAAW,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC;gBACrC,OAAO,CAAC,CAAC;YACX,CAAC,CAAC;iBACD,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;SACrC;aAAM;YACL,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,4BAA4B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SAClF;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,6BAA6B,iCA4CxC;AAEF,kBAAe,mBAAmB,CAAC"}

package/model/AppError.d.ts

@@ -0,0 +1,31 @@
+import { ErrorInfo } from 'react';
+export declare type AppError = {
+    /** The identifier used to recognize the error: it cannot be possible to have the same error id at the same time */
+    id: string;
+    /** The Error thrown */
+    error: Error;
+    errorInfo?: ErrorInfo;
+    /** If true, this error will show the error page, not allowing the user to do anything, otherwise it will show a closable popup */
+    blocking: boolean;
+    /** A description of the error to send when notifying the error */
+    techDescription: string;
+    /** A text to show as title of the popup when a not blocking error occurs */
+    displayableTitle?: string;
+    /** A text to show as body of the popup when a not blocking error occurs */
+    displayableDescription?: string;
+    /** If defined, in case of not blocking error, it will render a retry button which will execute this function */
+    onRetry?: () => void;
+    /** If defined, in case of not blocking error, it will be executed when closing the popup */
+    onClose?: () => void;
+    /** If true, it will notify the error */
+    toNotify: boolean;
+    /** Can render a SessionModal or Toast component */
+    component?: 'SessionModal' | 'Toast';
+    /** If component === 'Toast'. The notify will be autoclosed using this configuration, as default timer.
+     * If none, it will not be closed automatically.
+     * If timer, it will be closed after autocloseMilliseconds milliseconds
+     */
+    autoclosable?: 'none' | 'timer';
+    /** If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default 2000 */
+    autocloseMilliseconds?: number;
+};

package/model/AppError.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=AppError.js.map

package/model/AppError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppError.js","sourceRoot":"","sources":["../../src/lib/model/AppError.ts"],"names":[],"mappings":""}

package/model/UserNotify.d.ts

@@ -8,6 +8,13 @@ export declare type UserNotify = {
     message: React.ReactNode;
     /** If component === 'Toast'. The logo to be rendered. As default a confirm logo will be used */
     logo?: React.ElementType;
+    /** If component === 'Toast'. The notify will be autoclosed using this configuration, as default timer.
+     * If none, it will not be closed automatically.
+     * If timer, it will be closed after autocloseMilliseconds milliseconds
+     */
+    autoclosable?: 'none' | 'timer';
+    /** If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default 2000 */
+    autocloseMilliseconds?: number;
     /** If component === 'Toast'. The color used for the left border */
     leftBorderColor?: string;
     /** If component === 'SessionModal'. If defined, it will render a confirm button which will execute this function */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagopa/selfcare-common-frontend",
   "description": "Shared React components for the pagopa selfcare project",
-  "version": "1.4.1",
+  "version": "1.5.3",
   "license": "MIT",
   "repository": "https://github.com/pagopa/selfcare-common-frontend",
   "author": "https://www.pagopa.gov.it",
@@ -121,8 +121,7 @@
       "src/lib/common-polyfill.ts",
       "src/lib/index.ts",
       "src/lib/components/icons/*",
-      "src/lib/model/*",
-      "src/store.ts"
+      "src/lib/model/*"
     ]
   }
 }

package/redux/slices/appStateSlice.d.ts

@@ -1,29 +1,7 @@
 import { PayloadAction } from '@reduxjs/toolkit';
-import { ErrorInfo } from 'react';
+import { AppError } from '../../model/AppError';
 import { UserNotify } from '../../model/UserNotify';
-export declare type AppError = {
-    /** The identifier used to recognize the error: it cannot be possible to have the same error id at the same time */
-    id: string;
-    /** The Error thrown */
-    error: Error;
-    errorInfo?: ErrorInfo;
-    /** If true, this error will show the error page, not allowing the user to do anything, otherwise it will show a closable popup */
-    blocking: boolean;
-    /** A description of the error to send when notifying the error */
-    techDescription: string;
-    /** A text to show as title of the popup when a not blocking error occurs */
-    displayableTitle?: string;
-    /** A text to show as body of the popup when a not blocking error occurs */
-    displayableDescription?: string;
-    /** If defined, in case of not blocking error, it will render a retry button which will execute this function */
-    onRetry?: () => void;
-    /** If defined, in case of not blocking error, it will be executed when closing the popup */
-    onClose?: () => void;
-    /** If true, it will notify the error */
-    toNotify: boolean;
-    /** Can render a SessionModal or Toast component */
-    component?: 'SessionModal' | 'Toast';
-};
+export type { AppError } from '../../model/AppError';
 interface AppStateState {
     loading: {
         result: boolean;
@@ -96,4 +74,3 @@ export declare const appStateSelectors: {
         exitAction?: (() => void) | undefined;
     };
 };
-export {};

package/redux/slices/appStateSlice.js

@@ -40,12 +40,30 @@ exports.appStateSlice = (0, toolkit_1.createSlice)({
             if (!action.payload.component) {
                 action.payload.component = 'SessionModal';
             }
+            if (action.payload.component === 'Toast') {
+                if (action.payload.autoclosable === undefined) {
+                    action.payload.autoclosable = 'timer';
+                }
+                if (action.payload.autoclosable === 'timer' &&
+                    (!action.payload.autocloseMilliseconds || action.payload.autocloseMilliseconds < 0)) {
+                    action.payload.autocloseMilliseconds = 2000;
+                }
+            }
             state.errors.push(action.payload);
         },
         removeError: (state, action) => {
             state.errors = state.errors.filter((e) => e.id !== action.payload.id);
         },
         addNotify: (state, action) => {
+            if (action.payload.component === 'Toast') {
+                if (action.payload.autoclosable === undefined) {
+                    action.payload.autoclosable = 'timer';
+                }
+                if (action.payload.autoclosable === 'timer' &&
+                    (!action.payload.autocloseMilliseconds || action.payload.autocloseMilliseconds < 0)) {
+                    action.payload.autocloseMilliseconds = 2000;
+                }
+            }
             state.userNotifies.push(action.payload);
         },
         removeNotify: (state, action) => {

package/redux/slices/appStateSlice.js.map

@@ -1 +1 @@
-{"version":3,"file":"appStateSlice.js","sourceRoot":"","sources":["../../../src/lib/redux/slices/appStateSlice.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"appStateSlice.js","sourceRoot":"","sources":["../../../src/lib/redux/slices/appStateSlice.ts"],"names":[],"mappings":"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"}

package/utils/api-utils.d.ts

@@ -3,7 +3,7 @@ import * as t from 'io-ts';
 import { EnhancedStore } from '@reduxjs/toolkit';
 /** To show an error popup to inform of the not valid session */
 export declare const onRedirectToLogin: (store: EnhancedStore) => {
-    payload: import("../redux/slices/appStateSlice").AppError;
+    payload: import("../model/AppError").AppError;
     type: string;
 };
 /** Return the implementation of fetch configured with a timeout */

package/utils/constants.d.ts

@@ -4,6 +4,7 @@ export declare const STORAGE_KEY_USER = "user";
 /** The key used to store in the session storage the logged user token in selfcare projects */
 export declare const STORAGE_KEY_TOKEN = "token";
 export declare const LOADING_TASK_LOGIN_CHECK = "LOGIN_CHECK";
+export declare const LOADING_TASK_RETRIEVE_CACHED_VALUES = "RETRIEVE_CACHED_VALUES";
 /** The short and long labels used for the roles of selfcare's projects */
 export declare const roleLabels: {
     [key in UserRole]: {

package/utils/constants.js

@@ -1,14 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.roleLabels = exports.LOADING_TASK_LOGIN_CHECK = exports.STORAGE_KEY_TOKEN = exports.STORAGE_KEY_USER = void 0;
+exports.roleLabels = exports.LOADING_TASK_RETRIEVE_CACHED_VALUES = exports.LOADING_TASK_LOGIN_CHECK = exports.STORAGE_KEY_TOKEN = exports.STORAGE_KEY_USER = void 0;
 /** The key used to store in the session storage the loggedUser in selfcare projects */
 exports.STORAGE_KEY_USER = 'user';
 /** The key used to store in the session storage the logged user token in selfcare projects */
 exports.STORAGE_KEY_TOKEN = 'token';
 exports.LOADING_TASK_LOGIN_CHECK = 'LOGIN_CHECK';
+exports.LOADING_TASK_RETRIEVE_CACHED_VALUES = 'RETRIEVE_CACHED_VALUES';
 /** The short and long labels used for the roles of selfcare's projects */
 exports.roleLabels = {
-    ADMIN: { shortLabel: 'Ref. Amministrativo', longLabel: 'Referente Amministrativo', description: 'Gestisce i prodotti e gli utenti attivi' },
-    LIMITED: { shortLabel: 'Ref. Operativo', longLabel: 'Referente Operativo', description: 'Operatore prodotto' },
+    ADMIN: {
+        shortLabel: 'Ref. Amministrativo',
+        longLabel: 'Referente Amministrativo',
+        description: 'Gestisce i prodotti e gli utenti attivi',
+    },
+    LIMITED: {
+        shortLabel: 'Ref. Operativo',
+        longLabel: 'Referente Operativo',
+        description: 'Operatore prodotto',
+    },
 };
 //# sourceMappingURL=constants.js.map

package/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/lib/utils/constants.ts"],"names":[],"mappings":";;;AAEA,uFAAuF;AAC1E,QAAA,gBAAgB,GAAG,MAAM,CAAC;AACvC,8FAA8F;AACjF,QAAA,iBAAiB,GAAG,OAAO,CAAC;AAE5B,QAAA,wBAAwB,GAAG,aAAa,CAAC;AAEtD,0EAA0E;AAC7D,QAAA,UAAU,GAAyF;IAC9G,KAAK,EAAE,EAAE,UAAU,EAAE,qBAAqB,EAAE,SAAS,EAAE,0BAA0B,EAAC,WAAW,EAAC,yCAAyC,EAAE;IACzI,OAAO,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAC,oBAAoB,EAAE;CAC9G,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/lib/utils/constants.ts"],"names":[],"mappings":";;;AAEA,uFAAuF;AAC1E,QAAA,gBAAgB,GAAG,MAAM,CAAC;AACvC,8FAA8F;AACjF,QAAA,iBAAiB,GAAG,OAAO,CAAC;AAE5B,QAAA,wBAAwB,GAAG,aAAa,CAAC;AACzC,QAAA,mCAAmC,GAAG,wBAAwB,CAAC;AAE5E,0EAA0E;AAC7D,QAAA,UAAU,GAEnB;IACF,KAAK,EAAE;QACL,UAAU,EAAE,qBAAqB;QACjC,SAAS,EAAE,0BAA0B;QACrC,WAAW,EAAE,yCAAyC;KACvD;IACD,OAAO,EAAE;QACP,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,qBAAqB;QAChC,WAAW,EAAE,oBAAoB;KAClC;CACF,CAAC"}