@arquimedes.co/eureka-forms 3.0.31 → 3.0.32

package/dist/Services/UserService.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Function that handles the app's login
+ * @param credentials {email, password} of the user
+ * @returns an array with the users Token and RefreshToken
+ */
+export declare const login: (apiKey: string, credentials: Record<string, string>) => Promise<string>;
+/**
+ * Function that indicates to the server to delete the refresh token
+ */
+export declare const logout: (apiKey: string) => Promise<void>;

package/dist/Services/UserService.js

@@ -0,0 +1,71 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import axiosInstance from '../Utils/AxiosAPI';
+/**
+ * Function that handles the app's login
+ * @param credentials {email, password} of the user
+ * @returns an array with the users Token and RefreshToken
+ */
+export var login = function (apiKey, credentials) { return __awaiter(void 0, void 0, void 0, function () {
+    var response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, axiosInstance.post("forms/".concat(apiKey, "/auth"), credentials)];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, response === null || response === void 0 ? void 0 : response.data];
+        }
+    });
+}); };
+/**
+ * Function that indicates to the server to delete the refresh token
+ */
+export var logout = function (apiKey) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, axiosInstance.delete("forms/".concat(apiKey, "/auth"), {
+                    headers: {
+                        Authorization: 'Bearer ' + localStorage.getItem('refreshToken'),
+                    },
+                    timeout: 5000,
+                })];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); };

package/dist/Shared/CustomBtn/CustomBtn.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 interface CustomBtnProps {
     label?: string;
     'data-testid'?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     backgroundColor?: string;
     color?: string;
     height?: string;

package/dist/Shared/CustomBtn/CustomBtn.js

@@ -1,41 +1,105 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import styles from './CustomBtn.module.css';
 import Loader from '../Loader/Loader';
-function CustomBtn({ label, onClick, backgroundColor, color, loading = false, disabled = false, height = 'fit-content', width = 'fit-content', padding = '15px 30px', borderRadius = '20px', contentMargin = '0px 10px', children, ...others }) {
-    const [coords, setCoords] = useState(undefined);
-    const [mounted, setMounted] = useState(true);
-    useEffect(() => {
+function CustomBtn(_a) {
+    var _this = this;
+    var label = _a.label, onClick = _a.onClick, backgroundColor = _a.backgroundColor, color = _a.color, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.height, height = _d === void 0 ? 'fit-content' : _d, _e = _a.width, width = _e === void 0 ? 'fit-content' : _e, _f = _a.padding, padding = _f === void 0 ? '15px 30px' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? '20px' : _g, _h = _a.contentMargin, contentMargin = _h === void 0 ? '0px 10px' : _h, children = _a.children, others = __rest(_a, ["label", "onClick", "backgroundColor", "color", "loading", "disabled", "height", "width", "padding", "borderRadius", "contentMargin", "children"]);
+    var _j = useState(undefined), coords = _j[0], setCoords = _j[1];
+    var _k = useState(true), mounted = _k[0], setMounted = _k[1];
+    useEffect(function () {
         if (coords)
             setCoords(undefined);
-        return () => setMounted(false);
+        return function () { return setMounted(false); };
     }, [label]);
-    return (_jsxs("button", { className: styles.customBtn, style: {
-            width,
-            height,
-            borderRadius,
+    return (_jsxs("button", __assign({ className: styles.customBtn, style: {
+            width: width,
+            height: height,
+            borderRadius: borderRadius,
             background: backgroundColor,
-            padding,
-            color,
-        }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: (e) => {
-            const rect = e.target.getBoundingClientRect();
-            setCoords({
-                x: e.clientX - rect.left,
-                y: e.clientY - rect.top,
+            padding: padding,
+            color: color,
+        }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+            var rect;
+            return __generator(this, function (_a) {
+                rect = e.target.getBoundingClientRect();
+                setCoords({
+                    x: e.clientX - rect.left,
+                    y: e.clientY - rect.top,
+                });
+                setTimeout(function () {
+                    if (mounted)
+                        setCoords(undefined);
+                }, 600);
+                onClick && onClick(e);
+                return [2 /*return*/];
             });
-            setTimeout(() => {
-                if (mounted)
-                    setCoords(undefined);
-            }, 600);
-            void onClick?.(e);
-        }, children: [coords ? (_jsx("span", { className: styles.ripple, style: {
+        }); } }, { children: [coords ? (_jsx("span", { className: styles.ripple, style: {
                     backgroundColor: color,
                     left: coords.x,
                     top: coords.y,
-                } })) : (_jsx(_Fragment, {})), _jsx("div", { style: {
+                } })) : (_jsx(_Fragment, {})), _jsx("div", __assign({ style: {
                     visibility: loading ? 'hidden' : 'visible',
                     margin: contentMargin,
                     display: 'flex',
-                }, children: children ?? label }), loading && (_jsx("div", { className: styles.loaderContainer, children: _jsx(Loader, { color: color, position: "unset" }) }))] }));
+                } }, { children: children !== null && children !== void 0 ? children : label })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: color, position: "unset" }) })))] })));
 }
 export default CustomBtn;

