@pagopa/selfcare-common-frontend 0.0.6 → 0.1.2

package/components/Loading/LoadingOverlay.js

@@ -1,17 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal, useTheme } from '@mui/material';
-import { Box } from '@mui/system';
-import MDSpinner from 'react-md-spinner';
-import { useSelector } from 'react-redux';
-import { appStateSelectors } from '../../redux/slices/appStateSlice';
-export function LoadingOverlay() {
-    const theme = useTheme();
-    const loading = useSelector(appStateSelectors.selectLoading);
-    return (_jsx(Modal, Object.assign({ open: loading, sx: { outline: 0 } }, { children: _jsx(Box, Object.assign({ sx: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const system_1 = require("@mui/system");
+const react_md_spinner_1 = (0, tslib_1.__importDefault)(require("react-md-spinner"));
+const react_redux_1 = require("react-redux");
+const appStateSlice_1 = require("../../redux/slices/appStateSlice");
+/** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
+It allows to draw a loader when an async task to wait is running.
+
+To use this feature you have to put LoadingOverlay in your App as a child of a redux Provider component.
+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. */
+function LoadingOverlay() {
+    const theme = (0, material_1.useTheme)();
+    const loading = (0, react_redux_1.useSelector)(appStateSlice_1.appStateSelectors.selectLoading);
+    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: {
                 position: 'absolute',
                 top: '50%',
                 left: '50%',
                 width: '100px',
                 outline: 0,
-            } }, { children: _jsx(MDSpinner, { singleColor: theme.palette.primary.main, role: "loadingSpinner" }, void 0) }), void 0) }), void 0));
+            } }, { children: (0, jsx_runtime_1.jsx)(react_md_spinner_1.default, { singleColor: theme.palette.primary.main, role: "loadingSpinner" }, void 0) }), void 0) }), void 0));
 }
+exports.default = LoadingOverlay;
+//# sourceMappingURL=LoadingOverlay.js.map

package/components/Loading/LoadingOverlay.js.map

@@ -0,0 +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"}

package/components/SessionModal.d.ts

@@ -1,16 +1,28 @@
 import * as React from 'react';
 declare type Props = {
+    /** If this component should be displayed or not */
     open: boolean;
+    /** The title to show in the popup */
     title: string;
+    /** The body to show in the popup */
     message: React.ReactNode;
+    /** If defined, it will render a confirm button using this function as behavior */
     onConfirm?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    /** The confirm label text */
     onConfirmLabel?: string;
+    /** The function invoked when clicking on close button or in the showed X icon */
     handleClose: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    /** If defined, it allow to set a different behavior when clicking on X icon */
     handleExit?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    /** Close button text */
     onCloseLabel?: string;
+    /** The popup height */
     height?: string;
+    /** The popup minHeight */
     minHeight?: string;
+    /** The popup width */
     width?: string;
 };
+/** Selfcare's popup */
 export default function SessionModal({ open, title, message, onConfirm, onConfirmLabel, handleClose, handleExit, onCloseLabel, height, minHeight, width, }: Props): JSX.Element;
 export {};

package/components/SessionModal.js

@@ -1,11 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography, Box, Button, Grid, IconButton } from '@mui/material';
-import Dialog from '@mui/material/Dialog';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import { useTheme } from '@mui/material/styles';
-import ClearOutlinedIcon from '@mui/icons-material/ClearOutlined';
-export default function SessionModal({ open, title, message, onConfirm, onConfirmLabel = 'Riprova', handleClose, handleExit = handleClose, onCloseLabel = 'Annulla', height = '16em', minHeight = '16em', width = '21.9em', }) {
-    const theme = useTheme();
-    const fullScreen = useMediaQuery(theme.breakpoints.down('xs'));
-    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));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Dialog_1 = (0, tslib_1.__importDefault)(require("@mui/material/Dialog"));
+const useMediaQuery_1 = (0, tslib_1.__importDefault)(require("@mui/material/useMediaQuery"));
+const styles_1 = require("@mui/material/styles");
+const ClearOutlined_1 = (0, tslib_1.__importDefault)(require("@mui/icons-material/ClearOutlined"));
+/** Selfcare's popup */
+function SessionModal({ open, title, message, onConfirm, onConfirmLabel = 'Riprova', handleClose, handleExit = handleClose, onCloseLabel = 'Annulla', height = '16em', minHeight = '16em', width = '21.9em', }) {
+    const theme = (0, styles_1.useTheme)();
+    const fullScreen = (0, useMediaQuery_1.default)(theme.breakpoints.down('xs'));
+    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));
 }
