@arquimedes.co/eureka-forms 2.0.119 → 2.0.121

package/dist/Shared/Navbar/Navbar.js

@@ -9,10 +9,91 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+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';
+import { IconButton, Avatar, Menu, MenuItem } from '@material-ui/core';
+import { logout } from '../../Services/UserService';
+import { useAppSelector } from '../../hooks';
 function Navbar(_a) {
-    var logo = _a.logo, color = _a.color;
-    return (_jsx("div", __assign({ className: styles.navContainer, style: { backgroundColor: color } }, { children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) })));
+    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/States/GlobalSlice.d.ts

@@ -3,6 +3,7 @@ import type { PayloadAction } from '@reduxjs/toolkit';
 import { SiteState } from './SiteSlice';
 import { EurekaDraft } from '../@Types/Draft/Draft';
 import { CountryCode } from 'libphonenumber-js';
+import { User } from '../@Types/User';
 export interface GlobalState {
     apiKey?: string;
     idOrganization: string;
@@ -20,6 +21,8 @@ export interface GlobalState {
     partial: boolean;
     internal: boolean;
     loaded: boolean;
+    /** Current User */
+    user: User | null | undefined;
 }
 export declare const GlobalSlice: import("@reduxjs/toolkit").Slice<GlobalState, {
     reset: (state: import("immer/dist/internal").WritableDraft<GlobalState>, action: PayloadAction<Omit<GlobalState, 'loaded'> & SiteState>) => {
@@ -38,6 +41,7 @@ export declare const GlobalSlice: import("@reduxjs/toolkit").Slice<GlobalState,
             showLink: boolean;
         };
         internal: boolean;
+        user: User | null | undefined;
         dependencies: import("../Form/Form").DependencyStore;
         values: import("./SiteSlice").ValuesStore;
         idCurrentSection: string | null;
@@ -45,6 +49,7 @@ export declare const GlobalSlice: import("@reduxjs/toolkit").Slice<GlobalState,
         nextSections: string[];
         focusStep?: string | undefined;
     };
+    setUser: (state: import("immer/dist/internal").WritableDraft<GlobalState>, action: PayloadAction<User | null>) => void;
 }, "global">;
-export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">;
+export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">, setUser: import("@reduxjs/toolkit").ActionCreatorWithPayload<User | null, "global/setUser">;
 export default GlobalSlice;

package/dist/States/GlobalSlice.js

@@ -9,6 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var _a;
 import InternalFormStyle from '../constants/InternalFormStyle';
 import { createSlice } from '@reduxjs/toolkit';
 import { BaseConfirmationMessage } from '../Contexts/FormContext';
@@ -26,6 +27,7 @@ var initialState = {
     partial: false,
     internal: false,
     loaded: false,
+    user: undefined,
 };
 export var GlobalSlice = createSlice({
     name: 'global',
@@ -34,7 +36,10 @@ export var GlobalSlice = createSlice({
         reset: function (state, action) {
             return __assign(__assign(__assign({}, state), action.payload), { loaded: true });
         },
+        setUser: function (state, action) {
+            state.user = action.payload;
+        },
     },
 });
-export var reset = GlobalSlice.actions.reset;
+export var reset = (_a = GlobalSlice.actions, _a.reset), setUser = _a.setUser;
 export default GlobalSlice;

package/dist/constants/ErkValueTypes.d.ts

@@ -0,0 +1,6 @@
+export declare enum ErkValueTypes {
+    DRAFT = "DRAFT",
+    STEP = "STEP",
+    BOOLEAN = "BOOLEAN"
+}
+export default ErkValueTypes;

package/dist/constants/ErkValueTypes.js

@@ -0,0 +1,7 @@
+export var ErkValueTypes;
+(function (ErkValueTypes) {
+    ErkValueTypes["DRAFT"] = "DRAFT";
+    ErkValueTypes["STEP"] = "STEP";
+    ErkValueTypes["BOOLEAN"] = "BOOLEAN";
+})(ErkValueTypes || (ErkValueTypes = {}));
+export default ErkValueTypes;

package/dist/constants/FormStepTypes.d.ts

@@ -57,7 +57,8 @@ export declare enum MapperStyleTypes {
 export declare enum EntityValueDataTypes {
     STEP = "STEP",
     VALUE = "VALUE",
-    CURRENT_AGENT = "CURRENT_AGENT"
+    CURRENT_AGENT = "CURRENT_AGENT",
+    INTEGRATION = "INTEGRATION"
 }
 export declare enum ApiSelectorParamTypes {
     STEP = "STEP",

package/dist/constants/FormStepTypes.js

@@ -68,6 +68,7 @@ export var EntityValueDataTypes;
     EntityValueDataTypes["STEP"] = "STEP";
     EntityValueDataTypes["VALUE"] = "VALUE";
     EntityValueDataTypes["CURRENT_AGENT"] = "CURRENT_AGENT";
+    EntityValueDataTypes["INTEGRATION"] = "INTEGRATION";
 })(EntityValueDataTypes || (EntityValueDataTypes = {}));
 export var ApiSelectorParamTypes;
 (function (ApiSelectorParamTypes) {

package/dist/hooks.d.ts

@@ -1,5 +1,8 @@
 import type { TypedUseSelectorHook } from 'react-redux';
 import { type RootState, type AppDispatch } from './Utils/store';
+import { ThunkAction } from '@reduxjs/toolkit';
+import { QueryActionCreatorResult, QueryDefinition, ResultTypeFrom } from '@reduxjs/toolkit/query';
 export declare const useAppDispatch: () => AppDispatch;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;
 export declare const selectBreakPoint: (state: RootState) => number;
+export declare function useApiSubscribe(): <D extends QueryDefinition<any, any, any, any>>(subscription: ThunkAction<QueryActionCreatorResult<D>, any, any, any>) => Promise<ResultTypeFrom<D> | undefined>;

package/dist/hooks.js

@@ -1,6 +1,42 @@
+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 { createDispatchHook, createSelectorHook } from 'react-redux';
 import { defaultRootState, } from './Utils/store';
-import { useContext } from 'react';
+import { useCallback, useContext, useEffect, useRef } from 'react';
 import { IdFormContext } from './App/App';
 import { StoreContext } from './Utils/StoreContext';
 var useSelector = createSelectorHook(StoreContext);
@@ -22,3 +58,28 @@ export var useAppSelector = function (selector, options) {
 export var selectBreakPoint = function (state) {
     return state.widthStats.currentBreakPoint;
 };
+export function useApiSubscribe() {
+    var _this = this;
+    var dispatch = useAppDispatch();
+    var subscriptions = useRef([]);
+    useEffect(function () {
+        return function () {
+            subscriptions.current.forEach(function (unsubscribe) { return unsubscribe(); });
+        };
+    }, []);
+    var subscribe = useCallback(function (subscription) { return __awaiter(_this, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    result = dispatch(subscription);
+                    result.unsubscribe();
+                    return [4 /*yield*/, result];
+                case 1: 
+                // subscriptions.current.push(() => result.unsubscribe());
+                return [2 /*return*/, (_a.sent()).data];
+            }
+        });
+    }); }, [dispatch]);
+    return subscribe;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "2.0.119",
+    "version": "2.0.121",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
@@ -25,6 +25,7 @@
         "date-fns": "^2.23.0",
         "draft-js": "^0.11.7",
         "i18n-iso-countries": "^7.11.3",
+        "jwt-decode": "^4.0.0",
         "libphonenumber-js": "^1.11.7",
         "logrocket": "^2.2.1",
         "nanoid": "^3.3.7",