package/dist/Shared/InputIcon/InputIcon.d.ts

@@ -1,7 +1,7 @@
-import { ErkIconTypes } from '../../constants/ErkIconTypes';
+/// <reference types="react" />
 export interface InputIconProps {
-    icon: ErkIconTypes;
+    icon: string;
     fill?: string;
 }
-declare function InputIcon({ icon, ...others }: InputIconProps): JSX.Element;
+declare function InputIcon({ icon, fill, ...others }: InputIconProps): JSX.Element;
 export default InputIcon;

package/dist/Shared/InputIcon/InputIcon.js

@@ -1,5 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ErkIconTypes } from '../../constants/ErkIconTypes';
 import CalendarIcon from '../../Icons/CalendarIcon';
 import LeakIcon from '../../Icons/Construction/LeakIcon';
 import ProjectIcon from '../../Icons/Construction/ProjectIcon';
@@ -9,39 +30,101 @@ import DocumentIcon from '../../Icons/DocumentIcon';
 import CheckListIcon from '../../Icons/Entities/CheckListIcon';
 import GenericEntityIcon from '../../Icons/Entities/GenericEntityIcon';
 import HandShakeIcon from '../../Icons/Entities/HandshakeIcon';
+import SchoolIcon from '../../Icons/Entities/SchoolIcon';
 import SupplierIcon from '../../Icons/Entities/SupplierIcon';
-import WorkIcon from '../../Icons/Entities/WorkIcon';
+import GroupIcon from '../../Icons/GroupIcon';
 import LocationIcon from '../../Icons/LocationIcon';
 import PersonIcon from '../../Icons/PersonIcon';