+exports.default = SessionModal;
+//# sourceMappingURL=SessionModal.js.map

package/components/SessionModal.js.map

@@ -0,0 +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"}

package/components/TitleBox.d.ts

@@ -1,13 +1,21 @@
 import { GridSize } from '@mui/material';
 import { Variant } from '@mui/material/styles/createTypography';
 declare type Props = {
+    /** The title to show */
     title: string;
+    /** The subtitle to show */
     subTitle?: string;
+    /** The margin top of the title */
+    mtTitle?: number;
+    /** The margin bottom of the title */
     mbTitle?: GridSize;
-    mtGrid?: number;
+    /** The margin bottom of the subtitle */
     mbSubTitle?: number;
+    /** The variant of the Typografy used for the title */
     variantTitle?: Variant;
+    /** The variant of the Typografy used for the subtitle */
     variantSubTitle?: Variant;
 };
-export default function TitleBox({ title, subTitle, mbTitle, mtGrid, mbSubTitle, variantTitle, variantSubTitle, }: Props): JSX.Element;
+/** Selfcare's page title */
+export default function TitleBox({ title, subTitle, mbTitle, mtTitle, mbSubTitle, variantTitle, variantSubTitle, }: Props): JSX.Element;
 export {};

package/components/TitleBox.js

@@ -1,8 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 // import React from 'react'
 // import { Box } from '@mui/material';
