@pagopa/selfcare-common-frontend 1.7.0 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/README.md +13 -0
- package/build.info +2 -2
- package/components/CustomAvatar.d.ts +1 -0
- package/components/CustomAvatar.js +2 -2
- package/components/CustomAvatar.js.map +1 -1
- package/components/CustomPagination.d.ts +1 -0
- package/components/CustomPagination.js +4 -4
- package/components/CustomPagination.js.map +1 -1
- package/components/EndingPage.js +2 -2
- package/components/EndingPage.js.map +1 -1
- package/components/ErrorBoundary/ErrorBoundary.js +9 -9
- package/components/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/components/ErrorBoundary/components/BlockingErrorPage.js +4 -4
- package/components/ErrorBoundary/components/BlockingErrorPage.js.map +1 -1
- package/components/FilterModal.js +9 -6
- package/components/FilterModal.js.map +1 -1
- package/components/Footer/Footer.d.ts +1 -0
- package/components/Footer/Footer.js +22 -17
- package/components/Footer/Footer.js.map +1 -1
- package/components/Header/Header.js +5 -5
- package/components/Header/Header.js.map +1 -1
- package/components/Header/subHeader/SubHeader.js +14 -7
- package/components/Header/subHeader/SubHeader.js.map +1 -1
- package/components/Loading/LoadingOverlay.d.ts +1 -0
- package/components/Loading/LoadingOverlay.js +2 -11
- package/components/Loading/LoadingOverlay.js.map +1 -1
- package/components/LoadingOverlayComponent.d.ts +7 -0
- package/components/LoadingOverlayComponent.js +20 -0
- package/components/LoadingOverlayComponent.js.map +1 -0
- package/components/NavigationBar.d.ts +1 -0
- package/components/NavigationBar.js +3 -3
- package/components/NavigationBar.js.map +1 -1
- package/components/SessionModal.js +4 -4
- package/components/SessionModal.js.map +1 -1
- package/components/TitleBox.d.ts +1 -0
- package/components/TitleBox.js +1 -1
- package/components/TitleBox.js.map +1 -1
- package/components/Toast.js +4 -4
- package/components/Toast.js.map +1 -1
- package/components/ToastWrapper.js +2 -2
- package/components/ToastWrapper.js.map +1 -1
- package/components/UnloadEventHandler.d.ts +1 -0
- package/components/UnloadEventHandler.js +2 -2
- package/components/UnloadEventHandler.js.map +1 -1
- package/components/UserNotifyHandle.d.ts +1 -0
- package/components/UserNotifyHandle.js +2 -2
- package/components/UserNotifyHandle.js.map +1 -1
- package/components/icons/CheckIllustrationIcon.d.ts +1 -0
- package/components/icons/CheckIllustrationIcon.js +2 -2
- package/components/icons/CheckIllustrationIcon.js.map +1 -1
- package/components/icons/ConfirmIcon.js +1 -1
- package/components/icons/ConfirmIcon.js.map +1 -1
- package/components/icons/ErrorIcon.d.ts +1 -0
- package/components/icons/ErrorIcon.js +2 -2
- package/components/icons/ErrorIcon.js.map +1 -1
- package/components/icons/FaultIcon.js +1 -1
- package/components/icons/FaultIcon.js.map +1 -1
- package/components/icons/PagoPaIcon.d.ts +1 -0
- package/components/icons/PagoPaIcon.js +2 -2
- package/components/icons/PagoPaIcon.js.map +1 -1
- package/components/icons/PagoPaIconColored.d.ts +5 -0
- package/components/icons/PagoPaIconColored.js +7 -0
- package/components/icons/PagoPaIconColored.js.map +1 -0
- package/components/icons/PagoPaMiniIcon.d.ts +1 -0
- package/components/icons/PagoPaMiniIcon.js +2 -2
- package/components/icons/PagoPaMiniIcon.js.map +1 -1
- package/config/env.js +1 -1
- package/config/env.js.map +1 -1
- package/decorators/__mocks__/withLogin.d.ts +1 -0
- package/decorators/__mocks__/withLogin.js +1 -1
- package/decorators/__mocks__/withLogin.js.map +1 -1
- package/decorators/withLogin.js +2 -2
- package/decorators/withLogin.js.map +1 -1
- package/decorators/withRetrievedValue.js +2 -2
- package/decorators/withRetrievedValue.js.map +1 -1
- package/hooks/useLogin.js +1 -1
- package/hooks/useLogin.js.map +1 -1
- package/hooks/useReduxCachedValue.js +1 -1
- package/hooks/useReduxCachedValue.js.map +1 -1
- package/index.d.ts +18 -0
- package/index.js +40 -1
- package/index.js.map +1 -1
- package/locale/locale-utils.js +2 -2
- package/locale/locale-utils.js.map +1 -1
- package/package.json +6 -12
- package/services/analyticsService.js +1 -1
- package/services/analyticsService.js.map +1 -1
- package/services/assistanceService.js +1 -1
- package/services/assistanceService.js.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,8 +4,27 @@ All notable changes to this project will be documented in this file. Dates are d
|
|
|
4
4
|
|
|
5
5
|
Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
|
|
6
6
|
|
|
7
|
+
#### [v1.10.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.9.0...v1.10.0)
|
|
8
|
+
|
|
9
|
+
- SELC-222 - changed color in Footer Header and subHeader (no new mui-italia) [`#59`](https://github.com/pagopa/selfcare-common-frontend/pull/59)
|
|
10
|
+
- SELC-222 - changed color in Footer Header and subHeader (no new mui-italia) (#59) [`#222`](https://pagopa.atlassian.net/browse/222)
|
|
11
|
+
|
|
12
|
+
#### [v1.9.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.8.0...v1.9.0)
|
|
13
|
+
|
|
14
|
+
> 24 March 2022
|
|
15
|
+
|
|
16
|
+
- Added LoadingOverlayComponent [`#58`](https://github.com/pagopa/selfcare-common-frontend/pull/58)
|
|
17
|
+
|
|
18
|
+
#### [v1.8.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.7.0...v1.8.0)
|
|
19
|
+
|
|
20
|
+
> 23 March 2022
|
|
21
|
+
|
|
22
|
+
- dependencies updated [`#57`](https://github.com/pagopa/selfcare-common-frontend/pull/57)
|
|
23
|
+
|
|
7
24
|
#### [v1.7.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.6.2...v1.7.0)
|
|
8
25
|
|
|
26
|
+
> 23 March 2022
|
|
27
|
+
|
|
9
28
|
- Added NavigationBar component and extended polyfill [`#56`](https://github.com/pagopa/selfcare-common-frontend/pull/56)
|
|
10
29
|
|
|
11
30
|
#### [v1.6.2](https://github.com/pagopa/selfcare-common-frontend/compare/v1.6.1...v1.6.2)
|
package/README.md
CHANGED
|
@@ -160,6 +160,19 @@ NavigationPath's fields:
|
|
|
160
160
|
| description | string | Y | The text displayed |
|
|
161
161
|
| onClick | () => void | N | If defined, it will represent the function executed when clicking on the element. Moreover it will be displayed in bold |
|
|
162
162
|
|
|
163
|
+
## LoadingOverlayComponent
|
|
164
|
+
A component which render an overlay loading
|
|
165
|
+
|
|
166
|
+
| Prop | Type | Mandatory | Description |
|
|
167
|
+
|------|------|-----------|-------------|
|
|
168
|
+
| open | boolean | Y | if show the loading overlay or not |
|
|
169
|
+
|
|
170
|
+
NavigationPath's fields:
|
|
171
|
+
| field | Type | Mandatory | Description |
|
|
172
|
+
|------|------|-----------|-------------|
|
|
173
|
+
| description | string | Y | The text displayed |
|
|
174
|
+
| onClick | () => void | N | If defined, it will represent the function executed when clicking on the element. Moreover it will be displayed in bold |
|
|
175
|
+
|
|
163
176
|
# Utilities
|
|
164
177
|
## api-utils
|
|
165
178
|
### onRedirectToLogin: (store: EnhancedStore) => void
|
package/build.info
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
remotes/origin/SELC-222
|
|
1
|
+
20220404.1 - selfcare-common-frontend.deploy(26290)
|
|
2
|
+
remotes/origin/SELC-222 b58298f7d775580dad027f519c5766e99f5db19d
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 =
|
|
5
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
/** Avatar to use to load Organization logo */
|
|
8
8
|
function CustomAvatar({ customAlt, customSrc, customWidth, customHeight, id, loading, }) {
|
|
@@ -12,7 +12,7 @@ function CustomAvatar({ customAlt, customSrc, customWidth, customHeight, id, loa
|
|
|
12
12
|
display: !loading ? undefined : 'none',
|
|
13
13
|
color: 'palette.background.default',
|
|
14
14
|
backgroundColor: '#CCD4DC',
|
|
15
|
-
} }
|
|
15
|
+
} }) }));
|
|
16
16
|
}
|
|
17
17
|
exports.default = CustomAvatar;
|
|
18
18
|
//# sourceMappingURL=CustomAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomAvatar.js","sourceRoot":"","sources":["../../src/lib/components/CustomAvatar.tsx"],"names":[],"mappings":";;;;AAAA
|
|
1
|
+
{"version":3,"file":"CustomAvatar.js","sourceRoot":"","sources":["../../src/lib/components/CustomAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,4CAAuC;AAiBvC,8CAA8C;AAC9C,SAAwB,YAAY,CAAC,EACnC,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,EAAE,EACF,OAAO,GACD;IACN,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,uBAAC,iBAAM,IACL,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,SAAS,EACd,EAAE,EAAE;gBACF,KAAK,EAAE,WAAW;gBAClB,MAAM,EAAE,YAAY;gBACpB,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;gBACtC,KAAK,EAAE,4BAA4B;gBACnC,eAAe,EAAE,SAAS;aAC3B,GACD,GACa,CAClB,CAAC;AACJ,CAAC;AAxBD,+BAwBC"}
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const PaginationItem_1 =
|
|
7
|
-
const react_1 =
|
|
6
|
+
const PaginationItem_1 = tslib_1.__importDefault(require("@mui/material/PaginationItem"));
|
|
7
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
8
8
|
function defaultLabelDisplayedRows(from, to, count) {
|
|
9
9
|
// eslint-disable-next-line sonarjs/no-nested-template-literals
|
|
10
10
|
return `${from}-${to} di ${count !== -1 ? count : `più di ${to}`}`;
|
|
@@ -20,12 +20,12 @@ function CustomPagination({ page, onPageRequest, sort }) {
|
|
|
20
20
|
const count = page.totalElements;
|
|
21
21
|
const from = count === 0 ? 0 : page.number * page.size + 1;
|
|
22
22
|
const to = getLabelDisplayedRowsTo(count, page.number, page.size);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid,
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: '0 10px' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, display: "flex", justifyContent: "start", alignItems: 'center', children: defaultLabelDisplayedRows(from, to, count) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, display: "flex", justifyContent: "end", alignItems: 'center', children: page.totalElements > page.size && ((0, jsx_runtime_1.jsx)(material_1.Pagination, { sx: { display: 'flex' }, color: "primary", variant: "outlined", shape: "rounded", page: page.number + 1, count: page.totalPages, renderItem: (props2) => (0, jsx_runtime_1.jsx)(PaginationItem_1.default, { ...props2, sx: { border: 'none' } }), onChange: (_event, value) => (onPageRequest({
|
|
24
24
|
page: value - 1,
|
|
25
25
|
size: page.size,
|
|
26
26
|
sort,
|
|
27
27
|
}),
|
|
28
|
-
window.scrollTo(0, 0)) }
|
|
28
|
+
window.scrollTo(0, 0)) })) })] }) }));
|
|
29
29
|
}
|
|
30
30
|
exports.default = CustomPagination;
|
|
31
31
|
//# sourceMappingURL=CustomPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomPagination.js","sourceRoot":"","sources":["../../src/lib/components/CustomPagination.tsx"],"names":[],"mappings":";;;;AAAA,4CAAiD;AACjD
|
|
1
|
+
{"version":3,"file":"CustomPagination.js","sourceRoot":"","sources":["../../src/lib/components/CustomPagination.tsx"],"names":[],"mappings":";;;;AAAA,4CAAiD;AACjD,0FAA0D;AAC1D,0DAA0B;AAI1B,SAAS,yBAAyB,CAAC,IAAY,EAAE,EAAU,EAAE,KAAa;IACxE,+DAA+D;IAC/D,OAAO,GAAG,IAAI,IAAI,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC;AACrE,CAAC;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,IAAY,EAAE,EAAE;IAC5E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;KAC1B;IAED,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AAClE,CAAC,CAAC;AAWF,sDAAsD;AACtD,SAAwB,gBAAgB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAS;IAC3E,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;IACjC,MAAM,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IAC3D,MAAM,EAAE,GAAG,uBAAuB,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAElE,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,wBAAC,eAAI,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,aACvC,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,UAAU,EAAE,QAAQ,YACzE,yBAAyB,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,GACtC,EACP,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,KAAK,EAAC,UAAU,EAAE,QAAQ,YACvE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,IAAI,CACjC,uBAAC,qBAAU,IACT,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EACvB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EACrB,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAC,wBAAc,OAAK,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAC9E,QAAQ,EAAE,CAAC,MAAkC,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/D,aAAa,CAAC;4BACZ,IAAI,EAAE,KAAK,GAAG,CAAC;4BACf,IAAI,EAAE,IAAI,CAAC,IAAI;4BACf,IAAI;yBACL,CAAC;4BACF,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CACtB,GACD,CACH,GACI,IACF,GACQ,CAClB,CAAC;AACJ,CAAC;AAnCD,mCAmCC"}
|
package/components/EndingPage.js
CHANGED
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const CheckIllustrationIcon_1 =
|
|
6
|
+
const CheckIllustrationIcon_1 = tslib_1.__importDefault(require("./icons/CheckIllustrationIcon"));
|
|
7
7
|
/** Selfcare's Ending Page */
|
|
8
|
-
exports.default = ({ description, onButtonClick, icon = (0, jsx_runtime_1.jsx)(CheckIllustrationIcon_1.default, {}
|
|
8
|
+
exports.default = ({ description, onButtonClick, icon = (0, jsx_runtime_1.jsx)(CheckIllustrationIcon_1.default, {}), title, buttonLabel, }) => ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { minHeight: '100vh' }, display: "flex", flexGrow: 1, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, direction: "column", style: { textAlign: 'center' }, margin: 'auto', children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, justifyContent: "center", mb: 5, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: icon }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, justifyContent: "center", children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h2", children: title }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, justifyContent: "center", mb: 7, mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", children: description }) }) }), onButtonClick && ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, justifyContent: "center", children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", sx: { width: '200px', alignSelf: 'center' }, onClick: onButtonClick, children: buttonLabel }) }) }))] }, "0") }));
|
|
9
9
|
//# sourceMappingURL=EndingPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EndingPage.js","sourceRoot":"","sources":["../../src/lib/components/EndingPage.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4E;AAC5E,
|
|
1
|
+
{"version":3,"file":"EndingPage.js","sourceRoot":"","sources":["../../src/lib/components/EndingPage.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4E;AAC5E,kGAAkE;AAelE,6BAA6B;AAC7B,kBAAe,CAAC,EACd,WAAW,EACX,aAAa,EACb,IAAI,GAAG,uBAAC,+BAAqB,KAAG,EAChC,KAAK,EACL,WAAW,GACL,EAAE,EAAE,CAAC,CACX,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,YACzD,wBAAC,eAAI,IAAC,SAAS,QAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,aACvF,uBAAC,eAAI,IAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAChD,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,IAAI,GACA,GACF,EACP,uBAAC,eAAI,IAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,YAC1C,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,uBAAC,qBAAU,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAc,GACxC,GACF,EACP,uBAAC,eAAI,IAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACvD,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,uBAAC,qBAAU,IAAC,SAAS,EAAC,KAAK,YAAE,WAAW,GAAc,GACjD,GACF,EACN,aAAa,IAAI,CAChB,uBAAC,eAAI,IAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,YAC1C,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,uBAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC3C,OAAO,EAAE,aAAa,YAErB,WAAW,GACL,GACJ,GACF,CACR,KA5BoC,GAAG,CA6BnC,GACH,CACP,CAAC"}
|
|
@@ -9,10 +9,10 @@ const reselect_1 = require("reselect");
|
|
|
9
9
|
const react_i18next_1 = require("react-i18next");
|
|
10
10
|
const appStateSlice_1 = require("../../redux/slices/appStateSlice");
|
|
11
11
|
const errorService_1 = require("../../services/errorService");
|
|
12
|
-
const SessionModal_1 =
|
|
13
|
-
const Toast_1 =
|
|
14
|
-
const FaultIcon_1 =
|
|
15
|
-
const BlockingErrorPage_1 =
|
|
12
|
+
const SessionModal_1 = tslib_1.__importDefault(require("../SessionModal"));
|
|
13
|
+
const Toast_1 = tslib_1.__importDefault(require("../Toast"));
|
|
14
|
+
const FaultIcon_1 = tslib_1.__importDefault(require("../icons/FaultIcon"));
|
|
15
|
+
const BlockingErrorPage_1 = tslib_1.__importDefault(require("./components/BlockingErrorPage"));
|
|
16
16
|
/** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
|
|
17
17
|
It allows to dispatch errors in order to display a warning or the error page to the user.
|
|
18
18
|
Errors dispatched will be notified using errorService
|
|
@@ -47,27 +47,27 @@ class ErrorBoundary extends react_1.Component {
|
|
|
47
47
|
(0, errorService_1.handleErrors)(this.props.errors);
|
|
48
48
|
}
|
|
49
49
|
if (!hasBlockingError) {
|
|
50
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [this.props.children, hasError && this.buildNotBlockingError(this.props.errors)] }
|
|
50
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [this.props.children, hasError && this.buildNotBlockingError(this.props.errors)] }));
|
|
51
51
|
}
|
|
52
52
|
else {
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(BlockingErrorPage_1.default, { description: blockingErrors[0].displayableDescription, assistanceEmail: this.props.assistanceEmail }
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(BlockingErrorPage_1.default, { description: blockingErrors[0].displayableDescription, assistanceEmail: this.props.assistanceEmail }));
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
buildNotBlockingError(errors) {
|
|
57
57
|
const errorModal = errors.find((e) => e.component === 'SessionModal');
|
|
58
58
|
const errorToast = errors.find((e) => e.component === 'Toast');
|
|
59
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [errorModal && this.buildErrorModal(errorModal), errorToast && this.buildErrorToast(errorToast)] }
|
|
59
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [errorModal && this.buildErrorModal(errorModal), errorToast && this.buildErrorToast(errorToast)] }));
|
|
60
60
|
}
|
|
61
61
|
buildErrorToast(error) {
|
|
62
62
|
var _a, _b;
|
|
63
63
|
if (error.autoclosable === 'timer') {
|
|
64
64
|
setTimeout(() => this.handleClose(error), error.autocloseMilliseconds);
|
|
65
65
|
}
|
|
66
|
-
return ((0, jsx_runtime_1.jsx)(Toast_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.toastError'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.toastMessage'), logo: FaultIcon_1.default, leftBorderColor: "#C02927", onCloseToast: () => this.handleClose(error), width: error.width }
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)(Toast_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.toastError'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.toastMessage'), logo: FaultIcon_1.default, leftBorderColor: "#C02927", onCloseToast: () => this.handleClose(error), width: error.width }));
|
|
67
67
|
}
|
|
68
68
|
buildErrorModal(error) {
|
|
69
69
|
var _a, _b;
|
|
70
|
-
return ((0, jsx_runtime_1.jsx)(SessionModal_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.sessionModalTitle'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.sessionModalMessage'), onConfirm: error.onRetry ? () => this.retryError(error) : undefined, handleClose: () => this.handleClose(error), width: error.width }
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(SessionModal_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.sessionModalTitle'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.sessionModalMessage'), onConfirm: error.onRetry ? () => this.retryError(error) : undefined, handleClose: () => this.handleClose(error), width: error.width }));
|
|
71
71
|
}
|
|
72
72
|
retryError(error) {
|
|
73
73
|
this.popError(error);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;AACA,mCAAkC;AAClC,iCAAgF;AAChF,6CAAsC;AACtC,uCAA0C;AAC1C,iDAA2D;AAC3D,oEAAgG;AAChG,8DAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,12 +4,12 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_i18next_1 = require("react-i18next");
|
|
6
6
|
const assistanceService_1 = require("../../../services/assistanceService");
|
|
7
|
-
const EndingPage_1 =
|
|
8
|
-
const ErrorIcon_1 =
|
|
7
|
+
const EndingPage_1 = tslib_1.__importDefault(require("../../EndingPage"));
|
|
8
|
+
const ErrorIcon_1 = tslib_1.__importDefault(require("../../icons/ErrorIcon"));
|
|
9
9
|
exports.default = ({ description, assistanceEmail }) => {
|
|
10
10
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)(EndingPage_1.default, { icon: (0, jsx_runtime_1.jsx)(ErrorIcon_1.default, {}
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(EndingPage_1.default, { icon: (0, jsx_runtime_1.jsx)(ErrorIcon_1.default, {}), title: t('common.blockingErrorPage.title'), description: description !== null && description !== void 0 ? description : t('common.blockingErrorPage.description'), onButtonClick: assistanceEmail
|
|
12
12
|
? () => window.location.assign((0, assistanceService_1.buildAssistanceURI)(assistanceEmail))
|
|
13
|
-
: undefined, buttonLabel: t('common.blockingErrorPage.buttonLabel') }
|
|
13
|
+
: undefined, buttonLabel: t('common.blockingErrorPage.buttonLabel') }));
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=BlockingErrorPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockingErrorPage.js","sourceRoot":"","sources":["../../../../src/lib/components/ErrorBoundary/components/BlockingErrorPage.tsx"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAC/C,2EAAyE;AACzE
|
|
1
|
+
{"version":3,"file":"BlockingErrorPage.js","sourceRoot":"","sources":["../../../../src/lib/components/ErrorBoundary/components/BlockingErrorPage.tsx"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAC/C,2EAAyE;AACzE,0EAA0C;AAC1C,8EAA8C;AAM9C,kBAAe,CAAC,EAAE,WAAW,EAAE,eAAe,EAAS,EAAE,EAAE;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,uBAAC,oBAAU,IACT,IAAI,EAAE,uBAAC,mBAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,CAAC,sCAAsC,CAAC,EACrE,aAAa,EACX,eAAe;YACb,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAA,sCAAkB,EAAC,eAAe,CAAC,CAAC;YACnE,CAAC,CAAC,SAAS,EAEf,WAAW,EAAE,CAAC,CAAC,sCAAsC,CAAC,GACtD,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const React =
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const Dialog_1 =
|
|
8
|
-
const useMediaQuery_1 =
|
|
7
|
+
const Dialog_1 = tslib_1.__importDefault(require("@mui/material/Dialog"));
|
|
8
|
+
const useMediaQuery_1 = tslib_1.__importDefault(require("@mui/material/useMediaQuery"));
|
|
9
9
|
const styles_1 = require("@mui/material/styles");
|
|
10
|
-
const ClearOutlined_1 =
|
|
10
|
+
const ClearOutlined_1 = tslib_1.__importDefault(require("@mui/icons-material/ClearOutlined"));
|
|
11
11
|
const react_i18next_1 = require("react-i18next");
|
|
12
12
|
/** Modal used to show a list of values from which to choose a single value */
|
|
13
13
|
function FilterModal({ open, handleClose, title, filterModalConfig, height = '16em', minHeight = '16em', }) {
|
|
@@ -25,10 +25,13 @@ function FilterModal({ open, handleClose, title, filterModalConfig, height = '16
|
|
|
25
25
|
handleClose(event);
|
|
26
26
|
};
|
|
27
27
|
const data = (filterModalConfig === null || filterModalConfig === void 0 ? void 0 : filterModalConfig.data) !== undefined ? filterModalConfig === null || filterModalConfig === void 0 ? void 0 : filterModalConfig.data : [];
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(Dialog_1.default,
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(Dialog_1.default, { fullScreen: fullScreen, open: open, "aria-labelledby": "responsive-dialog-title", children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, direction: "column", sx: { height, minHeight, width: '21.9em' }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { mx: 3, sx: { height: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, mt: 4, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 10, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: (e) => {
|
|
29
29
|
setValueRadio('');
|
|
30
30
|
handleClose(e);
|
|
31
|
-
}, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 }
|
|
31
|
+
}, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 }, children: (0, jsx_runtime_1.jsx)(ClearOutlined_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", sx: { fontSize: '18px', fontWeight: '600' }, children: `${t('common.filterModal.title')} ${title}` })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, my: 3, children: (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { "aria-label": "gender", name: "controlled-radio-buttons-group", value: valueRadio, onChange: handleChange, children: data.map((value, index) => {
|
|
32
|
+
var _a;
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: filterModalConfig === null || filterModalConfig === void 0 ? void 0 : filterModalConfig.getValue(value), control: (0, jsx_runtime_1.jsx)(material_1.Radio, {}), label: (_a = filterModalConfig === null || filterModalConfig === void 0 ? void 0 : filterModalConfig.getLabel(value)) !== null && _a !== void 0 ? _a : '' }, index));
|
|
34
|
+
}) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, mb: 2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { width: '100%', marginBottom: '20px' }, color: "primary", variant: "contained", onClick: submitFilter, children: t('common.filterModal.button') }) })] }) }) }));
|
|
32
35
|
}
|
|
33
36
|
exports.default = FilterModal;
|
|
34
37
|
//# sourceMappingURL=FilterModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterModal.js","sourceRoot":"","sources":["../../src/lib/components/FilterModal.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"FilterModal.js","sourceRoot":"","sources":["../../src/lib/components/FilterModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,52 +5,57 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
7
7
|
const assistanceService_1 = require("../../services/assistanceService");
|
|
8
|
-
const
|
|
8
|
+
const PagoPaIconColored_1 = tslib_1.__importDefault(require("../icons/PagoPaIconColored"));
|
|
9
9
|
/** SelfCare Footer component */
|
|
10
10
|
const Footer = ({ assistanceEmail, onExit = (exitAction) => exitAction() }) => {
|
|
11
11
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Box,
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { component: "footer", sx: {
|
|
13
13
|
pt: '32px',
|
|
14
14
|
height: '156px',
|
|
15
15
|
mt: 'auto',
|
|
16
|
-
bgcolor: '
|
|
16
|
+
bgcolor: 'white',
|
|
17
17
|
alignItems: 'center',
|
|
18
18
|
boxSizing: 'unset',
|
|
19
19
|
position: 'relative',
|
|
20
|
-
|
|
20
|
+
borderTop: '1px solid #F2F2F2',
|
|
21
|
+
}, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, justifyContent: 'center', alignItems: 'center', children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: '90%', display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(PagoPaIconColored_1.default, { viewBox: "0 0 140 33", sx: { width: '119px' } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { textAlign: 'right', flexGrow: 1 }, pl: 8, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", sx: {
|
|
21
22
|
fontWeight: 'normal',
|
|
22
|
-
fontSize: '15px',
|
|
23
|
+
fontSize: '15px !important',
|
|
23
24
|
lineHeight: '22,82px',
|
|
24
25
|
textAlign: 'left',
|
|
25
|
-
color: '
|
|
26
|
+
color: '#17324D',
|
|
26
27
|
paddingLeft: '0px',
|
|
27
|
-
}
|
|
28
|
+
}, children: (0, jsx_runtime_1.jsxs)(react_i18next_1.Trans, { i18nKey: "common.footer.legalInfoText", children: ["PagoPA S.p.A. - societ\u00E0 per azioni con socio unico - capitale sociale di euro 1,000,000 interamente versato - sede legale in Roma, Piazza Colonna 370, CAP 00187 -", (0, jsx_runtime_1.jsx)("br", {}), "n. di iscrizione a Registro Imprese di Roma, CF e P.IVA 15376371009`"] }) }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, alignItems: 'center', justifyContent: 'center', sx: { position: 'absolute', bottom: '48px' }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '90%', display: 'flex' }, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { sx: {
|
|
28
29
|
fontWeight: 'normal',
|
|
29
|
-
fontSize: '15px',
|
|
30
|
+
fontSize: '15px !important',
|
|
30
31
|
lineHeight: '15px',
|
|
31
32
|
textAlign: 'left',
|
|
32
33
|
padding: '0px',
|
|
33
|
-
}, component: "div"
|
|
34
|
+
}, component: "div", children: [(0, jsx_runtime_1.jsx)(material_1.Link, { onClick: () => onExit(() => window.location.assign('https://www.pagopa.it/it/privacy-policy/')), underline: "none", sx: {
|
|
34
35
|
marginRight: '10px',
|
|
35
|
-
color: '#
|
|
36
|
+
color: '#17324D !important',
|
|
36
37
|
textDecoration: 'none !important',
|
|
37
38
|
cursor: 'pointer',
|
|
38
|
-
|
|
39
|
+
fontWeight: '600',
|
|
40
|
+
}, children: t('common.footer.privacyPolicyLink') }), (0, jsx_runtime_1.jsx)(material_1.Link, { onClick: () => onExit(() => window.location.assign('https://www.pagopa.it/it/termini-e-condizioni-di-utilizzo-del-sito/')), underline: "none", sx: {
|
|
39
41
|
margin: '10px',
|
|
40
|
-
color: '#
|
|
42
|
+
color: '#17324D !important',
|
|
41
43
|
textDecoration: 'none !important',
|
|
42
44
|
cursor: 'pointer',
|
|
43
|
-
|
|
45
|
+
fontWeight: '600',
|
|
46
|
+
}, children: t('common.footer.termsAndConditionLink') }), (0, jsx_runtime_1.jsx)(material_1.Link, { onClick: () => onExit(() => window.location.assign('https://www.pagopa.it/static/781646994f1f8ddad2d95af3aaedac3d/Sicurezza-delle-informazioni_PagoPA-S.p.A..pdft')), underline: "none", sx: {
|
|
44
47
|
marginRight: '10px',
|
|
45
|
-
color: '#
|
|
48
|
+
color: '#17324D !important',
|
|
46
49
|
textDecoration: 'none !important',
|
|
47
50
|
cursor: 'pointer',
|
|
48
|
-
|
|
51
|
+
fontWeight: '600',
|
|
52
|
+
}, children: t('common.footer.informationSecurityLink') }), assistanceEmail && ((0, jsx_runtime_1.jsx)(material_1.Link, { onClick: () => onExit(() => window.location.assign((0, assistanceService_1.buildAssistanceURI)(assistanceEmail))), underline: "none", sx: {
|
|
49
53
|
margin: '10px',
|
|
50
|
-
color: '#
|
|
54
|
+
color: '#17324D!important',
|
|
51
55
|
textDecoration: 'none !important',
|
|
52
56
|
cursor: 'pointer',
|
|
53
|
-
|
|
57
|
+
fontWeight: '600',
|
|
58
|
+
}, children: t('common.footer.assistanceLink') }))] }) }) })] }));
|
|
54
59
|
};
|
|
55
60
|
exports.default = Footer;
|
|
56
61
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4D;AAC5D,iDAAsD;AACtD,wEAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4D;AAC5D,iDAAsD;AACtD,wEAAsE;AACtE,2FAA2D;AAQ3D,gCAAgC;AAChC,MAAM,MAAM,GAAG,CAAC,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,EAAE,EAAS,EAAE,EAAE;IACnF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,wBAAC,cAAG,IACF,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE;YACF,EAAE,EAAE,MAAM;YACV,MAAM,EAAE,OAAO;YACf,EAAE,EAAE,MAAM;YACV,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,mBAAmB;SAC/B,aAED,uBAAC,eAAI,IAAC,SAAS,QAAC,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,YAC5D,wBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,aACxC,uBAAC,2BAAiB,IAAC,OAAO,EAAC,YAAY,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,EAElE,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,YACjD,uBAAC,qBAAU,IACT,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;oCACF,UAAU,EAAE,QAAQ;oCACpB,QAAQ,EAAE,iBAAiB;oCAC3B,UAAU,EAAE,SAAS;oCACrB,SAAS,EAAE,MAAM;oCACjB,KAAK,EAAE,SAAS;oCAChB,WAAW,EAAE,KAAK;iCACnB,YAED,wBAAC,qBAAK,IAAC,OAAO,EAAC,6BAA6B,wLAG1C,gCAAM,4EAEA,GACG,GACT,IACF,GACD,EACP,uBAAC,eAAI,IACH,SAAS,QACT,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EACxB,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,YAE5C,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YACxC,wBAAC,qBAAU,IACT,EAAE,EAAE;4BACF,UAAU,EAAE,QAAQ;4BACpB,QAAQ,EAAE,iBAAiB;4BAC3B,UAAU,EAAE,MAAM;4BAClB,SAAS,EAAE,MAAM;4BACjB,OAAO,EAAE,KAAK;yBACf,EACD,SAAS,EAAC,KAAK,aAEf,uBAAC,eAAI,IACH,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,0CAA0C,CAAC,CAAC,EAElF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;oCACF,WAAW,EAAE,MAAM;oCACnB,KAAK,EAAE,oBAAoB;oCAC3B,cAAc,EAAE,iBAAiB;oCACjC,MAAM,EAAE,SAAS;oCACjB,UAAU,EAAE,KAAK;iCAClB,YAEA,CAAC,CAAC,iCAAiC,CAAC,GAChC,EACP,uBAAC,eAAI,IACH,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,GAAG,EAAE,CACV,MAAM,CAAC,QAAQ,CAAC,MAAM,CACpB,qEAAqE,CACtE,CACF,EAEH,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;oCACF,MAAM,EAAE,MAAM;oCACd,KAAK,EAAE,oBAAoB;oCAC3B,cAAc,EAAE,iBAAiB;oCACjC,MAAM,EAAE,SAAS;oCACjB,UAAU,EAAE,KAAK;iCAClB,YAEA,CAAC,CAAC,qCAAqC,CAAC,GACpC,EACP,uBAAC,eAAI,IACH,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,GAAG,EAAE,CACV,MAAM,CAAC,QAAQ,CAAC,MAAM,CACpB,+GAA+G,CAChH,CACF,EAEH,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;oCACF,WAAW,EAAE,MAAM;oCACnB,KAAK,EAAE,oBAAoB;oCAC3B,cAAc,EAAE,iBAAiB;oCACjC,MAAM,EAAE,SAAS;oCACjB,UAAU,EAAE,KAAK;iCAClB,YAEA,CAAC,CAAC,uCAAuC,CAAC,GACtC,EACN,eAAe,IAAI,CAClB,uBAAC,eAAI,IACH,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAA,sCAAkB,EAAC,eAAe,CAAC,CAAC,CAAC,EAE3E,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;oCACF,MAAM,EAAE,MAAM;oCACd,KAAK,EAAE,mBAAmB;oCAC1B,cAAc,EAAE,iBAAiB;oCACjC,MAAM,EAAE,SAAS;oCACjB,UAAU,EAAE,KAAK;iCAClB,YAEA,CAAC,CAAC,8BAA8B,CAAC,GAC7B,CACR,IACU,GACT,GACD,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -7,17 +7,17 @@ const system_1 = require("@mui/system");
|
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const react_i18next_1 = require("react-i18next");
|
|
9
9
|
const env_1 = require("../../config/env");
|
|
10
|
-
|
|
11
|
-
const SubHeader_1 =
|
|
10
|
+
// import PagoPaMiniIcon from '../icons/PagoPaMiniIcon';
|
|
11
|
+
const SubHeader_1 = tslib_1.__importDefault(require("./subHeader/SubHeader"));
|
|
12
12
|
/** SelfCare Header component */
|
|
13
13
|
const Header = ({ withSecondHeader, onExitAction = () => window.location.assign(env_1.CONFIG.URL_FE.LOGOUT), subHeaderChild, }) => {
|
|
14
14
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.AppBar,
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.AppBar, { position: "relative", sx: {
|
|
16
16
|
alignItems: 'center',
|
|
17
17
|
height: '48px',
|
|
18
|
-
backgroundColor: '
|
|
18
|
+
backgroundColor: 'white',
|
|
19
19
|
boxShadow: 'none',
|
|
20
|
-
}
|
|
20
|
+
}, children: (0, jsx_runtime_1.jsxs)(material_1.Toolbar, { sx: { width: { xs: '100%', lg: '90%', minHeight: '48px !important' } }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: '14px !important', fontWeight: '700' }, children: "PagoPA S.p.A" }), onExitAction !== null ? ((0, jsx_runtime_1.jsx)(system_1.Box, { sx: { flexGrow: 1, textAlign: 'right' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", sx: { width: '88px', backgroundColor: '#0073E6', height: '32px' }, onClick: onExitAction, children: t('common.header.exitButton') }) })) : ('')] }) }), withSecondHeader === true ? (0, jsx_runtime_1.jsx)(SubHeader_1.default, { children: subHeaderChild }) : ''] }));
|
|
21
21
|
};
|
|
22
22
|
exports.default = Header;
|
|
23
23
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/lib/components/Header/Header.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/lib/components/Header/Header.tsx"],"names":[],"mappings":";;;;AAAA,4CAAoE;AACpE,wCAAkC;AAClC,iCAAiC;AACjC,iDAA+C;AAC/C,0CAA0C;AAC1C,wDAAwD;AACxD,8EAA8C;AAW9C,gCAAgC;AAChC,MAAM,MAAM,GAAG,CAAC,EACd,gBAAgB,EAChB,YAAY,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EACjE,cAAc,GACF,EAAE,EAAE;IAChB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,iBAAM,IACL,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAE;oBACF,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,OAAO;oBACxB,SAAS,EAAE,MAAM;iBAClB,YAED,wBAAC,kBAAO,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,aAE7E,uBAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,KAAK,EAAE,6BAErD,EACZ,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,uBAAC,YAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAC1C,uBAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EACjE,OAAO,EAAE,YAAY,YAEpB,CAAC,CAAC,0BAA0B,CAAC,GACvB,GACL,CACP,CAAC,CAAC,CAAC,CACF,EAAE,CACH,IACO,GACH,EACR,gBAAgB,KAAK,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAS,cAAE,cAAc,GAAa,CAAC,CAAC,CAAC,EAAE,IAChE,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -3,19 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const material_1 = require("@mui/material");
|
|
5
5
|
function SubHeader({ children }) {
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)(material_1.AppBar,
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)(material_1.AppBar, { position: "relative", sx: {
|
|
7
|
+
alignItems: 'center',
|
|
8
|
+
height: '107px',
|
|
9
|
+
backgroundColor: 'white',
|
|
10
|
+
boxShadow: 'none',
|
|
11
|
+
borderTop: '1px solid #F2F2F2',
|
|
12
|
+
borderBottom: '1px solid #F2F2F2',
|
|
13
|
+
}, children: (0, jsx_runtime_1.jsx)(material_1.Toolbar, { sx: { width: { xs: '100%', lg: '90%' }, minHeight: '107px !important' }, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, item: true, direction: "column", xs: 6, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", sx: {
|
|
7
14
|
fontWeight: 'bold',
|
|
8
|
-
fontSize: '24px',
|
|
15
|
+
fontSize: '24px !important',
|
|
9
16
|
lineHeight: '36px',
|
|
10
17
|
textAlign: 'left',
|
|
11
|
-
color: '
|
|
12
|
-
}
|
|
18
|
+
color: '#17324D',
|
|
19
|
+
}, children: "Self Care" }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", sx: {
|
|
13
20
|
fontWeight: 'normal',
|
|
14
|
-
fontSize: '14px',
|
|
21
|
+
fontSize: '14px !important',
|
|
15
22
|
lineHeight: '24px',
|
|
16
23
|
textAlign: 'left',
|
|
17
|
-
color: '
|
|
18
|
-
}
|
|
24
|
+
color: '#17324D',
|
|
25
|
+
}, children: "Gestisci i tuoi prodotti e servizi PagoPA" }) })] }), children] }) }) }));
|
|
19
26
|
}
|
|
20
27
|
exports.default = SubHeader;
|
|
21
28
|
//# sourceMappingURL=SubHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubHeader.js","sourceRoot":"","sources":["../../../../src/lib/components/Header/subHeader/SubHeader.tsx"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"SubHeader.js","sourceRoot":"","sources":["../../../../src/lib/components/Header/subHeader/SubHeader.tsx"],"names":[],"mappings":";;;AACA,4CAAkE;AAMlE,SAAwB,SAAS,CAAC,EAAE,QAAQ,EAAS;IACnD,OAAO,CACL,uBAAC,iBAAM,IACL,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAE;YACF,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,OAAO;YACf,eAAe,EAAE,OAAO;YACxB,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,mBAAmB;YAC9B,YAAY,EAAE,mBAAmB;SAClC,YAED,uBAAC,kBAAO,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,YAC9E,wBAAC,eAAI,IAAC,SAAS,mBACb,wBAAC,eAAI,IAAC,SAAS,QAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,aAC3C,uBAAC,eAAI,IAAC,IAAI,kBACR,uBAAC,qBAAU,IACT,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;wCACF,UAAU,EAAE,MAAM;wCAClB,QAAQ,EAAE,iBAAiB;wCAC3B,UAAU,EAAE,MAAM;wCAClB,SAAS,EAAE,MAAM;wCACjB,KAAK,EAAE,SAAS;qCACjB,0BAGU,GACR,EACP,uBAAC,eAAI,IAAC,IAAI,kBACR,uBAAC,qBAAU,IACT,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;wCACF,UAAU,EAAE,QAAQ;wCACpB,QAAQ,EAAE,iBAAiB;wCAC3B,UAAU,EAAE,MAAM;wCAClB,SAAS,EAAE,MAAM;wCACjB,KAAK,EAAE,SAAS;qCACjB,0DAGU,GACR,IACF,EACN,QAAQ,IACJ,GACC,GACH,CACV,CAAC;AACJ,CAAC;AAlDD,4BAkDC"}
|
|
@@ -2,26 +2,17 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const material_1 = require("@mui/material");
|
|
6
|
-
const system_1 = require("@mui/system");
|
|
7
|
-
const react_md_spinner_1 = (0, tslib_1.__importDefault)(require("react-md-spinner"));
|
|
8
5
|
const react_redux_1 = require("react-redux");
|
|
9
6
|
const appStateSlice_1 = require("../../redux/slices/appStateSlice");
|
|
7
|
+
const LoadingOverlayComponent_1 = tslib_1.__importDefault(require("../LoadingOverlayComponent"));
|
|
10
8
|
/** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
|
|
11
9
|
It allows to draw a loader when an async task to wait is running.
|
|
12
10
|
|
|
13
11
|
To use this feature you have to put LoadingOverlay in your App as a child of a redux Provider component.
|
|
14
12
|
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. */
|
|
15
13
|
function LoadingOverlay() {
|
|
16
|
-
const theme = (0, material_1.useTheme)();
|
|
17
14
|
const loading = (0, react_redux_1.useSelector)(appStateSlice_1.appStateSelectors.selectLoading);
|
|
18
|
-
return (
|
|
19
|
-
position: 'absolute',
|
|
20
|
-
top: '50%',
|
|
21
|
-
left: '50%',
|
|
22
|
-
width: '100px',
|
|
23
|
-
outline: 0,
|
|
24
|
-
} }, { children: (0, jsx_runtime_1.jsx)(react_md_spinner_1.default, { singleColor: theme.palette.primary.main, role: "loadingSpinner" }, void 0) }), void 0) }), void 0));
|
|
15
|
+
return (0, jsx_runtime_1.jsx)(LoadingOverlayComponent_1.default, { open: loading });
|
|
25
16
|
}
|
|
26
17
|
exports.default = LoadingOverlay;
|
|
27
18
|
//# sourceMappingURL=LoadingOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../../src/lib/components/Loading/LoadingOverlay.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../../src/lib/components/Loading/LoadingOverlay.tsx"],"names":[],"mappings":";;;;AAAA,6CAA0C;AAC1C,oEAAqE;AACrE,iGAAiE;AAEjE;;;;kNAIkN;AAClN,SAAwB,cAAc;IACpC,MAAM,OAAO,GAAG,IAAA,yBAAW,EAAC,iCAAiB,CAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,uBAAC,iCAAuB,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC;AACpD,CAAC;AAJD,iCAIC"}
|