@pagopa/selfcare-common-frontend 1.34.93 → 1.34.95
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 +17 -2
- package/build.info +2 -2
- package/examples/locale/en.js +1 -3
- package/examples/locale/en.js.map +1 -1
- package/examples/locale/index.js +4 -7
- package/examples/locale/index.js.map +1 -1
- package/examples/locale/it.js +1 -3
- package/examples/locale/it.js.map +1 -1
- package/lib/common-polyfill.d.ts +0 -1
- package/lib/common-polyfill.js +9 -12
- package/lib/common-polyfill.js.map +1 -1
- package/lib/components/BackComponent.js +7 -10
- package/lib/components/BackComponent.js.map +1 -1
- package/lib/components/CustomAlert.js +6 -9
- package/lib/components/CustomAlert.js.map +1 -1
- package/lib/components/CustomAvatar.js +5 -9
- package/lib/components/CustomAvatar.js.map +1 -1
- package/lib/components/CustomPagination.js +6 -10
- package/lib/components/CustomPagination.js.map +1 -1
- package/lib/components/EndingPage.js +3 -5
- package/lib/components/EndingPage.js.map +1 -1
- package/lib/components/ErrorBoundary/ErrorBoundary.d.ts +2 -2
- package/lib/components/ErrorBoundary/ErrorBoundary.js +25 -29
- package/lib/components/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/lib/components/ErrorBoundary/components/BlockingErrorPage.js +9 -12
- package/lib/components/ErrorBoundary/components/BlockingErrorPage.js.map +1 -1
- package/lib/components/FilterModal.js +16 -23
- package/lib/components/FilterModal.js.map +1 -1
- package/lib/components/Footer/Footer.js +35 -39
- package/lib/components/Footer/Footer.js.map +1 -1
- package/lib/components/Footer/FooterConfig.js +4 -7
- package/lib/components/Footer/FooterConfig.js.map +1 -1
- package/lib/components/Header/Header.d.ts +1 -1
- package/lib/components/Header/Header.js +16 -18
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Loading/LoadingOverlay.js +7 -11
- package/lib/components/Loading/LoadingOverlay.js.map +1 -1
- package/lib/components/LoadingOverlayComponent.js +9 -13
- package/lib/components/LoadingOverlayComponent.js.map +1 -1
- package/lib/components/NavigationBar.js +9 -13
- package/lib/components/NavigationBar.js.map +1 -1
- package/lib/components/SessionModal.d.ts +1 -1
- package/lib/components/SessionModal.js +12 -14
- package/lib/components/SessionModal.js.map +1 -1
- package/lib/components/TitleBox.js +5 -8
- package/lib/components/TitleBox.js.map +1 -1
- package/lib/components/Toast.js +10 -14
- package/lib/components/Toast.js.map +1 -1
- package/lib/components/ToastWrapper.js +5 -8
- package/lib/components/ToastWrapper.js.map +1 -1
- package/lib/components/UnloadEventHandler.js +13 -18
- package/lib/components/UnloadEventHandler.js.map +1 -1
- package/lib/components/UserNotifyHandle.js +18 -22
- package/lib/components/UserNotifyHandle.js.map +1 -1
- package/lib/components/icons/CheckIllustrationIcon.js +3 -6
- package/lib/components/icons/CheckIllustrationIcon.js.map +1 -1
- package/lib/components/icons/ConfirmIcon.js +4 -6
- package/lib/components/icons/ConfirmIcon.js.map +1 -1
- package/lib/components/icons/ErrorIcon.js +3 -6
- package/lib/components/icons/ErrorIcon.js.map +1 -1
- package/lib/components/icons/ErrorIconExclamation.js +4 -6
- package/lib/components/icons/ErrorIconExclamation.js.map +1 -1
- package/lib/components/icons/FaultIcon.js +4 -6
- package/lib/components/icons/FaultIcon.js.map +1 -1
- package/lib/components/icons/PagoPaIcon.js +3 -6
- package/lib/components/icons/PagoPaIcon.js.map +1 -1
- package/lib/components/icons/PagoPaIconColored.js +3 -6
- package/lib/components/icons/PagoPaIconColored.js.map +1 -1
- package/lib/components/icons/PagoPaMiniIcon.js +3 -6
- package/lib/components/icons/PagoPaMiniIcon.js.map +1 -1
- package/lib/components/tests/FilterModal.test.js +15 -18
- package/lib/components/tests/FilterModal.test.js.map +1 -1
- package/lib/config/env.d.ts +2 -2
- package/lib/config/env.js +9 -14
- package/lib/config/env.js.map +1 -1
- package/lib/consentManagementConfigure.js +5 -7
- package/lib/consentManagementConfigure.js.map +1 -1
- package/lib/decorators/__mocks__/withLogin.js +13 -17
- package/lib/decorators/__mocks__/withLogin.js.map +1 -1
- package/lib/decorators/withLogin.js +21 -26
- package/lib/decorators/withLogin.js.map +1 -1
- package/lib/decorators/withRetrievedValue.js +9 -13
- package/lib/decorators/withRetrievedValue.js.map +1 -1
- package/lib/hooks/useErrorDispatcher.js +5 -8
- package/lib/hooks/useErrorDispatcher.js.map +1 -1
- package/lib/hooks/useFakePagination.js +9 -14
- package/lib/hooks/useFakePagination.js.map +1 -1
- package/lib/hooks/useFocus.js +3 -7
- package/lib/hooks/useFocus.js.map +1 -1
- package/lib/hooks/useLiveAnnouncerWithRegion.js +5 -9
- package/lib/hooks/useLiveAnnouncerWithRegion.js.map +1 -1
- package/lib/hooks/useLoading.js +8 -11
- package/lib/hooks/useLoading.js.map +1 -1
- package/lib/hooks/useLogin.js +16 -21
- package/lib/hooks/useLogin.js.map +1 -1
- package/lib/hooks/usePermissions.js +6 -9
- package/lib/hooks/usePermissions.js.map +1 -1
- package/lib/hooks/useReduxCachedValue.js +10 -16
- package/lib/hooks/useReduxCachedValue.js.map +1 -1
- package/lib/hooks/useUnloadEventInterceptor.js +24 -31
- package/lib/hooks/useUnloadEventInterceptor.js.map +1 -1
- package/lib/hooks/useUserNotify.js +5 -8
- package/lib/hooks/useUserNotify.js.map +1 -1
- package/lib/index.js +36 -79
- package/lib/index.js.map +1 -1
- package/lib/locale/de.js +1 -3
- package/lib/locale/de.js.map +1 -1
- package/lib/locale/en.js +1 -3
- package/lib/locale/en.js.map +1 -1
- package/lib/locale/fr.js +1 -3
- package/lib/locale/fr.js.map +1 -1
- package/lib/locale/it.js +1 -3
- package/lib/locale/it.js.map +1 -1
- package/lib/locale/locale-utils.js +20 -25
- package/lib/locale/locale-utils.js.map +1 -1
- package/lib/locale/sl.js +1 -3
- package/lib/locale/sl.js.map +1 -1
- package/lib/model/AppError.js +1 -2
- package/lib/model/JwtUser.js +1 -2
- package/lib/model/Page.js +1 -2
- package/lib/model/PageRequest.js +1 -2
- package/lib/model/PageResource.js +1 -2
- package/lib/model/User.js +1 -2
- package/lib/model/UserNotify.js +1 -2
- package/lib/redux/slices/appStateSlice.d.ts +13 -31
- package/lib/redux/slices/appStateSlice.js +15 -8
- package/lib/redux/slices/appStateSlice.js.map +1 -1
- package/lib/redux/slices/permissionsSlice.js +5 -10
- package/lib/redux/slices/permissionsSlice.js.map +1 -1
- package/lib/redux/slices/userSlice.d.ts +20 -2
- package/lib/redux/slices/userSlice.js +5 -8
- package/lib/redux/slices/userSlice.js.map +1 -1
- package/lib/services/analyticsService.js +20 -27
- package/lib/services/analyticsService.js.map +1 -1
- package/lib/services/assistanceService.js +9 -14
- package/lib/services/assistanceService.js.map +1 -1
- package/lib/services/errorService.js +3 -7
- package/lib/services/errorService.js.map +1 -1
- package/lib/utils/api-utils.js +14 -20
- package/lib/utils/api-utils.js.map +1 -1
- package/lib/utils/constants.d.ts +6 -1
- package/lib/utils/constants.js +14 -12
- package/lib/utils/constants.js.map +1 -1
- package/lib/utils/productId2ProductTitle.js +1 -5
- package/lib/utils/productId2ProductTitle.js.map +1 -1
- package/lib/utils/routes-utils.js +1 -5
- package/lib/utils/routes-utils.js.map +1 -1
- package/lib/utils/storage-utils.js +4 -10
- package/lib/utils/storage-utils.js.map +1 -1
- package/lib/utils/storage.js +7 -13
- package/lib/utils/storage.js.map +1 -1
- package/lib/utils/utils.js +5 -10
- package/lib/utils/utils.js.map +1 -1
- package/lib/utils/verifyChecksumMatchWithTaxCode.js +1 -5
- package/lib/utils/verifyChecksumMatchWithTaxCode.js.map +1 -1
- package/lib/utils/verifyNameMatchWithTaxCode.js +15 -13
- package/lib/utils/verifyNameMatchWithTaxCode.js.map +1 -1
- package/lib/utils/verifySurnameMatchWithTaxCode.js +7 -12
- package/lib/utils/verifySurnameMatchWithTaxCode.js.map +1 -1
- package/package.json +21 -66
|
@@ -1,22 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const react_1 = require("react");
|
|
9
|
-
const locale_utils_1 = tslib_1.__importDefault(require("../../locale/locale-utils"));
|
|
10
|
-
const env_1 = require("../../config/env");
|
|
11
|
-
const FooterConfig_1 = require("./FooterConfig");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Footer as MuiItaliaFooter, } from '@pagopa/mui-italia';
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { Trans, useTranslation } from 'react-i18next';
|
|
5
|
+
import { CONFIG } from '../../config/env';
|
|
6
|
+
import i18n from '../../locale/locale-utils';
|
|
7
|
+
import { LANGUAGES, pagoPALink } from './FooterConfig';
|
|
12
8
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
13
|
-
function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitAction(), }) {
|
|
14
|
-
const { t } =
|
|
9
|
+
export default function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitAction(), }) {
|
|
10
|
+
const { t } = useTranslation();
|
|
15
11
|
const currentLangByUrl = new URLSearchParams(window.location.search).get('lang');
|
|
16
|
-
const lang = (currentLangByUrl ? currentLangByUrl :
|
|
17
|
-
|
|
12
|
+
const lang = (currentLangByUrl ? currentLangByUrl : i18n.language);
|
|
13
|
+
useEffect(() => {
|
|
18
14
|
if (lang) {
|
|
19
|
-
void
|
|
15
|
+
void i18n.changeLanguage(lang);
|
|
20
16
|
}
|
|
21
17
|
}, [lang]);
|
|
22
18
|
const preLoginLinks = {
|
|
@@ -33,19 +29,19 @@ function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitActi
|
|
|
33
29
|
// },
|
|
34
30
|
{
|
|
35
31
|
label: t('common.footer.preLoginLinks.aboutUs.links.aboutUs'),
|
|
36
|
-
href:
|
|
32
|
+
href: CONFIG.FOOTER.LINK.ABOUTUS,
|
|
37
33
|
ariaLabel: 'Vai al link: Chi siamo',
|
|
38
34
|
linkType: 'internal',
|
|
39
35
|
},
|
|
40
36
|
{
|
|
41
37
|
label: t('common.footer.preLoginLinks.aboutUs.links.media'),
|
|
42
|
-
href:
|
|
38
|
+
href: CONFIG.FOOTER.LINK.MEDIA,
|
|
43
39
|
ariaLabel: 'Vai al link: Media',
|
|
44
40
|
linkType: 'internal',
|
|
45
41
|
},
|
|
46
42
|
{
|
|
47
43
|
label: t('common.footer.preLoginLinks.aboutUs.links.workwithud'),
|
|
48
|
-
href:
|
|
44
|
+
href: CONFIG.FOOTER.LINK.WORKWITHUS,
|
|
49
45
|
ariaLabel: 'Vai al link: Lavora con noi',
|
|
50
46
|
linkType: 'internal',
|
|
51
47
|
},
|
|
@@ -57,25 +53,25 @@ function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitActi
|
|
|
57
53
|
links: [
|
|
58
54
|
{
|
|
59
55
|
label: t('common.footer.preLoginLinks.resources.links.privacyPolicy'),
|
|
60
|
-
href:
|
|
56
|
+
href: CONFIG.FOOTER.LINK.PRIVACYPOLICY,
|
|
61
57
|
ariaLabel: 'Vai al link: Informativa Privacy',
|
|
62
58
|
linkType: 'internal',
|
|
63
59
|
},
|
|
64
60
|
{
|
|
65
61
|
label: t('common.footer.preLoginLinks.resources.links.certifications'),
|
|
66
|
-
href:
|
|
62
|
+
href: CONFIG.FOOTER.LINK.CERTIFICATIONS,
|
|
67
63
|
ariaLabel: 'Vai al link: Certificazioni',
|
|
68
64
|
linkType: 'internal',
|
|
69
65
|
},
|
|
70
66
|
{
|
|
71
67
|
label: t('common.footer.preLoginLinks.resources.links.informationsecurity'),
|
|
72
|
-
href:
|
|
68
|
+
href: CONFIG.FOOTER.LINK.INFORMATIONSECURITY,
|
|
73
69
|
ariaLabel: 'Vai al link: Sicurezza delle informazioni',
|
|
74
70
|
linkType: 'internal',
|
|
75
71
|
},
|
|
76
72
|
{
|
|
77
73
|
label: t('common.footer.preLoginLinks.resources.links.protectionofpersonaldata'),
|
|
78
|
-
href:
|
|
74
|
+
href: CONFIG.FOOTER.LINK.PROTECTIONOFPERSONALDATA,
|
|
79
75
|
ariaLabel: 'Vai al link: Diritto alla protezione dei dati personali',
|
|
80
76
|
linkType: 'internal',
|
|
81
77
|
},
|
|
@@ -87,25 +83,25 @@ function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitActi
|
|
|
87
83
|
},
|
|
88
84
|
{
|
|
89
85
|
label: t('common.footer.preLoginLinks.resources.links.termsandconditions'),
|
|
90
|
-
href:
|
|
86
|
+
href: CONFIG.FOOTER.LINK.TERMSANDCONDITIONS,
|
|
91
87
|
ariaLabel: 'Vai al link: Termini e Condizioni',
|
|
92
88
|
linkType: 'internal',
|
|
93
89
|
},
|
|
94
90
|
{
|
|
95
91
|
label: t('common.footer.preLoginLinks.resources.links.transparentcompany'),
|
|
96
|
-
href:
|
|
92
|
+
href: CONFIG.FOOTER.LINK.TRANSPARENTCOMPANY,
|
|
97
93
|
ariaLabel: 'Vai al link: Società trasparente',
|
|
98
94
|
linkType: 'internal',
|
|
99
95
|
},
|
|
100
96
|
{
|
|
101
97
|
label: t('common.footer.preLoginLinks.resources.links.disclosurePolicy'),
|
|
102
|
-
href:
|
|
98
|
+
href: CONFIG.FOOTER.LINK.DISCLOSUREPOLICY,
|
|
103
99
|
ariaLabel: 'Vai al link: Responsible Disclosure Policy',
|
|
104
100
|
linkType: 'internal',
|
|
105
101
|
},
|
|
106
102
|
{
|
|
107
103
|
label: t('common.footer.preLoginLinks.resources.links.model231'),
|
|
108
|
-
href:
|
|
104
|
+
href: CONFIG.FOOTER.LINK.MODEL231,
|
|
109
105
|
ariaLabel: 'Vai al link: Modello 231',
|
|
110
106
|
linkType: 'internal',
|
|
111
107
|
},
|
|
@@ -118,32 +114,32 @@ function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitActi
|
|
|
118
114
|
{
|
|
119
115
|
icon: 'linkedin',
|
|
120
116
|
title: 'LinkedIn',
|
|
121
|
-
href:
|
|
117
|
+
href: CONFIG.FOOTER.LINK.LINKEDIN,
|
|
122
118
|
ariaLabel: 'Link: vai al sito LinkedIn di PagoPA S.p.A.',
|
|
123
119
|
},
|
|
124
120
|
{
|
|
125
121
|
title: 'Twitter',
|
|
126
122
|
icon: 'twitter',
|
|
127
|
-
href:
|
|
123
|
+
href: CONFIG.FOOTER.LINK.TWITTER,
|
|
128
124
|
ariaLabel: 'Link: vai al sito Twitter di PagoPA S.p.A.',
|
|
129
125
|
},
|
|
130
126
|
{
|
|
131
127
|
icon: 'instagram',
|
|
132
128
|
title: 'Instagram',
|
|
133
|
-
href:
|
|
129
|
+
href: CONFIG.FOOTER.LINK.INSTAGRAM,
|
|
134
130
|
ariaLabel: 'Link: vai al sito Instagram di PagoPA S.p.A.',
|
|
135
131
|
},
|
|
136
132
|
{
|
|
137
133
|
icon: 'medium',
|
|
138
134
|
title: 'Medium',
|
|
139
|
-
href:
|
|
135
|
+
href: CONFIG.FOOTER.LINK.MEDIUM,
|
|
140
136
|
ariaLabel: 'Link: vai al sito Medium di PagoPA S.p.A.',
|
|
141
137
|
},
|
|
142
138
|
],
|
|
143
139
|
links: [
|
|
144
140
|
{
|
|
145
141
|
label: t('common.footer.preLoginLinks.accessibility'),
|
|
146
|
-
href:
|
|
142
|
+
href: CONFIG.FOOTER.LINK.ACCESSIBILITY,
|
|
147
143
|
ariaLabel: 'Vai al link: Accessibilità',
|
|
148
144
|
linkType: 'internal',
|
|
149
145
|
},
|
|
@@ -153,32 +149,32 @@ function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitActi
|
|
|
153
149
|
const postLoginLinks = [
|
|
154
150
|
{
|
|
155
151
|
label: t('common.footer.postLoginLinks.privacyPolicy'),
|
|
156
|
-
href:
|
|
152
|
+
href: CONFIG.FOOTER.LINK.PRIVACYPOLICY,
|
|
157
153
|
ariaLabel: 'Vai al link: Informativa Privacy',
|
|
158
154
|
linkType: 'internal',
|
|
159
155
|
},
|
|
160
156
|
{
|
|
161
157
|
label: t('common.footer.postLoginLinks.protectionofpersonaldata'),
|
|
162
|
-
href:
|
|
158
|
+
href: CONFIG.FOOTER.LINK.PROTECTIONOFPERSONALDATA,
|
|
163
159
|
ariaLabel: 'Vai al link: Diritto alla protezione dei dati personali',
|
|
164
160
|
linkType: 'internal',
|
|
165
161
|
},
|
|
166
162
|
{
|
|
167
163
|
label: t('common.footer.postLoginLinks.termsandconditions'),
|
|
168
|
-
href:
|
|
164
|
+
href: CONFIG.FOOTER.LINK.TERMSANDCONDITIONS,
|
|
169
165
|
ariaLabel: 'Vai al link: Termini e condizioni',
|
|
170
166
|
linkType: 'internal',
|
|
171
167
|
},
|
|
172
168
|
{
|
|
173
169
|
label: t('common.footer.postLoginLinks.accessibility'),
|
|
174
|
-
href:
|
|
170
|
+
href: CONFIG.FOOTER.LINK.ACCESSIBILITY,
|
|
175
171
|
ariaLabel: 'Vai al link: Accessibilità',
|
|
176
172
|
linkType: 'internal',
|
|
177
173
|
},
|
|
178
174
|
];
|
|
179
|
-
const companyLegalInfo = ((
|
|
180
|
-
return ((
|
|
181
|
-
await
|
|
175
|
+
const companyLegalInfo = (_jsxs(Trans, { i18nKey: "common.footer.legalInfoText", children: [_jsx("strong", { 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, ", _jsx("br", {}), "CAP 00187 - N. di iscrizione a Registro Imprese di Roma, CF e P.IVA 15376371009"] }));
|
|
176
|
+
return (_jsx(MuiItaliaFooter, { companyLink: pagoPALink, postLoginLinks: postLoginLinks, preLoginLinks: preLoginLinks, legalInfo: companyLegalInfo, loggedUser: loggedUser, onExit: onExit, languages: LANGUAGES, onLanguageChanged: async (language) => {
|
|
177
|
+
await i18n.changeLanguage(language);
|
|
182
178
|
}, currentLangCode: lang, productsJsonUrl: productsJsonUrl }));
|
|
183
179
|
}
|
|
184
180
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const env_1 = require("../../config/env");
|
|
5
|
-
exports.pagoPALink = {
|
|
6
|
-
href: env_1.CONFIG.FOOTER.LINK.PAGOPALINK,
|
|
1
|
+
import { CONFIG } from '../../config/env';
|
|
2
|
+
export const pagoPALink = {
|
|
3
|
+
href: CONFIG.FOOTER.LINK.PAGOPALINK,
|
|
7
4
|
ariaLabel: 'Link: vai al sito di PagoPA S.p.A.',
|
|
8
5
|
};
|
|
9
|
-
|
|
6
|
+
export const LANGUAGES = {
|
|
10
7
|
it: {
|
|
11
8
|
it: 'Italiano',
|
|
12
9
|
en: 'Inglese',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterConfig.js","sourceRoot":"","sources":["../../../../src/lib/components/Footer/FooterConfig.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FooterConfig.js","sourceRoot":"","sources":["../../../../src/lib/components/Footer/FooterConfig.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU;IACnC,SAAS,EAAE,oCAAoC;CAChD,CAAC;AAIF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,EAAE,EAAE;QACF,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;KACd;IACD,EAAE,EAAE;QACF,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,SAAS;KACd;IACD,EAAE,EAAE;QACF,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;KACd;IACD,EAAE,EAAE;QACF,EAAE,EAAE,aAAa;QACjB,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,aAAa;QACjB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,YAAY;KACjB;IACD,EAAE,EAAE;QACF,EAAE,EAAE,aAAa;QACjB,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,aAAa;QACjB,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,WAAW;KAChB;CACF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { JwtUser, ProductEntity, ProductSwitchItem, UserAction } from '@pagopa/mui-italia';
|
|
2
|
-
import { PartySwitchItem } from '@pagopa/mui-italia/
|
|
2
|
+
import { PartySwitchItem } from '@pagopa/mui-italia/components/PartySwitch';
|
|
3
3
|
type PartyEntity = PartySwitchItem;
|
|
4
4
|
type HeaderProps = {
|
|
5
5
|
/** If true, it will render an other toolbar under the Header */
|
|
@@ -1,48 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const assistanceService_1 = require("../../services/assistanceService");
|
|
10
|
-
const storage_1 = require("../../utils/storage");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { HeaderAccount, HeaderProduct, } from '@pagopa/mui-italia';
|
|
3
|
+
import { Fragment, useMemo } from 'react';
|
|
4
|
+
import { useTranslation } from 'react-i18next';
|
|
5
|
+
import { useLocation } from 'react-router-dom';
|
|
6
|
+
import { CONFIG } from '../../config/env';
|
|
7
|
+
import { buildAssistanceURI } from '../../services/assistanceService';
|
|
8
|
+
import { isPagoPaUser } from '../../utils/storage';
|
|
11
9
|
const SELFCARE_PRODUCT = {
|
|
12
10
|
id: 'prod-selfcare',
|
|
13
11
|
title: 'Area Riservata',
|
|
14
|
-
productUrl:
|
|
12
|
+
productUrl: CONFIG.HEADER.LINK.PRODUCTURL,
|
|
15
13
|
linkType: 'internal',
|
|
16
14
|
};
|
|
17
15
|
const BACKSTAGE_PRODUCT = {
|
|
18
16
|
id: 'prod-selfcare-backstage',
|
|
19
17
|
title: 'Area Riservata Backstage',
|
|
20
|
-
productUrl:
|
|
18
|
+
productUrl: CONFIG.HEADER.LINK.PRODUCTURL,
|
|
21
19
|
linkType: 'internal',
|
|
22
20
|
};
|
|
23
21
|
const ROOT_LINK = {
|
|
24
22
|
label: 'PagoPA S.p.A.',
|
|
25
|
-
href:
|
|
23
|
+
href: CONFIG.HEADER.LINK.ROOTLINK,
|
|
26
24
|
ariaLabel: 'Link: vai al sito di PagoPA S.p.A.',
|
|
27
25
|
title: 'Sito di PagoPA S.p.A.',
|
|
28
26
|
};
|
|
29
27
|
/** SelfCare Header component */
|
|
30
28
|
const Header = ({ withSecondHeader, productsList = [], selectedPartyId, selectedProductId, partyList = [], loggedUser, assistanceEmail, enableLogin = true, userActions = [], enableDropdown = false, addSelfcareProduct = true, onExit = (exitAction) => exitAction(), onSelectedProduct, onSelectedParty, maxCharactersNumberMultiLineButton, maxCharactersNumberMultiLineItem, enableAssistanceButton = true, onDocumentationClick, onLogoutClick, fixedParty, }) => {
|
|
31
|
-
const { t } =
|
|
32
|
-
const { pathname } =
|
|
29
|
+
const { t } = useTranslation();
|
|
30
|
+
const { pathname } = useLocation();
|
|
33
31
|
// Logic Derivation
|
|
34
32
|
const isAdminPage = pathname.includes('/admin');
|
|
35
33
|
const productToRender = isAdminPage ? BACKSTAGE_PRODUCT : SELFCARE_PRODUCT;
|
|
36
34
|
const renderedPartyList = fixedParty ? [fixedParty] : partyList;
|
|
37
35
|
const renderedPartyId = fixedParty ? fixedParty.id : selectedPartyId;
|
|
38
36
|
// Memoize the product list
|
|
39
|
-
const fullProductList =
|
|
40
|
-
return ((
|
|
37
|
+
const fullProductList = useMemo(() => (addSelfcareProduct ? [productToRender, ...productsList] : productsList), [addSelfcareProduct, productToRender, productsList]);
|
|
38
|
+
return (_jsxs(Fragment, { children: [_jsx("header", { children: _jsx(HeaderAccount, { rootLink: ROOT_LINK, loggedUser: loggedUser, onAssistanceClick: () => onExit(() => window.location.assign(buildAssistanceURI(assistanceEmail))), onLogin: () => onExit(() => window.location.assign(CONFIG.URL_FE.LOGIN)), onLogout: onLogoutClick ?? (() => onExit(() => window.location.assign(CONFIG.URL_FE.LOGOUT))), enableLogin: enableLogin, userActions: userActions, enableDropdown: enableDropdown, enableAssistanceButton: enableAssistanceButton, onDocumentationClick: onDocumentationClick }) }), withSecondHeader === true ? (_jsx("nav", { children: _jsx(HeaderProduct, { productId: selectedProductId || productToRender.id, productsList: fullProductList, partyId: renderedPartyId, partyList: renderedPartyList, onSelectedProduct: onSelectedProduct, onSelectedParty: onSelectedParty, maxCharactersNumberMultiLineButton: maxCharactersNumberMultiLineButton, maxCharactersNumberMultiLineItem: maxCharactersNumberMultiLineItem, ...(isPagoPaUser &&
|
|
41
39
|
!isAdminPage && {
|
|
42
40
|
chipLabel: t('common.header.chipLabel'),
|
|
43
41
|
chipColor: 'primary',
|
|
44
42
|
chipSize: 'medium',
|
|
45
43
|
}) }) })) : ('')] }));
|
|
46
44
|
};
|
|
47
|
-
|
|
45
|
+
export default Header;
|
|
48
46
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/lib/components/Header/Header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/lib/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_redux_1 = require("react-redux");
|
|
7
|
-
const appStateSlice_1 = require("../../redux/slices/appStateSlice");
|
|
8
|
-
const LoadingOverlayComponent_1 = tslib_1.__importDefault(require("../LoadingOverlayComponent"));
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useSelector } from 'react-redux';
|
|
3
|
+
import { appStateSelectors } from '../../redux/slices/appStateSlice';
|
|
4
|
+
import LoadingOverlayComponent from '../LoadingOverlayComponent';
|
|
9
5
|
/** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
|
|
10
6
|
It allows to draw a loader when an async task to wait is running.
|
|
11
7
|
|
|
12
8
|
To use this feature you have to put LoadingOverlay in your App as a child of a redux Provider component.
|
|
13
9
|
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. */
|
|
14
|
-
function LoadingOverlay() {
|
|
15
|
-
const loading =
|
|
16
|
-
return (
|
|
10
|
+
export default function LoadingOverlay() {
|
|
11
|
+
const loading = useSelector(appStateSelectors.selectLoading);
|
|
12
|
+
return _jsx(LoadingOverlayComponent, { open: loading });
|
|
17
13
|
}
|
|
18
14
|
//# sourceMappingURL=LoadingOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../../../src/lib/components/Loading/LoadingOverlay.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../../../src/lib/components/Loading/LoadingOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AAEjE;;;;kNAIkN;AAClN,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,OAAO,GAAG,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,KAAC,uBAAuB,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC;AACpD,CAAC"}
|
|
@@ -1,21 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const system_1 = require("@mui/system");
|
|
8
|
-
const react_md_spinner_1 = tslib_1.__importDefault(require("react-md-spinner"));
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Modal, useTheme } from '@mui/material';
|
|
3
|
+
import { Box } from '@mui/system';
|
|
4
|
+
import MDSpinner from 'react-md-spinner';
|
|
9
5
|
/** A component which render an overlay loading */
|
|
10
|
-
function LoadingOverlayComponent({ open, loadingMessage = 'Caricamento in corso' }) {
|
|
11
|
-
const theme =
|
|
12
|
-
return ((
|
|
6
|
+
export default function LoadingOverlayComponent({ open, loadingMessage = 'Caricamento in corso' }) {
|
|
7
|
+
const theme = useTheme();
|
|
8
|
+
return (_jsx(Modal, { open: open, sx: { outline: 0, zIndex: 1500 }, "aria-labelledby": "loading-modal-title", children: _jsxs(Box, { sx: {
|
|
13
9
|
position: 'absolute',
|
|
14
10
|
top: '50%',
|
|
15
11
|
left: '50%',
|
|
16
12
|
width: '100px',
|
|
17
13
|
outline: 0,
|
|
18
|
-
}, role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-busy": "true", children: [(
|
|
14
|
+
}, role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-busy": "true", children: [_jsx("span", { id: "loading-modal-title", style: {
|
|
19
15
|
position: 'absolute',
|
|
20
16
|
width: '1px',
|
|
21
17
|
height: '1px',
|
|
@@ -25,6 +21,6 @@ function LoadingOverlayComponent({ open, loadingMessage = 'Caricamento in corso'
|
|
|
25
21
|
clip: 'rect(0,0,0,0)',
|
|
26
22
|
whiteSpace: 'nowrap',
|
|
27
23
|
border: '0'
|
|
28
|
-
}, children: loadingMessage }), (
|
|
24
|
+
}, children: loadingMessage }), _jsx(MDSpinner, { singleColor: theme.palette.primary.main, role: "loadingSpinner" })] }) }));
|
|
29
25
|
}
|
|
30
26
|
//# sourceMappingURL=LoadingOverlayComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingOverlayComponent.js","sourceRoot":"","sources":["../../../src/lib/components/LoadingOverlayComponent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoadingOverlayComponent.js","sourceRoot":"","sources":["../../../src/lib/components/LoadingOverlayComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAOzC,kDAAkD;AAClD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,cAAc,GAAG,sBAAsB,EACjC;IACN,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,qBAChB,qBAAqB,YAErC,MAAC,GAAG,IACF,EAAE,EAAE;gBACF,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,CAAC;aACX,EACD,IAAI,EAAC,QAAQ,eACH,WAAW,iBACT,MAAM,eACR,MAAM,aAEhB,eACE,EAAE,EAAC,qBAAqB,EACxB,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,KAAK;wBACb,OAAO,EAAE,GAAG;wBACZ,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,QAAQ;wBAClB,IAAI,EAAE,eAAe;wBACrB,UAAU,EAAE,QAAQ;wBACpB,MAAM,EAAE,GAAG;qBACZ,YAEA,cAAc,GACV,EACP,KAAC,SAAS,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAC,gBAAgB,GAAG,IACxE,GACA,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const useUnloadEventInterceptor_1 = require("../hooks/useUnloadEventInterceptor");
|
|
10
|
-
const BackComponent_1 = tslib_1.__importDefault(require("./BackComponent"));
|
|
11
|
-
function NavigationBar({ paths, goBack, showBackComponent, backLabel, color, }) {
|
|
12
|
-
const onExit = (0, useUnloadEventInterceptor_1.useUnloadEventOnExit)();
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
|
|
3
|
+
import { Box, Breadcrumbs, Icon, Typography } from '@mui/material';
|
|
4
|
+
import { ButtonNaked } from '@pagopa/mui-italia';
|
|
5
|
+
import { useUnloadEventOnExit } from '../hooks/useUnloadEventInterceptor';
|
|
6
|
+
import BackComponent from './BackComponent';
|
|
7
|
+
export default function NavigationBar({ paths, goBack, showBackComponent, backLabel, color, }) {
|
|
8
|
+
const onExit = useUnloadEventOnExit();
|
|
13
9
|
const truncatedText = {
|
|
14
10
|
display: 'inline-block',
|
|
15
11
|
maxWidth: '50ch',
|
|
@@ -17,6 +13,6 @@ function NavigationBar({ paths, goBack, showBackComponent, backLabel, color, })
|
|
|
17
13
|
overflow: 'hidden',
|
|
18
14
|
textOverflow: 'ellipsis',
|
|
19
15
|
};
|
|
20
|
-
return ((
|
|
16
|
+
return (_jsxs(Box, { display: "flex", children: [showBackComponent && (_jsx(Box, { mr: 2, display: "flex", alignItems: 'center', children: _jsx(BackComponent, { goBack: goBack, backLabel: backLabel, color: color }) })), !showBackComponent && (_jsx(Box, { display: "flex", alignItems: 'center', children: _jsx(Breadcrumbs, { "aria-label": "breadcrumb", separator: _jsx(ArrowForwardIosIcon, { style: { height: '8px', width: '8px' } }), children: paths.map((p) => p.onClick ? (_jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(ButtonNaked, { component: "button", onClick: () => onExit(p.onClick), startIcon: p.icon && _jsx(Icon, { component: p.icon }), sx: { color: 'colorTextPrimary' }, children: _jsx(Typography, { variant: "body2", sx: { ...truncatedText, fontWeight: 'fontWeightMedium' }, children: p.description }) }) }, p.description)) : (_jsxs(Box, { display: "flex", children: [p.icon && (_jsx(Box, { mr: 1, display: "flex", alignItems: "center", children: _jsx(Icon, { component: p.icon }) })), _jsx(Box, { display: "flex", alignItems: "center", children: _jsx(Typography, { variant: "body2", sx: { ...truncatedText, fontSize: 'fontSize' }, children: p.description }, p.description) })] }, p.description))) }) }))] }));
|
|
21
17
|
}
|
|
22
18
|
//# sourceMappingURL=NavigationBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../../../src/lib/components/NavigationBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../../../src/lib/components/NavigationBar.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAmB5C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,KAAK,GACC;IACN,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IAEtC,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;KACzB,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aAChB,iBAAiB,IAAI,CACpB,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAE,QAAQ,YAC7C,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,GACjE,CACP,EACA,CAAC,iBAAiB,IAAI,CACrB,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAE,QAAQ,YACtC,KAAC,WAAW,kBACC,YAAY,EACvB,SAAS,EAAE,KAAC,mBAAmB,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,YAEzE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACf,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,KAAC,GAAG,IAAqB,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,YACjF,KAAC,WAAW,IACV,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAqB,CAAC,EAC9C,SAAS,EAAE,CAAC,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,GAAI,EAChD,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAEjC,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,YAEvD,CAAC,CAAC,WAAW,GACH,GACD,IAbN,CAAC,CAAC,WAAW,CAcjB,CACP,CAAC,CAAC,CAAC,CACF,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aAChB,CAAC,CAAC,IAAI,IAAI,CACT,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YAC5C,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,GAAI,GACvB,CACP,EACD,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YACrC,KAAC,UAAU,IAET,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,YAE7C,CAAC,CAAC,WAAW,IAJT,CAAC,CAAC,WAAW,CAKP,GACT,KAdiB,CAAC,CAAC,WAAW,CAehC,CACP,CACF,GACW,GACV,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -36,5 +36,5 @@ type Props = {
|
|
|
36
36
|
/** If false not show the close button, default true */
|
|
37
37
|
showCloseButton?: boolean;
|
|
38
38
|
};
|
|
39
|
-
declare const _default: React.ComponentType<Omit<
|
|
39
|
+
declare const _default: React.ComponentType<Omit<Props, "t">>;
|
|
40
40
|
export default _default;
|
|
@@ -1,20 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const styles_1 = require("@mui/material/styles");
|
|
9
|
-
const useMediaQuery_1 = tslib_1.__importDefault(require("@mui/material/useMediaQuery"));
|
|
10
|
-
const react_i18next_1 = require("react-i18next");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import ClearOutlinedIcon from '@mui/icons-material/ClearOutlined';
|
|
3
|
+
import { Box, Button, Grid, IconButton, Typography } from '@mui/material';
|
|
4
|
+
import Dialog from '@mui/material/Dialog';
|
|
5
|
+
import { useTheme } from '@mui/material/styles';
|
|
6
|
+
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
7
|
+
import { withTranslation } from 'react-i18next';
|
|
11
8
|
/** Selfcare's popup */
|
|
12
9
|
function SessionModal({ t, open, title, message, onConfirm, onConfirmEnabled = true, onConfirmLabel = t('common.sessionModal.confirmButton'), productEnvironments, handleClose, handleExit = handleClose, onCloseLabel = t('common.sessionModal.closeButton'), height, minHeight, width = '100%', showCloseIcon = false, showCloseButton = true, }) {
|
|
13
|
-
const theme =
|
|
14
|
-
const fullScreen = (
|
|
15
|
-
return ((
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
const fullScreen = useMediaQuery(theme.breakpoints.down('xs'));
|
|
12
|
+
return (_jsx(Dialog, { fullScreen: fullScreen, open: open, onClose: handleClose, "aria-labelledby": "session-modal-title", "aria-describedby": "session-modal-description", children: _jsxs(Grid, { container: true, sx: { height, minHeight, width, maxWidth: '100%' }, px: 4, children: [_jsxs(Grid, { item: true, xs: 12, mt: 4, children: [showCloseIcon && (_jsx(IconButton, { onClick: handleExit, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 }, children: _jsx(ClearOutlinedIcon, {}) })), _jsx(Typography, { id: "session-modal-title", variant: "h6", sx: { fontSize: '24px', fontWeight: '700', wordBreak: 'break-word' }, children: title })] }), _jsxs(Box, { width: "100%", children: [_jsx(Grid, { item: true, xs: 12, mt: 2, mb: 3, children: _jsx(Typography, { id: "session-modal-description", variant: "body1", children: message }) }), _jsxs(Grid, { item: true, xs: 12, display: "flex", justifyContent: productEnvironments ? 'space-between' : 'flex-end', flexWrap: 'wrap-reverse', children: [showCloseButton && (_jsx(Box, { mb: 3, mt: 0, children: _jsx(Button, { onClick: handleClose, color: "primary", variant: "outlined", children: onCloseLabel }) })), onConfirm && (_jsxs(Box, { mb: 3, display: "flex", flexDirection: "row-reverse", children: [_jsx(Button, { sx: { marginLeft: 2 }, color: "primary", variant: "contained", onClick: onConfirm, disabled: !onConfirmEnabled, children: onConfirmLabel }), productEnvironments?.map((p) => (_jsx(Box, { ml: 2, children: _jsx(Button, { value: p.environment, color: "primary", variant: "contained", onClick: onConfirm, children: p.environment
|
|
16
13
|
.toLowerCase()
|
|
17
14
|
.replace(/\b[a-z]/g, p.environment.charAt(0).toUpperCase()) }) }, p.environment)))] }))] })] })] }) }));
|
|
18
15
|
}
|
|
19
|
-
|
|
16
|
+
const SessionModalWithTranslation = withTranslation()(SessionModal);
|
|
17
|
+
export default SessionModalWithTranslation;
|
|
20
18
|
//# sourceMappingURL=SessionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SessionModal.js","sourceRoot":"","sources":["../../../src/lib/components/SessionModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SessionModal.js","sourceRoot":"","sources":["../../../src/lib/components/SessionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = TitleBox;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
2
|
// import React from 'react'
|
|
6
3
|
// import { Box } from '@mui/material';
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
import { Typography } from '@mui/material';
|
|
5
|
+
import { Grid } from '@mui/material';
|
|
9
6
|
/** Selfcare's page title */
|
|
10
|
-
function TitleBox({ title, subTitle, mbTitle = 2, mtTitle, mbSubTitle, variantTitle = 'h1', variantSubTitle = 'h5', titleFontSize, subTitleFontSize = '18px', }) {
|
|
11
|
-
return ((
|
|
7
|
+
export default function TitleBox({ title, subTitle, mbTitle = 2, mtTitle, mbSubTitle, variantTitle = 'h1', variantSubTitle = 'h5', titleFontSize, subTitleFontSize = '18px', }) {
|
|
8
|
+
return (_jsxs(Grid, { container: true, mt: mtTitle, children: [_jsx(Grid, { item: true, xs: 12, mb: mbTitle, children: _jsx(Typography, { variant: variantTitle, sx: { fontSize: titleFontSize }, children: title }) }), subTitle && (_jsx(Grid, { item: true, xs: 12, mb: mbSubTitle, children: _jsx(Typography, { variant: variantSubTitle, sx: { fontSize: subTitleFontSize }, children: subTitle }) }))] }));
|
|
12
9
|
}
|
|
13
10
|
//# sourceMappingURL=TitleBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TitleBox.js","sourceRoot":"","sources":["../../../src/lib/components/TitleBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TitleBox.js","sourceRoot":"","sources":["../../../src/lib/components/TitleBox.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,uCAAuC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAyBrC,4BAA4B;AAC5B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,OAAO,EACP,UAAU,EACV,YAAY,GAAG,IAAI,EACnB,eAAe,GAAG,IAAI,EACtB,aAAa,EACb,gBAAgB,GAAG,MAAM,GACnB;IACN,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,EAAE,EAAE,OAAO,aACzB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,YAC5B,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,YAC/D,KAAK,GACK,GACR,EACN,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,YAC/B,KAAC,UAAU,IAAC,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YACrE,QAAQ,GACE,GACR,CACR,IACI,CACR,CAAC;AACJ,CAAC"}
|