-import { Typography } from '@mui/material';
-import { Grid } from '@mui/material';
-export default function TitleBox({ title, subTitle, mbTitle = 2, mtGrid, mbSubTitle, variantTitle = 'h1', variantSubTitle = 'h5', }) {
-    return (_jsxs(Grid, Object.assign({ container: true, mt: mtGrid }, { 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));
+const material_1 = require("@mui/material");
+const material_2 = require("@mui/material");
+/** Selfcare's page title */
+function TitleBox({ title, subTitle, mbTitle = 2, mtTitle, mbSubTitle, variantTitle = 'h1', variantSubTitle = 'h5', }) {
+    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));
 }
+exports.default = TitleBox;
+//# sourceMappingURL=TitleBox.js.map

package/components/TitleBox.js.map

@@ -0,0 +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"}

package/components/Toast.d.ts

@@ -1,8 +1,18 @@
-/// <reference types="react" />
+import React from 'react';
 declare type Props = {
+    /** If this component should be displayed or not */
+    open: boolean;
+    /** The logo to be rendered. As default a confirm logo will be used */
+    logo?: React.ElementType;
+    /** The logo to be rendered. As default a confirm logo will be used */
+    leftBorderColor?: string;
+    /** The toast title */
     title: string;
+    /** The toast body */
     message: React.ReactNode;
-    closeToast: React.MouseEventHandler<HTMLButtonElement>;
+    /** The function to be invoked when closing the toast */
+    onCloseToast: () => void;
 };
-export default function Toast({ title, message, closeToast }: Props): JSX.Element;
+/** Selfcare's toast */
+export default function Toast({ open, title, message, onCloseToast, logo, leftBorderColor, }: Props): JSX.Element;
 export {};

package/components/Toast.js

@@ -1,22 +1,29 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Grid, SvgIcon, Typography, Box, IconButton } from '@mui/material';
-import { styled } from '@mui/system';
-import CloseIcon from '@mui/icons-material/Close';
-import { ReactComponent as logo } from '../assets/confirmUserUpdate.svg';
-const CustomAlert = styled(Alert)({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const material_1 = require("@mui/material");
+const system_1 = require("@mui/system");
+const Close_1 = (0, tslib_1.__importDefault)(require("@mui/icons-material/Close"));
+const confirmUserUpdate_svg_1 = require("../assets/confirmUserUpdate.svg");
+const CustomAlert = (0, system_1.styled)(material_1.Alert)({
     '.MuiAlert-icon': { display: 'none' },
 });
-export default function Toast({ title, message, closeToast }) {
-    return (_jsx(Grid, Object.assign({ container: true, justifyContent: "end", px: 2 }, { children: _jsx(Grid, Object.assign({ item: true, xs: 12, display: "flex", justifyContent: "flex-end" }, { children: _jsx(Box, Object.assign({ sx: {} }, { children: _jsx(CustomAlert, Object.assign({ className: "userToast", variant: "outlined", sx: {
-                        position: 'fixed',
-                        bottom: '64px',
-                        right: '64px',
-                        zIndex: 100,
-                        width: '376px',
-                        backgroundColor: 'white',
-                        borderLeft: '4px solid #00CF86 !important',
-                        borderRadius: '5px',
-                        boxShadow: '0px 0px 45px rgba(0, 0, 0, 0.1) ',
-                        border: 'none',
-                    } }, { children: _jsxs(Grid, Object.assign({ container: true }, { children: [_jsx(Grid, Object.assign({ item: true, xs: 2 }, { children: _jsx(SvgIcon, { component: logo, viewBox: "0 0 80 24", sx: { width: '80px', height: '37px', marginLeft: '13px' } }, void 0) }), void 0), _jsxs(Grid, Object.assign({ item: true, xs: 8 }, { children: [_jsx(Typography, Object.assign({ pt: 1, pb: 1, sx: { fontSize: '15px', fontWeight: '600' } }, { children: title }), void 0), _jsx(Typography, { children: message }, void 0)] }), void 0), _jsx(Grid, Object.assign({ item: true, xs: 2 }, { children: _jsx(IconButton, Object.assign({ onClick: closeToast }, { children: _jsx(CloseIcon, {}, void 0) }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+/** Selfcare's toast */
+function Toast({ open, title, message, onCloseToast, logo = confirmUserUpdate_svg_1.ReactComponent, leftBorderColor = '#00CF86', }) {
+    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: open && ((0, jsx_runtime_1.jsx)(CustomAlert, Object.assign({ className: "userToast", variant: "outlined", sx: {
+                position: 'fixed',
+                bottom: '64px',
+                right: '64px',
+                zIndex: 100,
+                width: '376px',
+                backgroundColor: 'white',
+                borderLeft: `4px solid ${leftBorderColor} !important`,
+                borderRadius: '5px',
+                boxShadow: '0px 0px 45px rgba(0, 0, 0, 0.1) ',
+                border: 'none',
+            } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { component: logo, viewBox: "0 0 80 24", sx: { width: '80px', height: '37px', marginLeft: '13px' } }, void 0) }), void 0), (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 8 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ pt: 1, pb: 1, sx: { fontSize: '15px', fontWeight: '600' } }, { children: title }), void 0), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: message }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: onCloseToast }, { children: (0, jsx_runtime_1.jsx)(Close_1.default, {}, void 0) }), void 0) }), void 0)] }), void 0) }), void 0)) }, void 0));
 }
+exports.default = Toast;
+//# sourceMappingURL=Toast.js.map

package/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/lib/components/Toast.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,4CAA6E;AAC7E,wCAAqC;AACrC,mFAAkD;AAClD,2EAAgF;AAiBhF,MAAM,WAAW,GAAG,IAAA,eAAM,EAAC,gBAAK,CAAC,CAAC;IAChC,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CACtC,CAAC,CAAC;AAEH,uBAAuB;AACvB,SAAwB,KAAK,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,IAAI,GAAG,sCAAW,EAClB,eAAe,GAAG,SAAS,GACrB;IACN,OAAO,CACL,uBAAC,gBAAQ,cACN,IAAI,IAAI,CACP,uBAAC,WAAW,kBACV,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,UAAU,EAClB,EAAE,EAAE;gBACF,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,GAAG;gBACX,KAAK,EAAE,OAAO;gBACd,eAAe,EAAE,OAAO;gBACxB,UAAU,EAAE,aAAa,eAAe,aAAa;gBACrD,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,kCAAkC;gBAC7C,MAAM,EAAE,MAAM;aACf,gBAED,wBAAC,eAAI,kBAAC,SAAS,uBACb,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,kBAAO,IACN,SAAS,EAAE,IAAI,EACf,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,WACzD,YACG,EACP,wBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,iBACd,uBAAC,qBAAU,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,gBAClE,KAAK,YACK,EACb,uBAAC,qBAAU,cAAE,OAAO,WAAc,aAC7B,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,qBAAU,kBAAC,OAAO,EAAE,YAAY,gBAC/B,uBAAC,eAAS,aAAG,YACF,YACR,aACF,YACK,CACf,WACQ,CACZ,CAAC;AACJ,CAAC;AAnDD,wBAmDC"}

package/config/env.d.ts

@@ -4,6 +4,6 @@ export declare const CONFIG: {
         LOGOUT: string;
     };
     MOCKS: {
-        MOCK_USER: string;
+        MOCK_USER: boolean;
     };
 };

package/config/env.js

@@ -1,9 +1,15 @@
-export const CONFIG = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONFIG = void 0;
+const tslib_1 = require("tslib");
+const env = (0, tslib_1.__importStar)(require("env-var"));
+exports.CONFIG = {
     URL_FE: {
         LOGIN: '/auth/login',
         LOGOUT: '/auth/logout',
     },
     MOCKS: {
-        MOCK_USER: process.env.REACT_APP_MOCK_USER,
+        MOCK_USER: env.get('REACT_APP_MOCK_USER').default('false').asBool(),
     },
 };
+//# sourceMappingURL=env.js.map

package/config/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../../src/lib/config/env.ts"],"names":[],"mappings":";;;;AAAA,0DAA+B;AAElB,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;KACvB;IAED,KAAK,EAAE;QACL,SAAS,EAAE,GAAG,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;KACpE;CACF,CAAC"}

package/decorators/__mocks__/withLogin.js

@@ -1,21 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useDispatch } from 'react-redux';
-import { userActions } from '../../redux/slices/userSlice';
-export const mockedUser = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.verifyMockExecution = exports.mockedUser = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_redux_1 = require("react-redux");
+const userSlice_1 = require("../../redux/slices/userSlice");
+exports.mockedUser = {
     name: 'NAME',
     surname: 'SURNAME',
     uid: 'UID',
     taxCode: 'AAAAAA00A00A000A',
     email: 'a@a.aa',
 };
-export const verifyMockExecution = (state) => {
-    expect(state.user.logged).toMatchObject(mockedUser);
+const verifyMockExecution = (state) => {
+    expect(state.user.logged).toMatchObject(exports.mockedUser);
 };
-export default (WrappedComponent) => () => {
-    const dispatch = useDispatch();
-    useEffect(() => {
-        dispatch(userActions.setLoggedUser(mockedUser));
+exports.verifyMockExecution = verifyMockExecution;
+exports.default = (WrappedComponent) => () => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    (0, react_1.useEffect)(() => {
+        dispatch(userSlice_1.userActions.setLoggedUser(exports.mockedUser));
     }, []);
-    return _jsx(WrappedComponent, {}, void 0);
+    return (0, jsx_runtime_1.jsx)(WrappedComponent, {}, void 0);
 };
+//# sourceMappingURL=withLogin.js.map

package/decorators/__mocks__/withLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLogin.js","sourceRoot":"","sources":["../../../src/lib/decorators/__mocks__/withLogin.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAA0C;AAE1C,4DAA2D;AAE9C,QAAA,UAAU,GAAS;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,KAAU,EAAE,EAAE;IAChD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,kBAAU,CAAC,CAAC;AACtD,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B;AAEF,kBAAe,CAAC,gBAA0C,EAAE,EAAE,CAAC,GAAG,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,uBAAW,CAAC,aAAa,CAAC,kBAAU,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,uBAAC,gBAAgB,aAAG,CAAC;AAC9B,CAAC,CAAC"}

package/decorators/withLogin.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
 declare type LoginProps = {};
+/** This feature is based on react-redux library and require to register the reducer build in userSlice into the application's redux store.
+This decorator has to be applied to components whose acces require an active session.
+Accessing to the components decorated with it without a session will brought to the login page.
+It's possible to modify the login path changing the value in CONFIG.login inside the index.tsx file  */
 export default function withLogin<T extends LoginProps>(WrappedComponent: React.ComponentType<T>): React.ComponentType<T>;
 export {};

package/decorators/withLogin.js

@@ -1,17 +1,24 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useSelector } from 'react-redux';
-import useLoading from '../hooks/useLoading';
-import { useLogin } from '../hooks/useLogin';
-import { userSelectors } from '../redux/slices/userSlice';
-import { LOADING_TASK_LOGIN_CHECK } from '../utils/constants';
-export default function withLogin(WrappedComponent) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_redux_1 = require("react-redux");
+const useLoading_1 = (0, tslib_1.__importDefault)(require("../hooks/useLoading"));
+const useLogin_1 = require("../hooks/useLogin");
+const userSlice_1 = require("../redux/slices/userSlice");
+const constants_1 = require("../utils/constants");
+/** This feature is based on react-redux library and require to register the reducer build in userSlice into the application's redux store.
+This decorator has to be applied to components whose acces require an active session.
+Accessing to the components decorated with it without a session will brought to the login page.
+It's possible to modify the login path changing the value in CONFIG.login inside the index.tsx file  */
+function withLogin(WrappedComponent) {
     const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
     const ComponentWithLogin = (props) => {
-        const user = useSelector(userSelectors.selectLoggedUser);
-        const { attemptSilentLogin } = useLogin();
-        const setLoading = useLoading(LOADING_TASK_LOGIN_CHECK);
-        useEffect(() => {
+        const user = (0, react_redux_1.useSelector)(userSlice_1.userSelectors.selectLoggedUser);
+        const { attemptSilentLogin } = (0, useLogin_1.useLogin)();
+        const setLoading = (0, useLoading_1.default)(constants_1.LOADING_TASK_LOGIN_CHECK);
+        (0, react_1.useEffect)(() => {
             async function asyncAttemptSilentLogin() {
                 await attemptSilentLogin();
             }
@@ -21,9 +28,11 @@ export default function withLogin(WrappedComponent) {
                 asyncAttemptSilentLogin().finally(() => setLoading(false));
             }
         }, []); // eslint-disable-line react-hooks/exhaustive-deps
-        return user ? _jsx(WrappedComponent, Object.assign({}, props), void 0) : _jsx(_Fragment, {}, void 0);
+        return user ? (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, props), void 0) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
     };
     // eslint-disable-next-line functional/immutable-data
     ComponentWithLogin.displayName = `withLogin(${displayName})`;
     return ComponentWithLogin;
 }
+exports.default = withLogin;
+//# sourceMappingURL=withLogin.js.map

package/decorators/withLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLogin.js","sourceRoot":"","sources":["../../src/lib/decorators/withLogin.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAA0C;AAC1C,kFAA6C;AAC7C,gDAA6C;AAC7C,yDAA0D;AAC1D,kDAA8D;AAK9D;;;uGAGuG;AACvG,SAAwB,SAAS,CAC/B,gBAAwC;IAExC,MAAM,WAAW,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAEzF,MAAM,kBAAkB,GAAG,CAAC,KAAgC,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,IAAA,yBAAW,EAAC,yBAAa,CAAC,gBAAgB,CAAC,CAAC;QACzD,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,oCAAwB,CAAC,CAAC;QAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,KAAK,UAAU,uBAAuB;gBACpC,MAAM,kBAAkB,EAAE,CAAC;YAC7B,CAAC;YAED,IAAI,CAAC,IAAI,EAAE;gBACT,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEjB,mEAAmE;gBACnE,uBAAuB,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;aAC5D;QACH,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;QAE1D,OAAO,IAAI,CAAC,CAAC,CAAC,uBAAC,gBAAgB,oBAAM,KAAW,UAAI,CAAC,CAAC,CAAC,0DAAK,CAAC;IAC/D,CAAC,CAAC;IAEF,qDAAqD;IACrD,kBAAkB,CAAC,WAAW,GAAG,aAAa,WAAW,GAAG,CAAC;IAE7D,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AA9BD,4BA8BC"}

package/hooks/useErrorDispatcher.d.ts

@@ -1,2 +1,3 @@
 import { AppError } from '../redux/slices/appStateSlice';
+/** @see ErrorBoundary */
 export default function (): (error: AppError) => void;

package/hooks/useErrorDispatcher.js

@@ -1,6 +1,11 @@
-import { useDispatch } from 'react-redux';
-import { appStateActions } from '../redux/slices/appStateSlice';
-export default function () {
-    const dispatch = useDispatch();
-    return (error) => dispatch(appStateActions.addError(error));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_redux_1 = require("react-redux");
+const appStateSlice_1 = require("../redux/slices/appStateSlice");
+/** @see ErrorBoundary */
+function default_1() {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    return (error) => dispatch(appStateSlice_1.appStateActions.addError(error));
 }
+exports.default = default_1;
+//# sourceMappingURL=useErrorDispatcher.js.map

package/hooks/useErrorDispatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorDispatcher.js","sourceRoot":"","sources":["../../src/lib/hooks/useErrorDispatcher.ts"],"names":[],"mappings":";;AAAA,6CAA0C;AAC1C,iEAA0E;AAE1E,yBAAyB;AACzB;IACE,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,OAAO,CAAC,KAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,+BAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AACxE,CAAC;AAHD,4BAGC"}

package/hooks/useLoading.d.ts

@@ -1 +1,2 @@
+/** @see LoadingOverlay */
 export default function (task: string): (loading: boolean) => void;

package/hooks/useLoading.js

@@ -1,9 +1,14 @@
-import { uniqueId } from 'lodash';
-import { useRef } from 'react';
-import { useDispatch } from 'react-redux';
-import { appStateActions } from '../redux/slices/appStateSlice';
-export default function (task) {
-    const dispatch = useDispatch();
-    const ref = useRef(uniqueId());
-    return (loading) => dispatch(appStateActions.setLoading({ task: `${task}[${ref.current}]`, loading }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = require("lodash");
+const react_1 = require("react");
+const react_redux_1 = require("react-redux");
+const appStateSlice_1 = require("../redux/slices/appStateSlice");
+/** @see LoadingOverlay */
+function default_1(task) {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const ref = (0, react_1.useRef)((0, lodash_1.uniqueId)());
+    return (loading) => dispatch(appStateSlice_1.appStateActions.setLoading({ task: `${task}[${ref.current}]`, loading }));
 }
+exports.default = default_1;
+//# sourceMappingURL=useLoading.js.map

package/hooks/useLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoading.js","sourceRoot":"","sources":["../../src/lib/hooks/useLoading.ts"],"names":[],"mappings":";;AAAA,mCAAkC;AAClC,iCAA+B;AAC/B,6CAA0C;AAC1C,iEAAgE;AAEhE,0BAA0B;AAC1B,mBAAyB,IAAY;IACnC,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAA,iBAAQ,GAAE,CAAC,CAAC;IAC/B,OAAO,CAAC,OAAgB,EAAE,EAAE,CAC1B,QAAQ,CAAC,+BAAe,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,IAAI,GAAG,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;AACvF,CAAC;AALD,4BAKC"}

package/hooks/useLogin.js

@@ -1,15 +1,19 @@
-import isEmpty from 'lodash/isEmpty';
-import { useDispatch } from 'react-redux';
-import { storageDelete, storageRead, storageWrite } from '../utils/storage-utils';
-import { CONFIG } from '../config/env';
-import { STORAGE_KEY_TOKEN, STORAGE_KEY_USER } from '../utils/constants';
-import { userActions } from '../redux/slices/userSlice';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogin = void 0;
+const tslib_1 = require("tslib");
+const isEmpty_1 = (0, tslib_1.__importDefault)(require("lodash/isEmpty"));
+const react_redux_1 = require("react-redux");
+const storage_utils_1 = require("../utils/storage-utils");
+const env_1 = require("../config/env");
+const constants_1 = require("../utils/constants");
+const userSlice_1 = require("../redux/slices/userSlice");
 const testToken = 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6Imp3dF9kZjplNjoxOTplYToxZTpjZTplNjo3Yjo3MDo0MjoyYzphMjpjZDo4Yjo1MjowYiJ9.eyJlbWFpbCI6ImZ1cmlvdml0YWxlQG1hcnRpbm8uaXQiLCJmYW1pbHlfbmFtZSI6IlNhcnRvcmkiLCJmaXNjYWxfbnVtYmVyIjoiU1JUTkxNMDlUMDZHNjM1UyIsIm5hbWUiOiJBbnNlbG1vIiwiZnJvbV9hYSI6ZmFsc2UsInVpZCI6IjliMTdjZTcwLWY3OWYtNDJkOS04YjBlLTRlN2ViNGQ4ODA3NCIsImxldmVsIjoiTDIiLCJpYXQiOjE2Mzk1OTI2NTMsImlzcyI6IlNQSUQiLCJqdGkiOiIwMUZQWk5DV1c0RFhIQ0JZNFlHVFBKTkM2UiJ9.Cz6bZ1degD0APpJS3rfLPdjpjBE9JBGByVoLcFtqGhDxRAOhP_5aKqE0-1S9u9QUCakmhLA8i1auV7ImP8CLMaJTyUGUwz85yYL9KgqcRZ9qsYghFDqBQsh-n5_4Ldsu1-vBp2klwpJA87ppdzEyLZnSp6kUhpytFf00XtmSOYvt6-OMI6K6bBVFGXk_IYGs4KHx3-fij1DGg-_8BhghtkvJVyC2p9R4XezT8oXg55H-sBigTPdk9LssDa75Pj91zwPrbwTOBp9Tgk0HqOgieEDDpIuVplJI2uaq9YpDNyZkR8RnkSV072gPWlrJXDEb1-zXty7nT8NcGdRGTHDkkQ';
-export const useLogin = () => {
-    const dispatch = useDispatch();
-    const setUser = (user) => dispatch(userActions.setLoggedUser(user));
+const useLogin = () => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const setUser = (user) => dispatch(userSlice_1.userActions.setLoggedUser(user));
     const attemptSilentLogin = async () => {
-        if (CONFIG.MOCKS.MOCK_USER === 'true') {
+        if (env_1.CONFIG.MOCKS.MOCK_USER) {
             setUser({
                 uid: '0',
                 taxCode: 'AAAAAA00A00A000A',
@@ -17,16 +21,16 @@ export const useLogin = () => {
                 surname: 'loggedSurname',
                 email: 'loggedEmail@aa.aa',
             });
-            storageWrite(STORAGE_KEY_TOKEN, testToken, 'string');
+            (0, storage_utils_1.storageWrite)(constants_1.STORAGE_KEY_TOKEN, testToken, 'string');
             return;
         }
-        const sessionStorageUser = storageRead(STORAGE_KEY_USER, 'object');
+        const sessionStorageUser = (0, storage_utils_1.storageRead)(constants_1.STORAGE_KEY_USER, 'object');
         // If there are no credentials, it is impossible to get the user, so
-        if (isEmpty(sessionStorageUser)) {
+        if ((0, isEmpty_1.default)(sessionStorageUser)) {
             // Remove any partial data that might have remained, just for safety
-            storageDelete(STORAGE_KEY_USER);
+            (0, storage_utils_1.storageDelete)(constants_1.STORAGE_KEY_USER);
             // Go to the login view
-            window.location.assign(CONFIG.URL_FE.LOGIN);
+            window.location.assign(env_1.CONFIG.URL_FE.LOGIN);
             // This return is necessary
             return;
         }
@@ -35,3 +39,5 @@ export const useLogin = () => {
     };
     return { attemptSilentLogin };
 };
+exports.useLogin = useLogin;
+//# sourceMappingURL=useLogin.js.map

package/hooks/useLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogin.js","sourceRoot":"","sources":["../../src/lib/hooks/useLogin.ts"],"names":[],"mappings":";;;;AAAA,0EAAqC;AACrC,6CAA0C;AAC1C,0DAAkF;AAClF,uCAAuC;AACvC,kDAAyE;AAEzE,yDAAwD;AAExD,MAAM,SAAS,GACb,0xBAA0xB,CAAC;AAEtxB,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,uBAAW,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1E,MAAM,kBAAkB,GAAG,KAAK,IAAI,EAAE;QACpC,IAAI,YAAM,CAAC,KAAK,CAAC,SAAS,EAAE;YAC1B,OAAO,CAAC;gBACN,GAAG,EAAE,GAAG;gBACR,OAAO,EAAE,kBAAkB;gBAC3B,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE,eAAe;gBACxB,KAAK,EAAE,mBAAmB;aAC3B,CAAC,CAAC;YACH,IAAA,4BAAY,EAAC,6BAAiB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;YACrD,OAAO;SACR;QAED,MAAM,kBAAkB,GAAG,IAAA,2BAAW,EAAC,4BAAgB,EAAE,QAAQ,CAAC,CAAC;QAEnE,oEAAoE;QACpE,IAAI,IAAA,iBAAO,EAAC,kBAAkB,CAAC,EAAE;YAC/B,oEAAoE;YACpE,IAAA,6BAAa,EAAC,4BAAgB,CAAC,CAAC;YAChC,uBAAuB;YACvB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5C,2BAA2B;YAC3B,OAAO;SACR;QAED,2DAA2D;QAC3D,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAChC,CAAC,CAAC;AAlCW,QAAA,QAAQ,YAkCnB"}

package/index.d.ts

@@ -1,10 +1,20 @@
+export { default as Header } from './components/Header/Header';
 export * from './components/Header/Header';
+export { default as Footer } from './components/Footer/Footer';
 export * from './components/Footer/Footer';
+export { default as CustomAvatar } from './components/CustomAvatar';
 export * from './components/CustomAvatar';
+export { default as CustomPagination } from './components/CustomPagination';
 export * from './components/CustomPagination';
+export { default as FilterModal } from './components/FilterModal';
 export * from './components/FilterModal';
+export { default as SessionModal } from './components/SessionModal';
 export * from './components/SessionModal';
+export { default as TitleBox } from './components/TitleBox';
 export * from './components/TitleBox';
+export { default as Toast } from './components/Toast';
 export * from './components/Toast';
+export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
 export * from './components/ErrorBoundary/ErrorBoundary';
+export { default as LoadingOverlay } from './components/Loading/LoadingOverlay';
 export * from './components/Loading/LoadingOverlay';

package/index.js

@@ -1,10 +1,35 @@
-export * from './components/Header/Header';
-export * from './components/Footer/Footer';
-export * from './components/CustomAvatar';
-export * from './components/CustomPagination';
-export * from './components/FilterModal';
-export * from './components/SessionModal';
-export * from './components/TitleBox';
-export * from './components/Toast';
-export * from './components/ErrorBoundary/ErrorBoundary';
-export * from './components/Loading/LoadingOverlay';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingOverlay = exports.ErrorBoundary = exports.Toast = exports.TitleBox = exports.SessionModal = exports.FilterModal = exports.CustomPagination = exports.CustomAvatar = exports.Footer = exports.Header = void 0;
+const tslib_1 = require("tslib");
+var Header_1 = require("./components/Header/Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Header_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/Header/Header"), exports);
+var Footer_1 = require("./components/Footer/Footer");
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Footer_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/Footer/Footer"), exports);
+var CustomAvatar_1 = require("./components/CustomAvatar");
+Object.defineProperty(exports, "CustomAvatar", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(CustomAvatar_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/CustomAvatar"), exports);
+var CustomPagination_1 = require("./components/CustomPagination");
+Object.defineProperty(exports, "CustomPagination", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(CustomPagination_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/CustomPagination"), exports);
+var FilterModal_1 = require("./components/FilterModal");
+Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(FilterModal_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/FilterModal"), exports);
+var SessionModal_1 = require("./components/SessionModal");
+Object.defineProperty(exports, "SessionModal", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(SessionModal_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/SessionModal"), exports);
+var TitleBox_1 = require("./components/TitleBox");
+Object.defineProperty(exports, "TitleBox", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(TitleBox_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/TitleBox"), exports);
+var Toast_1 = require("./components/Toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Toast_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/Toast"), exports);
+var ErrorBoundary_1 = require("./components/ErrorBoundary/ErrorBoundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ErrorBoundary_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/ErrorBoundary/ErrorBoundary"), exports);
+var LoadingOverlay_1 = require("./components/Loading/LoadingOverlay");
+Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(LoadingOverlay_1).default; } });
+(0, tslib_1.__exportStar)(require("./components/Loading/LoadingOverlay"), exports);
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;AAAA,qDAA+D;AAAtD,8HAAA,OAAO,OAAU;AAC1B,0EAA2C;AAE3C,qDAA+D;AAAtD,8HAAA,OAAO,OAAU;AAC1B,0EAA2C;AAE3C,0DAAoE;AAA3D,0IAAA,OAAO,OAAgB;AAChC,yEAA0C;AAE1C,kEAA4E;AAAnE,kJAAA,OAAO,OAAoB;AACpC,6EAA8C;AAE9C,wDAAkE;AAAzD,wIAAA,OAAO,OAAe;AAC/B,wEAAyC;AAEzC,0DAAoE;AAA3D,0IAAA,OAAO,OAAgB;AAChC,yEAA0C;AAE1C,kDAA4D;AAAnD,kIAAA,OAAO,OAAY;AAC5B,qEAAsC;AAEtC,4CAAsD;AAA7C,4HAAA,OAAO,OAAS;AACzB,kEAAmC;AAEnC,0EAAoF;AAA3E,4IAAA,OAAO,OAAiB;AACjC,wFAAyD;AAEzD,sEAAgF;AAAvE,8IAAA,OAAO,OAAkB;AAClC,mFAAoD"}