@pagopa/selfcare-common-frontend 0.1.1 → 0.1.2

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.
Files changed (66) hide show
  1. package/build.info +2 -2
  2. package/common-polyfill.js +11 -8
  3. package/common-polyfill.js.map +1 -0
  4. package/components/CustomAvatar.js +10 -5
  5. package/components/CustomAvatar.js.map +1 -0
  6. package/components/CustomPagination.js +11 -6
  7. package/components/CustomPagination.js.map +1 -0
  8. package/components/ErrorBoundary/ErrorBoundary.js +24 -20
  9. package/components/ErrorBoundary/ErrorBoundary.js.map +1 -0
  10. package/components/ErrorBoundary/components/BlockingErrorPage.js +8 -5
  11. package/components/ErrorBoundary/components/BlockingErrorPage.js.map +1 -0
  12. package/components/FilterModal.js +17 -12
  13. package/components/FilterModal.js.map +1 -0
  14. package/components/Footer/Footer.js +14 -11
  15. package/components/Footer/Footer.js.map +1 -0
  16. package/components/Header/Header.js +14 -10
  17. package/components/Header/Header.js.map +1 -0
  18. package/components/Header/subHeader/SubHeader.js +9 -5
  19. package/components/Header/subHeader/SubHeader.js.map +1 -0
  20. package/components/Loading/LoadingOverlay.js +16 -11
  21. package/components/Loading/LoadingOverlay.js.map +1 -0
  22. package/components/SessionModal.js +15 -10
  23. package/components/SessionModal.js.map +1 -0
  24. package/components/TitleBox.js +9 -5
  25. package/components/TitleBox.js.map +1 -0
  26. package/components/Toast.js +15 -10
  27. package/components/Toast.js.map +1 -0
  28. package/config/env.js +7 -2
  29. package/config/env.js.map +1 -0
  30. package/decorators/__mocks__/withLogin.js +17 -12
  31. package/decorators/__mocks__/withLogin.js.map +1 -0
  32. package/decorators/withLogin.js +18 -13
  33. package/decorators/withLogin.js.map +1 -0
  34. package/hooks/useErrorDispatcher.js +9 -5
  35. package/hooks/useErrorDispatcher.js.map +1 -0
  36. package/hooks/useLoading.js +12 -8
  37. package/hooks/useLoading.js.map +1 -0
  38. package/hooks/useLogin.js +21 -15
  39. package/hooks/useLogin.js.map +1 -0
  40. package/index.js +35 -20
  41. package/index.js.map +1 -0
  42. package/model/Page.js +3 -1
  43. package/model/Page.js.map +1 -0
  44. package/model/PageRequest.js +3 -1
  45. package/model/PageRequest.js.map +1 -0
  46. package/model/PageResource.js +3 -1
  47. package/model/PageResource.js.map +1 -0
  48. package/model/Party.js +3 -1
  49. package/model/Party.js.map +1 -0
  50. package/model/User.js +3 -1
  51. package/model/User.js.map +1 -0
  52. package/package.json +1 -1
  53. package/redux/slices/appStateSlice.js +9 -5
  54. package/redux/slices/appStateSlice.js.map +1 -0
  55. package/redux/slices/userSlice.js +9 -5
  56. package/redux/slices/userSlice.js.map +1 -0
  57. package/services/errorService.js +6 -1
  58. package/services/errorService.js.map +1 -0
  59. package/utils/constants.js +8 -4
  60. package/utils/constants.js.map +1 -0
  61. package/utils/routes-utils.js +6 -1
  62. package/utils/routes-utils.js.map +1 -0
  63. package/utils/storage-utils.js +10 -3
  64. package/utils/storage-utils.js.map +1 -0
  65. package/utils/utils.js +6 -1
  66. package/utils/utils.js.map +1 -0
package/build.info CHANGED
@@ -1,2 +1,2 @@
1
- 20220120.2 - selfcare-common-frontend.deploy(17331)
2
- tags/v0.1.1^0 01a75c35fd9797944fbc4d330218a6a794d04cfa
1
+ 20220120.3 - selfcare-common-frontend.deploy(17335)
2
+ tags/v0.1.2^0 fab7e928e20410d6071b6fc83c42aa275fda8ea7
@@ -1,8 +1,11 @@
1
- import 'react-app-polyfill/ie11';
2
- import 'core-js/es/object/entries';
3
- import 'core-js/es/object/values';
4
- import 'core-js/es/promise';
5
- import 'core-js/es/array';
6
- import 'core-js/stable/string';
7
- import 'core-js/stable/number';
8
- import 'core-js/stable/url-search-params';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("react-app-polyfill/ie11");
4
+ require("core-js/es/object/entries");
5
+ require("core-js/es/object/values");
6
+ require("core-js/es/promise");
7
+ require("core-js/es/array");
8
+ require("core-js/stable/string");
9
+ require("core-js/stable/number");
10
+ require("core-js/stable/url-search-params");
11
+ //# sourceMappingURL=common-polyfill.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common-polyfill.js","sourceRoot":"","sources":["../src/lib/common-polyfill.ts"],"names":[],"mappings":";;AAAA,mCAAiC;AACjC,qCAAmC;AACnC,oCAAkC;AAClC,8BAA4B;AAC5B,4BAA0B;AAC1B,iCAA+B;AAC/B,iCAA+B;AAC/B,4CAA0C"}
@@ -1,9 +1,12 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { Avatar } from '@mui/material';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = (0, tslib_1.__importDefault)(require("react"));
6
+ const material_1 = require("@mui/material");
4
7
  /** Avatar to use to load Organization logo */