-function InputIcon({ icon, ...others }) {
+import IconTypes from '../../constants/IconTypes';
+function InputIcon(_a) {
+    var icon = _a.icon, _b = _a.fill, fill = _b === void 0 ? '#757575' : _b, others = __rest(_a, ["icon", "fill"]);
     switch (icon) {
-        case ErkIconTypes.PROJECT:
-            return _jsx(ProjectIcon, { size: 24, ...others });
-        case ErkIconTypes.PROPERTY:
-            return _jsx(PropertyIcon, { size: 23, ...others });
-        case ErkIconTypes.SPACE:
-            return _jsx(SpaceIcon, { size: 23, ...others });
-        case ErkIconTypes.PERSON:
-            return _jsx(PersonIcon, { size: 23, ...others });
-        case ErkIconTypes.LEAK:
-            return _jsx(LeakIcon, { size: 23, style: { marginTop: 2 }, ...others });
-        case ErkIconTypes.DOCUMENT:
-            return _jsx(DocumentIcon, { size: 23, ...others });
-        case ErkIconTypes.HANDSHAKE:
-            return _jsx(HandShakeIcon, { size: 23, ...others });
-        case ErkIconTypes.CHECKLIST:
-            return _jsx(CheckListIcon, { size: 23, ...others });
-        case ErkIconTypes.SUPPLIER:
-            return _jsx(SupplierIcon, { size: 24, ...others });
-        case ErkIconTypes.CALENDAR:
-            return _jsx(CalendarIcon, { size: 23, ...others });
-        case ErkIconTypes.WORK:
-            return _jsx(WorkIcon, { size: 23, ...others });
-        case ErkIconTypes.LOCATION:
-            return _jsx(LocationIcon, { size: 23, ...others });
-        case ErkIconTypes.GENERIC:
+        case IconTypes.PROJECT:
+            return (_jsx(ProjectIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 24,
+                    width: 24,
+                }, fill: fill }, others)));
+        case IconTypes.PROPERTY:
+            return (_jsx(PropertyIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.SPACE:
+            return (_jsx(SpaceIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.PERSON:
+            return (_jsx(PersonIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.LEAK:
+            return (_jsx(LeakIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                    marginTop: 2,
+                }, fill: fill }, others)));
+        case IconTypes.DOCUMENT:
+            return (_jsx(DocumentIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.HANDSHAKE:
+            return (_jsx(HandShakeIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.CHECKLIST:
+            return (_jsx(CheckListIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.SUPPLIER:
+            return (_jsx(SupplierIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 24,
+                    width: 24,
+                }, fill: fill }, others)));
+        case IconTypes.CALENDAR:
+            return (_jsx(CalendarIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.LOCATION:
+            return (_jsx(LocationIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.SCHOOL:
+            return (_jsx(SchoolIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.GROUP:
+            return (_jsx(GroupIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
+        case IconTypes.GENERIC:
         default:
-            return _jsx(GenericEntityIcon, { size: 23, ...others });
+            return (_jsx(GenericEntityIcon, __assign({ style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill }, others)));
     }
 }
 export default InputIcon;

package/dist/Shared/Loader/Loader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LoaderProps {
     /** The color of the loader */
     color?: string;

package/dist/Shared/Loader/Loader.js

@@ -1,14 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CircularProgress } from '@mui/material';
+import CircularProgress from '@material-ui/core/CircularProgress';
 import styles from './Loader.module.css';
 /**
  * Generic Loader Component with optional curtain.
  */
-function Loader({ color = '#3d5a7f', curtain = false, zIndex = 20, size = 40, position = 'absolute', }) {
-    return (_jsx("div", { className: styles.loaderContainer + ' flexbox', style: {
+function Loader(_a) {
+    var _b = _a.color, color = _b === void 0 ? '#3d5a7f' : _b, _c = _a.curtain, curtain = _c === void 0 ? false : _c, _d = _a.zIndex, zIndex = _d === void 0 ? 20 : _d, _e = _a.size, size = _e === void 0 ? 40 : _e, _f = _a.position, position = _f === void 0 ? 'absolute' : _f;
+    return (_jsx("div", __assign({ className: styles.loaderContainer + ' flexbox', style: {
             backgroundColor: curtain ? 'rgb(0, 0, 0, 0.4)' : '',
-            zIndex,
-            position,
-        }, children: _jsx("div", { className: styles.loader, children: _jsx(CircularProgress, { size: size, style: { color } }) }) }));
+            zIndex: zIndex,
+            position: position,
+        } }, { children: _jsx("div", __assign({ className: styles.loader }, { children: _jsx(CircularProgress, { size: size, style: { color: color } }) })) })));
 }
 export default Loader;

package/dist/Shared/Navbar/Navbar.d.ts

@@ -1,8 +1,10 @@
+/// <reference types="react" />
 interface NavBarProps {
+    apiKey?: string;
     /** Url of the current logo of the current organization */
     logo?: string;
     /** The color of the navbar */
     color?: string;
 }
-declare function Navbar({ logo, color }: NavBarProps): JSX.Element;
+declare function Navbar({ logo, color, apiKey }: NavBarProps): JSX.Element;
 export default Navbar;

package/dist/Shared/Navbar/Navbar.js

@@ -1,6 +1,99 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
 import styles from './Navbar.module.css';
-function Navbar({ logo, color }) {
-    return (_jsx("div", { className: styles.navContainer, style: { backgroundColor: color }, children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) }));
+import { IconButton, Avatar, Menu, MenuItem } from '@material-ui/core';
+import { logout } from '../../Services/UserService';
+import { useAppSelector } from '../../hooks';
+function Navbar(_a) {
+    var _this = this;
+    var _b;
+    var logo = _a.logo, color = _a.color, apiKey = _a.apiKey;
+    var ref = useRef(null);
+    var _c = useState(false), open = _c[0], setOpen = _c[1];
+    var user = useAppSelector(function (state) { return state.global.user; });
+    return (_jsxs("div", __assign({ className: styles.navContainer, style: { backgroundColor: color } }, { children: [_jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }), user && apiKey && (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: styles.navBarAvatar, ref: ref }, { children: _jsx(IconButton, __assign({ style: {
+                                width: 42,
+                                height: 42,
+                                padding: 0,
+                                margin: 'auto',
+                            }, "aria-label": "Mi Perfil", "aria-haspopup": "true", onClick: function () {
+                                setOpen(true);
+                            } }, { children: _jsx(Avatar, { style: { fontSize: '40px' }, alt: (_b = user === null || user === void 0 ? void 0 : user.name) !== null && _b !== void 0 ? _b : user === null || user === void 0 ? void 0 : user.email }) })) })), _jsx(Menu, __assign({ id: "simple-menu", anchorEl: ref.current, getContentAnchorEl: null, anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right',
+                        }, transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'right',
+                        }, open: open, onClose: function () { return setOpen(false); } }, { children: _jsx(MenuItem, __assign({ onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                                var err_1;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            setOpen(false);
+                                            _a.label = 1;
+                                        case 1:
+                                            _a.trys.push([1, 3, , 4]);
+                                            return [4 /*yield*/, logout(apiKey)];
+                                        case 2:
+                                            _a.sent();
+                                            return [3 /*break*/, 4];
+                                        case 3:
+                                            err_1 = _a.sent();
+                                            console.error(err_1);
+                                            return [3 /*break*/, 4];
+                                        case 4:
+                                            localStorage.removeItem('token');
+                                            window.location.reload();
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            }); } }, { children: "Cerrar sesi\u00F3n" })) }))] }))] })));
 }
 export default Navbar;