5
- export default function CustomAvatar({ customAlt, customSrc, customWidth, customHeight, id, loading, }) {
6
- return (_jsx(React.Fragment, { children: _jsx(Avatar, { id: id, alt: customAlt, src: customSrc, sx: {
8
+ function CustomAvatar({ customAlt, customSrc, customWidth, customHeight, id, loading, }) {
9
+ return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { id: id, alt: customAlt, src: customSrc, sx: {
7
10
  width: customWidth,
8
11
  height: customHeight,
9
12
  display: !loading ? undefined : 'none',
@@ -11,3 +14,5 @@ export default function CustomAvatar({ customAlt, customSrc, customWidth, custom
11
14
  backgroundColor: '#CCD4DC',
12
15
  } }, void 0) }, void 0));
13
16
  }
17
+ exports.default = CustomAvatar;
18
+ //# sourceMappingURL=CustomAvatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomAvatar.js","sourceRoot":"","sources":["../../src/lib/components/CustomAvatar.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;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,WACD,WACa,CAClB,CAAC;AACJ,CAAC;AAxBD,+BAwBC"}
@@ -1,7 +1,10 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Grid, Pagination } from '@mui/material';
3
- import PaginationItem from '@mui/material/PaginationItem';
4
- import React from 'react';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const material_1 = require("@mui/material");
6
+ const PaginationItem_1 = (0, tslib_1.__importDefault)(require("@mui/material/PaginationItem"));
7
+ const react_1 = (0, tslib_1.__importDefault)(require("react"));
5
8
  function defaultLabelDisplayedRows(from, to, count) {
6
9
  // eslint-disable-next-line sonarjs/no-nested-template-literals
7
10
  return `${from}-${to} di ${count !== -1 ? count : `più di ${to}`}`;
@@ -13,14 +16,16 @@ const getLabelDisplayedRowsTo = (count, page, size) => {
13
16
  return size === -1 ? count : Math.min(count, (page + 1) * size);
14
17
  };
15
18
  /** Selfcare custom table available pages component */
16
- export default function CustomPagination({ page, onPageRequest, sort }) {
19
+ function CustomPagination({ page, onPageRequest, sort }) {
17
20
  const count = page.totalElements;
18
21
  const from = count === 0 ? 0 : page.number * page.size + 1;
19
22
  const to = getLabelDisplayedRowsTo(count, page.number, page.size);
20
- return (_jsx(React.Fragment, { children: _jsxs(Grid, Object.assign({ container: true, sx: { padding: '0 10px' } }, { children: [_jsx(Grid, Object.assign({ item: true, xs: 6, display: "flex", justifyContent: "start", alignItems: 'center' }, { children: defaultLabelDisplayedRows(from, to, count) }), void 0), _jsx(Grid, Object.assign({ item: true, xs: 6, display: "flex", justifyContent: "end", alignItems: 'center' }, { children: page.totalElements > page.size && (_jsx(Pagination, { sx: { display: 'flex' }, color: "primary", variant: "outlined", shape: "rounded", page: page.number + 1, count: page.totalPages, renderItem: (props2) => _jsx(PaginationItem, Object.assign({}, props2, { sx: { border: 'none' } }), void 0), onChange: (_event, value) => (onPageRequest({
23
+ return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, sx: { padding: '0 10px' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, display: "flex", justifyContent: "start", alignItems: 'center' }, { children: defaultLabelDisplayedRows(from, to, count) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ 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, Object.assign({}, props2, { sx: { border: 'none' } }), void 0), onChange: (_event, value) => (onPageRequest({
21
24
  page: value - 1,
22
25
  size: page.size,
23
26
  sort,
24
27
  }),
25
28
  window.scrollTo(0, 0)) }, void 0)) }), void 0)] }), void 0) }, void 0));
26
29
  }
30
+ exports.default = CustomPagination;
31
+ //# sourceMappingURL=CustomPagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomPagination.js","sourceRoot":"","sources":["../../src/lib/components/CustomPagination.tsx"],"names":[],"mappings":";;;;AAAA,4CAAiD;AACjD,+FAA0D;AAC1D,+DAA0B;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,kBAAC,SAAS,QAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,iBACvC,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,UAAU,EAAE,QAAQ,gBACzE,yBAAyB,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,YACtC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,KAAK,EAAC,UAAU,EAAE,QAAQ,gBACvE,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,oBAAK,MAAM,IAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAI,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,WACD,CACH,YACI,aACF,WACQ,CAClB,CAAC;AACJ,CAAC;AAnCD,mCAmCC"}
@@ -1,22 +1,25 @@
1
- import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
- import { uniqueId } from 'lodash';
3
- import { Component, Fragment } from 'react';
4
- import { connect } from 'react-redux';
5
- import { createSelector } from 'reselect';
6
- import { appStateActions, appStateSelectors } from '../../redux/slices/appStateSlice';
7
- import { handleErrors } from '../../services/errorService';
8
- import SessionModal from '../SessionModal';
9
- import BlockingErrorPage from './components/BlockingErrorPage';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const lodash_1 = require("lodash");
6
+ const react_1 = require("react");
7
+ const react_redux_1 = require("react-redux");
8
+ const reselect_1 = require("reselect");
9
+ const appStateSlice_1 = require("../../redux/slices/appStateSlice");
10
+ const errorService_1 = require("../../services/errorService");
11
+ const SessionModal_1 = (0, tslib_1.__importDefault)(require("../SessionModal"));
12
+ const BlockingErrorPage_1 = (0, tslib_1.__importDefault)(require("./components/BlockingErrorPage"));
10
13
  /** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
11
14
  It allows to dispatch errors in order to display a warning or the error page to the user.
12
15
  Errors dispatched will be notified using errorService
13
16
 
14
17
  To use this feature you have to put ErrorBOundary in your App as a child of a redux Provider component.
15
18
  In order to dispatch an error you have to use the custom hook useErrorDispatcher which will return a fuction to be used to dispatch the error. */
16
- class ErrorBoundary extends Component {
19
+ class ErrorBoundary extends react_1.Component {
17
20
  componentDidCatch(error, errorInfo) {
18
21
  this.props.addError({
19
- id: uniqueId('uncaught-'),
22
+ id: (0, lodash_1.uniqueId)('uncaught-'),
20
23
  techDescription: 'Uncaught error',
21
24
  error,
22
25
  errorInfo,
@@ -29,17 +32,17 @@ class ErrorBoundary extends Component {
29
32
  const blockingErrors = this.props.errors.filter((e) => e.blocking);
30
33
  const hasBlockingError = blockingErrors.length > 0;
31
34
  if (hasError) {
32
- handleErrors(this.props.errors);
35
+ (0, errorService_1.handleErrors)(this.props.errors);
33
36
  }
34
37
  if (!hasBlockingError) {
35
- return (_jsxs(Fragment, { children: [this.props.children, hasError && this.buildErrorModal(this.props.errors[0])] }, void 0));
38
+ return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [this.props.children, hasError && this.buildErrorModal(this.props.errors[0])] }, void 0));
36
39
  }
37
40
  else {
38
- return (_jsx(BlockingErrorPage, { description: blockingErrors[0].displayableDescription, assistanceEmail: this.props.assistanceEmail }, void 0));
41
+ return ((0, jsx_runtime_1.jsx)(BlockingErrorPage_1.default, { description: blockingErrors[0].displayableDescription, assistanceEmail: this.props.assistanceEmail }, void 0));
39
42
  }
40
43
  }
41
44
  buildErrorModal(error) {
42
- return (_jsx(SessionModal, { open: true, title: error.displayableTitle ?? 'Errore', message: error.displayableDescription ?? 'Spiacenti, qualcosa è andato storto.', onConfirm: error.onRetry ? () => this.retryError(error) : undefined, handleClose: () => {
45
+ return ((0, jsx_runtime_1.jsx)(SessionModal_1.default, { open: true, title: error.displayableTitle ?? 'Errore', message: error.displayableDescription ?? 'Spiacenti, qualcosa è andato storto.', onConfirm: error.onRetry ? () => this.retryError(error) : undefined, handleClose: () => {
43
46
  this.popError(error);
44
47
  if (error.onClose) {
45
48
  error.onClose();
@@ -56,13 +59,14 @@ class ErrorBoundary extends Component {
56
59
  this.props.removeError(error);
57
60
  }
58
61
  }
59
- const errorsSelector = createSelector(appStateSelectors.selectErrors, (errors) => errors);
62
+ const errorsSelector = (0, reselect_1.createSelector)(appStateSlice_1.appStateSelectors.selectErrors, (errors) => errors);
60
63
  function mapStateToProps(state) {
61
64
  return { errors: errorsSelector(state) };
62
65
  }
63
66
  const mapDispatchToProps = (dispatch) => ({
64
- addError: (error) => dispatch(appStateActions.addError(error)),
65
- removeError: (error) => dispatch(appStateActions.removeError(error)),
67
+ addError: (error) => dispatch(appStateSlice_1.appStateActions.addError(error)),
68
+ removeError: (error) => dispatch(appStateSlice_1.appStateActions.removeError(error)),
66
69
  });
67
- const ErrorBoundaryConnected = connect(mapStateToProps, mapDispatchToProps)(ErrorBoundary);
68
- export default ErrorBoundaryConnected;
70
+ const ErrorBoundaryConnected = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(ErrorBoundary);
71
+ exports.default = ErrorBoundaryConnected;
72
+ //# sourceMappingURL=ErrorBoundary.js.map
@@ -0,0 +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,oEAAgG;AAChG,8DAA2D;AAC3D,gFAA2C;AAC3C,oGAA+D;AAa/D;;;;;iJAKiJ;AACjJ,MAAM,aAAc,SAAQ,iBAAiC;IACpD,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACzD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAClB,EAAE,EAAE,IAAA,iBAAQ,EAAC,WAAW,CAAC;YACzB,eAAe,EAAE,gBAAgB;YACjC,KAAK;YACL,SAAS;YACT,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;IACL,CAAC;IAEM,MAAM;QACX,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACnE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAEnD,IAAI,QAAQ,EAAE;YACZ,IAAA,2BAAY,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACjC;QAED,IAAI,CAAC,gBAAgB,EAAE;YACrB,OAAO,CACL,wBAAC,gBAAQ,eACN,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAC9C,CACZ,CAAC;SACH;aAAM;YACL,OAAO,CACL,uBAAC,2BAAiB,IAChB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,sBAAsB,EACrD,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,WAC3C,CACH,CAAC;SACH;IACH,CAAC;IAED,eAAe,CAAC,KAAe;QAC7B,OAAO,CACL,uBAAC,sBAAY,IACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,QAAQ,EACzC,OAAO,EAAE,KAAK,CAAC,sBAAsB,IAAI,sCAAsC,EAC/E,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EACnE,WAAW,EAAE,GAAG,EAAE;gBAChB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACrB,IAAI,KAAK,CAAC,OAAO,EAAE;oBACjB,KAAK,CAAC,OAAO,EAAE,CAAC;iBACjB;YACH,CAAC,WACD,CACH,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,KAAe;QACxB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,KAAK,CAAC,OAAO,EAAE,CAAC;SACjB;IACH,CAAC;IAED,QAAQ,CAAC,KAAe;QACtB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;CACF;AAED,MAAM,cAAc,GAAG,IAAA,yBAAc,EAAC,iCAAiB,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;AAE1F,SAAS,eAAe,CAAC,KAAU;IACjC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;AAC3C,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,QAA0B,EAAE,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,+BAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,+BAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;CAC/E,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAA0C,IAAA,qBAAO,EAC3E,eAAe,EACf,kBAAkB,CACnB,CAAC,aAAa,CAAC,CAAC;AACjB,kBAAe,sBAAsB,CAAC"}
@@ -1,5 +1,8 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, Grid, Typography, Box } from '@mui/material';
3
- import { ReactComponent as ErrorIllustration } from '../../../assets/error-illustration.svg';
4
- export default ({ description, assistanceEmail }) => (_jsx(Box, Object.assign({ sx: { minHeight: '100vh' }, display: "flex" }, { children: _jsxs(Grid, Object.assign({ container: true, direction: "column", style: { textAlign: 'center' }, margin: 'auto' }, { children: [_jsx(Grid, Object.assign({ container: true, item: true, justifyContent: "center", mb: 5 }, { children: _jsx(Grid, Object.assign({ item: true, xs: 6 }, { children: _jsx(ErrorIllustration, {}, void 0) }), void 0) }), void 0), _jsx(Grid, Object.assign({ container: true, item: true, justifyContent: "center" }, { children: _jsx(Grid, Object.assign({ item: true, xs: 6 }, { children: _jsx(Typography, Object.assign({ variant: "h2" }, { children: "Spiacenti, qualcosa \u00E8 andato storto." }), void 0) }), void 0) }), void 0), _jsx(Grid, Object.assign({ container: true, item: true, justifyContent: "center", mb: 7, mt: 1 }, { children: _jsx(Grid, Object.assign({ item: true, xs: 6 }, { children: _jsx(Typography, { children: description ??
5
- 'A causa di un errore del sistema non è possibile completare la procedura.' }, void 0) }), void 0) }), void 0), assistanceEmail && (_jsx(Grid, Object.assign({ container: true, item: true, justifyContent: "center" }, { children: _jsx(Grid, Object.assign({ item: true, xs: 4 }, { children: _jsx(Button, Object.assign({ variant: "contained", sx: { width: '200px', alignSelf: 'center' }, onClick: () => window.location.assign(`mailto:${assistanceEmail}`) }, { children: "Contatta l\"assistenza" }), void 0) }), void 0) }), void 0))] }), "0") }), void 0));
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const material_1 = require("@mui/material");
5
+ const error_illustration_svg_1 = require("../../../assets/error-illustration.svg");
6
+ exports.default = ({ description, assistanceEmail }) => ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { minHeight: '100vh' }, display: "flex" }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, direction: "column", style: { textAlign: 'center' }, margin: 'auto' }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, justifyContent: "center", mb: 5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6 }, { children: (0, jsx_runtime_1.jsx)(error_illustration_svg_1.ReactComponent, {}, void 0) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h2" }, { children: "Spiacenti, qualcosa \u00E8 andato storto." }), void 0) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, justifyContent: "center", mb: 7, mt: 1 }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: description ??
7
+ 'A causa di un errore del sistema non è possibile completare la procedura.' }, void 0) }), void 0) }), void 0), assistanceEmail && ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 4 }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", sx: { width: '200px', alignSelf: 'center' }, onClick: () => window.location.assign(`mailto:${assistanceEmail}`) }, { children: "Contatta l\"assistenza" }), void 0) }), void 0) }), void 0))] }), "0") }), void 0));
8
+ //# sourceMappingURL=BlockingErrorPage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BlockingErrorPage.js","sourceRoot":"","sources":["../../../../src/lib/components/ErrorBoundary/components/BlockingErrorPage.tsx"],"names":[],"mappings":";;;AAAA,4CAA8D;AAC9D,mFAA6F;AAO7F,kBAAe,CAAC,EAAE,WAAW,EAAE,eAAe,EAAS,EAAE,EAAE,CAAC,CAC1D,uBAAC,cAAG,kBAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,OAAO,EAAC,MAAM,gBAC7C,wBAAC,eAAI,kBAAC,SAAS,QAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,iBACvF,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,gBAChD,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,uCAAiB,aAAG,YAChB,YACF,EACP,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,gBAC1C,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,uEAAkD,YACrE,YACF,EACP,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACvD,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,qBAAU,cACR,WAAW;4BACV,2EAA2E,WAClE,YACR,YACF,EACN,eAAe,IAAI,CAClB,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,cAAc,EAAC,QAAQ,gBAC1C,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,iBAAM,kBACL,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,eAAe,EAAE,CAAC,oDAG3D,YACJ,YACF,CACR,MA/BoC,GAAG,CAgCnC,YACH,CACP,CAAC"}
@@ -1,14 +1,17 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import * as React from 'react';
3
- import { Typography, Box, Button, FormControlLabel, Grid, IconButton, Radio, RadioGroup, } from '@mui/material';
4
- import Dialog from '@mui/material/Dialog';
5
- import useMediaQuery from '@mui/material/useMediaQuery';
6
- import { useTheme } from '@mui/material/styles';
7
- import ClearOutlinedIcon from '@mui/icons-material/ClearOutlined';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const React = (0, tslib_1.__importStar)(require("react"));
6
+ const material_1 = require("@mui/material");
7
+ const Dialog_1 = (0, tslib_1.__importDefault)(require("@mui/material/Dialog"));
8
+ const useMediaQuery_1 = (0, tslib_1.__importDefault)(require("@mui/material/useMediaQuery"));
9
+ const styles_1 = require("@mui/material/styles");
10
+ const ClearOutlined_1 = (0, tslib_1.__importDefault)(require("@mui/icons-material/ClearOutlined"));
8
11
  /** Modal used to show a list of values from which to choose a single value */