package/dist/Shared/Navbar/Navbar.module.css

@@ -6,3 +6,18 @@
     height: 40px;
     margin: auto 0 auto 15px;
 }
+
+.navBarAvatar {
+    height: 60px;
+    margin-left: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    margin-right: 15px;
+}
+
+.navBarAvatarIcon {
+    width: 100px;
+    height: 100px;
+}

package/dist/Shared/Navbar/Navbar.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react-vite';
+import type { StoryObj } from '@storybook/react';
 import Navbar from './Navbar';
 declare const meta: {
     component: typeof Navbar;

package/dist/Shared/Navbar/Navbar.stories.js

@@ -1,5 +1,5 @@
 import Navbar from './Navbar';
-const meta = {
+var meta = {
     component: Navbar,
     tags: ['autodocs'],
     args: {
@@ -8,6 +8,6 @@ const meta = {
     },
 };
 export default meta;
-export const Default = {
+export var Default = {
     args: {},
 };

package/dist/Shared/Rating/Rating.d.ts

@@ -1,11 +1,13 @@
-import { RefCallBack } from 'react-hook-form';
+/// <reference types="react" />
 import { RatingTypes } from '../../constants/FormStepTypes';
 export interface RatingProps {
     disabled?: boolean;
     isMobile?: boolean;
-    value?: number | null;
+    value: any;
     onChange: (value: number | null) => void;
-    inputRef?: React.RefObject<HTMLInputElement> | RefCallBack;
+    inputRef: any;
+    focusColor: string;
+    unSelectedColor: string;
 }
 declare function Rating({ type, ...others }: RatingProps & {
     type: RatingTypes;