9
- export default function FilterModal({ open, handleClose, title, filterModalConfig, height = '16em', minHeight = '16em', }) {
10
- const theme = useTheme();
11
- const fullScreen = useMediaQuery(theme.breakpoints.down('xs'));
12
+ function FilterModal({ open, handleClose, title, filterModalConfig, height = '16em', minHeight = '16em', }) {
13
+ const theme = (0, styles_1.useTheme)();
14
+ const fullScreen = (0, useMediaQuery_1.default)(theme.breakpoints.down('xs'));
12
15
  const [valueRadio, setValueRadio] = React.useState('');
13
16
  const handleChange = (_, value) => {
14
17
  setValueRadio(value);
@@ -19,8 +22,10 @@ export default function FilterModal({ open, handleClose, title, filterModalConfi
19
22
  handleClose(event);
20
23
  };
21
24
  const data = filterModalConfig?.data !== undefined ? filterModalConfig?.data : [];
22
- return (_jsx(Dialog, Object.assign({ fullScreen: fullScreen, open: open, "aria-labelledby": "responsive-dialog-title" }, { children: _jsx(Grid, Object.assign({ container: true, direction: "column", sx: { height, minHeight, width: '21.9em' } }, { children: _jsxs(Box, Object.assign({ mx: 3, sx: { height: '100%' } }, { children: [_jsx(Grid, Object.assign({ container: true, item: true, mt: 4 }, { children: _jsxs(Grid, Object.assign({ item: true, xs: 10 }, { children: [_jsx(IconButton, Object.assign({ onClick: (e) => {
25
+ return ((0, jsx_runtime_1.jsx)(Dialog_1.default, Object.assign({ fullScreen: fullScreen, open: open, "aria-labelledby": "responsive-dialog-title" }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, direction: "column", sx: { height, minHeight, width: '21.9em' } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mx: 3, sx: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, mt: 4 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 10 }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: (e) => {
23
26
  setValueRadio('');
24
27
  handleClose(e);
25
- }, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 } }, { children: _jsx(ClearOutlinedIcon, {}, void 0) }), void 0), _jsx(Typography, Object.assign({ variant: "h5", sx: { fontSize: '18px', fontWeight: '600' } }, { children: `Filtra per ${title}` }), void 0)] }), void 0) }), void 0), _jsx(Grid, Object.assign({ container: true, item: true }, { children: _jsx(Grid, Object.assign({ item: true, xs: 12, my: 3 }, { children: _jsx(RadioGroup, Object.assign({ "aria-label": "gender", name: "controlled-radio-buttons-group", value: valueRadio, onChange: handleChange }, { children: data.map((value, index) => (_jsx(FormControlLabel, { value: filterModalConfig?.getValue(value), control: _jsx(Radio, {}, void 0), label: filterModalConfig?.getLabel(value) }, index))) }), void 0) }), void 0) }), void 0), _jsx(Grid, Object.assign({ item: true, xs: 12, mb: 2 }, { children: _jsx(Button, Object.assign({ sx: { width: '100%', marginBottom: '20px' }, color: "primary", variant: "contained", onClick: submitFilter }, { children: "Filtra" }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
28
+ }, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 } }, { children: (0, jsx_runtime_1.jsx)(ClearOutlined_1.default, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5", sx: { fontSize: '18px', fontWeight: '600' } }, { children: `Filtra per ${title}` }), void 0)] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, my: 3 }, { children: (0, jsx_runtime_1.jsx)(material_1.RadioGroup, Object.assign({ "aria-label": "gender", name: "controlled-radio-buttons-group", value: valueRadio, onChange: handleChange }, { children: data.map((value, index) => ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: filterModalConfig?.getValue(value), control: (0, jsx_runtime_1.jsx)(material_1.Radio, {}, void 0), label: filterModalConfig?.getLabel(value) }, index))) }), void 0) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, mb: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ sx: { width: '100%', marginBottom: '20px' }, color: "primary", variant: "contained", onClick: submitFilter }, { children: "Filtra" }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
26
29
  }
30
+ exports.default = FilterModal;
31
+ //# sourceMappingURL=FilterModal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FilterModal.js","sourceRoot":"","sources":["../../src/lib/components/FilterModal.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,10 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Box, Grid, Link, SvgIcon, Typography } from '@mui/material';
3
- import { ReactComponent as logo } from '../../assets/logo_pago_pa.svg';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const material_1 = require("@mui/material");
5
+ const logo_pago_pa_svg_1 = require("../../assets/logo_pago_pa.svg");
4
6
  /** SelfCare Footer component */
5
- const Footer = ({ assistanceEmail }) => (_jsxs(Box, Object.assign({ component: "footer", sx: {
7
+ const Footer = ({ assistanceEmail }) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ component: "footer", sx: {
6
8
  pt: '32px',
7
9
  height: '156px',
8
10
  mt: 'auto',
@@ -10,34 +12,35 @@ const Footer = ({ assistanceEmail }) => (_jsxs(Box, Object.assign({ component: "
10
12
  alignItems: 'center',
11
13
  boxSizing: 'unset',
12
14
  position: 'relative',
13
- } }, { children: [_jsx(Grid, Object.assign({ container: true, justifyContent: 'center', alignItems: 'center' }, { children: _jsxs(Box, Object.assign({ sx: { width: '90%', display: 'flex' } }, { children: [_jsx(SvgIcon, { component: logo, viewBox: "0 0 140 33", sx: { width: '119px' } }, void 0), _jsx(Box, Object.assign({ sx: { textAlign: 'right', flexGrow: 1 }, pl: 8 }, { children: _jsxs(Typography, Object.assign({ component: "div", sx: {
15
+ } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, justifyContent: 'center', alignItems: 'center' }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { width: '90%', display: 'flex' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { component: logo_pago_pa_svg_1.ReactComponent, viewBox: "0 0 140 33", sx: { width: '119px' } }, void 0), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { textAlign: 'right', flexGrow: 1 }, pl: 8 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ component: "div", sx: {
14
16
  fontWeight: 'normal',
15
17
  fontSize: '15px',
16
18
  lineHeight: '22,82px',
17
19
  textAlign: 'left',
18
20
  color: 'background.default',
19
21
  paddingLeft: '0px',
20
- } }, { 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 -", _jsx("br", {}, void 0), "n. di iscrizione a Registro Imprese di Roma, CF e P.IVA 15376371009"] }), void 0) }), void 0)] }), void 0) }), void 0), _jsx(Grid, Object.assign({ container: true, alignItems: 'center', justifyContent: 'center', sx: { position: 'absolute', bottom: '48px' } }, { children: _jsx(Box, Object.assign({ sx: { width: '90%', display: 'flex' } }, { children: _jsxs(Typography, Object.assign({ sx: {
22
+ } }, { 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", {}, void 0), "n. di iscrizione a Registro Imprese di Roma, CF e P.IVA 15376371009"] }), void 0) }), void 0)] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, alignItems: 'center', justifyContent: 'center', sx: { position: 'absolute', bottom: '48px' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { width: '90%', display: 'flex' } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ sx: {
21
23
  fontWeight: 'normal',
22
24
  fontSize: '15px',
23
25
  lineHeight: '15px',
24
26
  textAlign: 'left',
25
27
  padding: '0px',
26
- }, component: "div" }, { children: [_jsx(Link, Object.assign({ href: "https://www.pagopa.it/it/privacy-policy/", underline: "none", sx: {
28
+ }, component: "div" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Link, Object.assign({ href: "https://www.pagopa.it/it/privacy-policy/", underline: "none", sx: {
27
29
  marginRight: '10px',
28
30
  color: '#9BB7CB !important',
29
31
  textDecoration: 'none !important',
30
- } }, { children: 'Privacy Policy ' }), void 0), _jsx(Link, Object.assign({ href: "https://www.pagopa.it/it/termini-e-condizioni-di-utilizzo-del-sito/", underline: "none", sx: {
32
+ } }, { children: 'Privacy Policy ' }), void 0), (0, jsx_runtime_1.jsx)(material_1.Link, Object.assign({ href: "https://www.pagopa.it/it/termini-e-condizioni-di-utilizzo-del-sito/", underline: "none", sx: {
31
33
  margin: '10px',
32
34
  color: '#9BB7CB !important',
33
35
  textDecoration: 'none !important',
34
- } }, { children: 'Termini e condizioni d’uso del sito ' }), void 0), _jsx(Link, Object.assign({ href: "https://www.pagopa.it/static/781646994f1f8ddad2d95af3aaedac3d/Sicurezza-delle-informazioni_PagoPA-S.p.A..pdft", underline: "none", sx: {
36
+ } }, { children: 'Termini e condizioni d’uso del sito ' }), void 0), (0, jsx_runtime_1.jsx)(material_1.Link, Object.assign({ href: "https://www.pagopa.it/static/781646994f1f8ddad2d95af3aaedac3d/Sicurezza-delle-informazioni_PagoPA-S.p.A..pdft", underline: "none", sx: {
35
37
  marginRight: '10px',
36
38
  color: '#9BB7CB !important',
37
39
  textDecoration: 'none !important',
38
- } }, { children: 'Sicurezza delle informazioni ' }), void 0), assistanceEmail && (_jsx(Link, Object.assign({ href: `mailto:${assistanceEmail}`, underline: "none", sx: {
40
+ } }, { children: 'Sicurezza delle informazioni ' }), void 0), assistanceEmail && ((0, jsx_runtime_1.jsx)(material_1.Link, Object.assign({ href: `mailto:${assistanceEmail}`, underline: "none", sx: {
39
41
  margin: '10px',
40
42
  color: '#9BB7CB !important',
41
43
  textDecoration: 'none !important',
42
44
  } }, { children: 'Assistenza ' }), void 0))] }), void 0) }), void 0) }), void 0)] }), void 0));
43
- export default Footer;
45
+ exports.default = Footer;
46
+ //# sourceMappingURL=Footer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":"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"}
@@ -1,15 +1,19 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { AppBar, Button, SvgIcon, Toolbar } from '@mui/material';
3
- import { Box } from '@mui/system';
4
- import { Fragment } from 'react';
5
- import { ReactComponent as logo } from '../../assets/logo_pago_pa_mini.svg';
6
- import { CONFIG } from '../../config/env';
7
- import SubHeader from './subHeader/SubHeader';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
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_1 = require("react");
8
+ const logo_pago_pa_mini_svg_1 = require("../../assets/logo_pago_pa_mini.svg");
9
+ const env_1 = require("../../config/env");
10
+ const SubHeader_1 = (0, tslib_1.__importDefault)(require("./subHeader/SubHeader"));
8
11
  /** SelfCare Header component */
9
- const Header = ({ withSecondHeader, onExitAction = () => window.location.assign(CONFIG.URL_FE.LOGOUT), subHeaderChild, }) => (_jsxs(Fragment, { children: [_jsx(AppBar, Object.assign({ position: "relative", sx: {
12
+ const Header = ({ withSecondHeader, onExitAction = () => window.location.assign(env_1.CONFIG.URL_FE.LOGOUT), subHeaderChild, }) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.AppBar, Object.assign({ position: "relative", sx: {
10
13
  alignItems: 'center',
11
14
  height: '48px',
12
15
  backgroundColor: 'primary.dark',
13
16
  boxShadow: 'none',
14
- } }, { children: _jsxs(Toolbar, Object.assign({ sx: { width: { xs: '100%', lg: '90%', minHeight: '48px !important' } } }, { children: [_jsx(SvgIcon, { component: logo, viewBox: "0 0 80 24", sx: { width: '80px' } }, void 0), onExitAction !== null ? (_jsx(Box, Object.assign({ sx: { flexGrow: 1, textAlign: 'right' } }, { children: _jsx(Button, Object.assign({ variant: "contained", sx: { width: '88px', backgroundColor: '#004C99', height: '32px' }, onClick: onExitAction }, { children: "Esci" }), void 0) }), void 0)) : ('')] }), void 0) }), void 0), withSecondHeader === true ? _jsx(SubHeader, { children: subHeaderChild }, void 0) : ''] }, void 0));
15
- export default Header;
17
+ } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({ sx: { width: { xs: '100%', lg: '90%', minHeight: '48px !important' } } }, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { component: logo_pago_pa_mini_svg_1.ReactComponent, viewBox: "0 0 80 24", sx: { width: '80px' } }, void 0), onExitAction !== null ? ((0, jsx_runtime_1.jsx)(system_1.Box, Object.assign({ sx: { flexGrow: 1, textAlign: 'right' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", sx: { width: '88px', backgroundColor: '#004C99', height: '32px' }, onClick: onExitAction }, { children: "Esci" }), void 0) }), void 0)) : ('')] }), void 0) }), void 0), withSecondHeader === true ? (0, jsx_runtime_1.jsx)(SubHeader_1.default, { children: subHeaderChild }, void 0) : ''] }, void 0));
18
+ exports.default = Header;
19
+ //# sourceMappingURL=Header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/lib/components/Header/Header.tsx"],"names":[],"mappings":";;;;AAAA,4CAAiE;AACjE,wCAAkC;AAClC,iCAAiC;AACjC,8EAA4E;AAC5E,0CAA0C;AAC1C,mFAA8C;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,CAAC,CACjB,wBAAC,gBAAQ,eACP,uBAAC,iBAAM,kBACL,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAE;gBACF,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,cAAc;gBAC/B,SAAS,EAAE,MAAM;aAClB,gBAED,wBAAC,kBAAO,kBAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,iBAC7E,uBAAC,kBAAO,IAAC,SAAS,EAAE,sCAAI,EAAE,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAI,EACtE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,uBAAC,YAAG,kBAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,gBAC1C,uBAAC,iBAAM,kBACL,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EACjE,OAAO,EAAE,YAAY,kCAGd,YACL,CACP,CAAC,CAAC,CAAC,CACF,EAAE,CACH,aACO,YACH,EACR,gBAAgB,KAAK,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAS,cAAE,cAAc,WAAa,CAAC,CAAC,CAAC,EAAE,YAChE,CACZ,CAAC;AAEF,kBAAe,MAAM,CAAC"}
@@ -1,13 +1,15 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { AppBar, Grid, Toolbar, Typography } from '@mui/material';
3
- export default function SubHeader({ children }) {
4
- return (_jsx(AppBar, Object.assign({ position: "relative", sx: { alignItems: 'center', height: '107px', backgroundColor: '#0066CC', boxShadow: 'none' } }, { children: _jsx(Toolbar, Object.assign({ sx: { width: { xs: '100%', lg: '90%' }, minHeight: '107px !important' } }, { children: _jsxs(Grid, Object.assign({ container: true }, { children: [_jsxs(Grid, Object.assign({ container: true, item: true, direction: "column", xs: 6 }, { children: [_jsx(Grid, Object.assign({ item: true }, { children: _jsx(Typography, Object.assign({ component: "div", sx: {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const material_1 = require("@mui/material");
5
+ function SubHeader({ children }) {
6
+ return ((0, jsx_runtime_1.jsx)(material_1.AppBar, Object.assign({ position: "relative", sx: { alignItems: 'center', height: '107px', backgroundColor: '#0066CC', boxShadow: 'none' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Toolbar, Object.assign({ sx: { width: { xs: '100%', lg: '90%' }, minHeight: '107px !important' } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, item: true, direction: "column", xs: 6 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "div", sx: {
5
7
  fontWeight: 'bold',
6
8
  fontSize: '24px',
7
9
  lineHeight: '36px',
8
10
  textAlign: 'left',
9
11
  color: 'background.default',
10
- } }, { children: "Self Care" }), void 0) }), void 0), _jsx(Grid, Object.assign({ item: true }, { children: _jsx(Typography, Object.assign({ component: "div", sx: {
12
+ } }, { children: "Self Care" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "div", sx: {
11
13
  fontWeight: 'normal',
12
14
  fontSize: '14px',
13
15
  lineHeight: '24px',
@@ -15,3 +17,5 @@ export default function SubHeader({ children }) {
15
17
  color: 'background.default',
16
18
  } }, { children: "Gestisci i tuoi prodotti e servizi PagoPA" }), void 0) }), void 0)] }), void 0), children] }), void 0) }), void 0) }), void 0));
17
19
  }
20
+ exports.default = SubHeader;
21
+ //# sourceMappingURL=SubHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SubHeader.js","sourceRoot":"","sources":["../../../../src/lib/components/Header/subHeader/SubHeader.tsx"],"names":[],"mappings":";;;AACA,4CAAiE;AAMjE,SAAwB,SAAS,CAAC,EAAC,QAAQ,EAAQ;IACjD,OAAO,CACL,uBAAC,iBAAM,kBACP,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,EAAE,gBAE3F,uBAAC,kBAAO,kBAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAC9E,wBAAC,eAAI,kBAAC,SAAS,uBACb,wBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,iBAC3C,uBAAC,eAAI,kBAAC,IAAI,sBACR,uBAAC,qBAAU,kBACT,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;wCACF,UAAU,EAAE,MAAM;wCAClB,QAAQ,EAAE,MAAM;wCAChB,UAAU,EAAE,MAAM;wCAClB,SAAS,EAAE,MAAM;wCACjB,KAAK,EAAE,oBAAoB;qCAC5B,uCAGU,YACR,EACP,uBAAC,eAAI,kBAAC,IAAI,sBACR,uBAAC,qBAAU,kBACT,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;wCACF,UAAU,EAAE,QAAQ;wCACpB,QAAQ,EAAE,MAAM;wCAChB,UAAU,EAAE,MAAM;wCAClB,SAAS,EAAE,MAAM;wCACjB,KAAK,EAAE,oBAAoB;qCAC5B,uEAGU,YACR,aACF,EACN,QAAQ,aACJ,YACC,YACH,CACR,CAAC;AACJ,CAAC;AA3CD,4BA2CC"}
@@ -1,22 +1,27 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Modal, useTheme } from '@mui/material';
3
- import { Box } from '@mui/system';
4
- import MDSpinner from 'react-md-spinner';
5
- import { useSelector } from 'react-redux';
6
- import { appStateSelectors } from '../../redux/slices/appStateSlice';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
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
+ const react_redux_1 = require("react-redux");
9
+ const appStateSlice_1 = require("../../redux/slices/appStateSlice");
7
10
  /** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
8
11
  It allows to draw a loader when an async task to wait is running.
9
12
 
10
13
  To use this feature you have to put LoadingOverlay in your App as a child of a redux Provider component.
11
14
  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. */
12
- export default function LoadingOverlay() {
13
- const theme = useTheme();
14
- const loading = useSelector(appStateSelectors.selectLoading);
15
- return (_jsx(Modal, Object.assign({ open: loading, sx: { outline: 0 } }, { children: _jsx(Box, Object.assign({ sx: {
15
+ function LoadingOverlay() {
16
+ const theme = (0, material_1.useTheme)();
17
+ const loading = (0, react_redux_1.useSelector)(appStateSlice_1.appStateSelectors.selectLoading);
18
+ return ((0, jsx_runtime_1.jsx)(material_1.Modal, Object.assign({ open: loading, sx: { outline: 0 } }, { children: (0, jsx_runtime_1.jsx)(system_1.Box, Object.assign({ sx: {
16
19
  position: 'absolute',
17
20
  top: '50%',
18
21
  left: '50%',
19
22
  width: '100px',
20
23
  outline: 0,
21
- } }, { children: _jsx(MDSpinner, { singleColor: theme.palette.primary.main, role: "loadingSpinner" }, void 0) }), void 0) }), void 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));
22
25
  }
26
+ exports.default = LoadingOverlay;
27
+ //# sourceMappingURL=LoadingOverlay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../../src/lib/components/Loading/LoadingOverlay.tsx"],"names":[],"mappings":";;;;AAAA,4CAAgD;AAChD,wCAAkC;AAClC,qFAAyC;AACzC,6CAA0C;AAC1C,oEAAqE;AAErE;;;;kNAIkN;AAClN,SAAwB,cAAc;IACpC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACzB,MAAM,OAAO,GAAG,IAAA,yBAAW,EAAC,iCAAiB,CAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,CACL,uBAAC,gBAAK,kBAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,gBACtC,uBAAC,YAAG,kBACF,EAAE,EAAE;gBACF,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,CAAC;aACX,gBAED,uBAAC,0BAAS,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAC,gBAAgB,WAAG,YACxE,YACA,CACT,CAAC;AACJ,CAAC;AAnBD,iCAmBC"}
@@ -1,12 +1,17 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Typography, Box, Button, Grid, IconButton } from '@mui/material';
3
- import Dialog from '@mui/material/Dialog';
4
- import useMediaQuery from '@mui/material/useMediaQuery';
5
- import { useTheme } from '@mui/material/styles';
6
- import ClearOutlinedIcon from '@mui/icons-material/ClearOutlined';
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const material_1 = require("@mui/material");
6
+ const Dialog_1 = (0, tslib_1.__importDefault)(require("@mui/material/Dialog"));
7
+ const useMediaQuery_1 = (0, tslib_1.__importDefault)(require("@mui/material/useMediaQuery"));
8
+ const styles_1 = require("@mui/material/styles");
9
+ const ClearOutlined_1 = (0, tslib_1.__importDefault)(require("@mui/icons-material/ClearOutlined"));
7
10
  /** Selfcare's popup */
8
- export default function SessionModal({ open, title, message, onConfirm, onConfirmLabel = 'Riprova', handleClose, handleExit = handleClose, onCloseLabel = 'Annulla', height = '16em', minHeight = '16em', width = '21.9em', }) {
9
- const theme = useTheme();
10
- const fullScreen = useMediaQuery(theme.breakpoints.down('xs'));
11
- return (_jsx(Dialog, Object.assign({ fullScreen: fullScreen, open: open, onClose: handleClose, "aria-labelledby": "responsive-dialog-title" }, { children: _jsx(Grid, Object.assign({ container: true, direction: "column", sx: { height, minHeight, width } }, { children: _jsxs(Box, Object.assign({ mx: 3, sx: { height: '100%' } }, { children: [_jsx(Grid, Object.assign({ container: true, item: true, mt: 4 }, { children: _jsxs(Grid, Object.assign({ item: true, xs: 10 }, { children: [_jsx(IconButton, Object.assign({ onClick: handleExit, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 } }, { children: _jsx(ClearOutlinedIcon, {}, void 0) }), void 0), _jsx(Typography, Object.assign({ variant: "h5", sx: { fontSize: '18px', fontWeight: '600' } }, { children: title }), void 0)] }), void 0) }), void 0), _jsx(Grid, Object.assign({ container: true, item: true }, { children: _jsx(Grid, Object.assign({ item: true, xs: 12, my: 3 }, { children: _jsx(Typography, Object.assign({ variant: "body2" }, { children: message }), void 0) }), void 0) }), void 0), onConfirm && (_jsx(Grid, Object.assign({ item: true, xs: 12, mb: 2 }, { children: _jsx(Button, Object.assign({ sx: { width: '100%' }, color: "primary", variant: "contained", onClick: onConfirm }, { children: onConfirmLabel }), void 0) }), void 0)), _jsx(Grid, Object.assign({ item: true, xs: 12, mb: 3, mt: onConfirm ? 0 : 7 }, { children: _jsx(Button, Object.assign({ onClick: handleClose, sx: { width: '100%' }, color: "primary", variant: "outlined" }, { children: onCloseLabel }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
11
+ function SessionModal({ open, title, message, onConfirm, onConfirmLabel = 'Riprova', handleClose, handleExit = handleClose, onCloseLabel = 'Annulla', height = '16em', minHeight = '16em', width = '21.9em', }) {
12
+ const theme = (0, styles_1.useTheme)();
13
+ const fullScreen = (0, useMediaQuery_1.default)(theme.breakpoints.down('xs'));
14
+ return ((0, jsx_runtime_1.jsx)(Dialog_1.default, Object.assign({ fullScreen: fullScreen, open: open, onClose: handleClose, "aria-labelledby": "responsive-dialog-title" }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, direction: "column", sx: { height, minHeight, width } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mx: 3, sx: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, mt: 4 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 10 }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleExit, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 } }, { children: (0, jsx_runtime_1.jsx)(ClearOutlined_1.default, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5", sx: { fontSize: '18px', fontWeight: '600' } }, { children: title }), void 0)] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, my: 3 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, { children: message }), void 0) }), void 0) }), void 0), onConfirm && ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, mb: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ sx: { width: '100%' }, color: "primary", variant: "contained", onClick: onConfirm }, { children: onConfirmLabel }), void 0) }), void 0)), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, mb: 3, mt: onConfirm ? 0 : 7 }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ onClick: handleClose, sx: { width: '100%' }, color: "primary", variant: "outlined" }, { children: onCloseLabel }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
12
15
  }
16
+ exports.default = SessionModal;
17
+ //# sourceMappingURL=SessionModal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SessionModal.js","sourceRoot":"","sources":["../../src/lib/components/SessionModal.tsx"],"names":[],"mappings":";;;;AACA,4CAA0E;AAC1E,+EAA0C;AAC1C,6FAAwD;AACxD,iDAAgD;AAChD,mGAAkE;AA2BlE,uBAAuB;AACvB,SAAwB,YAAY,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,cAAc,GAAG,SAAS,EAC1B,WAAW,EACX,UAAU,GAAG,WAAW,EACxB,YAAY,GAAG,SAAS,EACxB,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,MAAM,EAClB,KAAK,GAAG,QAAQ,GACV;IACN,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,OAAO,CACL,uBAAC,gBAAM,kBACL,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,qBACJ,yBAAyB,gBAEzC,uBAAC,eAAI,kBAAC,SAAS,QAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,gBACjE,wBAAC,cAAG,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAChC,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACxB,wBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,iBACf,uBAAC,qBAAU,kBACT,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,gBAExE,uBAAC,uBAAiB,aAAG,YACV,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,gBACjE,KAAK,YACK,aACR,YACF,EAEP,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,sBAClB,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,gBAAE,OAAO,YAAc,YAC7C,YACF,EAEN,SAAS,IAAI,CACZ,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,iBAAM,kBACL,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACrB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,SAAS,gBAEjB,cAAc,YACR,YACJ,CACR,EAED,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAC7C,uBAAC,iBAAM,kBAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,UAAU,gBACpF,YAAY,YACN,YACJ,aACH,YACD,YACA,CACV,CAAC;AACJ,CAAC;AAnED,+BAmEC"}
@@ -1,9 +1,13 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
2
4
  // import React from 'react'
3
5
  // import { Box } from '@mui/material';
4
- import { Typography } from '@mui/material';
5
- import { Grid } from '@mui/material';
6
+ const material_1 = require("@mui/material");
7
+ const material_2 = require("@mui/material");
6
8
  /** Selfcare's page title */
7
- export default function TitleBox({ title, subTitle, mbTitle = 2, mtTitle, mbSubTitle, variantTitle = 'h1', variantSubTitle = 'h5', }) {
8
- return (_jsxs(Grid, Object.assign({ container: true, mt: mtTitle }, { children: [_jsx(Grid, Object.assign({ item: true, xs: 12, mb: mbTitle }, { children: _jsx(Typography, Object.assign({ variant: variantTitle }, { children: title }), void 0) }), void 0), _jsx(Grid, Object.assign({ item: true, xs: 12, mb: mbSubTitle }, { children: _jsx(Typography, Object.assign({ variant: variantSubTitle, sx: { fontSize: '18px' } }, { children: subTitle }), void 0) }), void 0)] }), void 0));
9
+ function TitleBox({ title, subTitle, mbTitle = 2, mtTitle, mbSubTitle, variantTitle = 'h1', variantSubTitle = 'h5', }) {
10
+ return ((0, jsx_runtime_1.jsxs)(material_2.Grid, Object.assign({ container: true, mt: mtTitle }, { children: [(0, jsx_runtime_1.jsx)(material_2.Grid, Object.assign({ item: true, xs: 12, mb: mbTitle }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: variantTitle }, { children: title }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_2.Grid, Object.assign({ item: true, xs: 12, mb: mbSubTitle }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: variantSubTitle, sx: { fontSize: '18px' } }, { children: subTitle }), void 0) }), void 0)] }), void 0));
9
11
  }
12
+ exports.default = TitleBox;
13
+ //# sourceMappingURL=TitleBox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TitleBox.js","sourceRoot":"","sources":["../../src/lib/components/TitleBox.tsx"],"names":[],"mappings":";;;AAAA,4BAA4B;AAC5B,uCAAuC;AACvC,4CAAqD;AACrD,4CAAqC;AAoBrC,4BAA4B;AAC5B,SAAwB,QAAQ,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,OAAO,EACP,UAAU,EACV,YAAY,GAAG,IAAI,EACnB,eAAe,GAAG,IAAI,GAChB;IACN,OAAO,CACL,wBAAC,eAAI,kBAAC,SAAS,QAAC,EAAE,EAAE,OAAO,iBACzB,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,gBAC5B,uBAAC,qBAAU,kBAAC,OAAO,EAAE,YAAY,gBAAG,KAAK,YAAc,YAClD,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,gBAC/B,uBAAC,qBAAU,kBAAC,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAC3D,QAAQ,YACE,YACR,aACF,CACR,CAAC;AACJ,CAAC;AArBD,2BAqBC"}