@arquimedes.co/eureka-forms 2.0.120 → 2.0.121

package/dist/@Types/ErkValue.d.ts

@@ -0,0 +1,16 @@
+import ErkValueTypes from '../constants/ErkValueTypes';
+import { EurekaDraft } from './Draft/Draft';
+export type ErkValue = StepErkValue | DraftErkValue | BooleanErkValue;
+interface StepErkValue {
+    type: ErkValueTypes.STEP;
+    idStep: string;
+}
+interface DraftErkValue {
+    type: ErkValueTypes.DRAFT;
+    value: EurekaDraft;
+}
+interface BooleanErkValue {
+    type: ErkValueTypes.BOOLEAN;
+    value: boolean;
+}
+export {};

package/dist/@Types/ErkValue.js

@@ -0,0 +1 @@
+export {};

package/dist/@Types/FormStep.d.ts

@@ -2,6 +2,7 @@ import FormStepTypes, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperS
 import IconTypes from '../constants/IconTypes';
 import { Condition } from './Condition';
 import { EurekaDraft } from './Draft/Draft';
+import { ErkValue } from './ErkValue';
 import * as GSteps from './GenericFormSteps';
 import { Time } from './Time';
 export type FormStep = Title | TimePicker | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper;
@@ -146,7 +147,7 @@ export interface ValueEntityValuePickerPath {
     type: EntityValueDataTypes.VALUE;
     idEntityValue: string | null;
 }
-export type EntityValuePickerFilter = StepEntityValuePickerFilter | ValueEntityValuePickerFilter | CurrentAgentEntityValuePickerFilter;
+export type EntityValuePickerFilter = StepEntityValuePickerFilter | ValueEntityValuePickerFilter | CurrentAgentEntityValuePickerFilter | IntegrationEntityValuePickerFilter;
 export interface StepEntityValuePickerFilter {
     idProperty: string;
     type: EntityValueDataTypes.STEP;
@@ -163,6 +164,12 @@ export interface CurrentAgentEntityValuePickerFilter {
     idProperty: string;
     type: EntityValueDataTypes.CURRENT_AGENT;
 }
+export interface IntegrationEntityValuePickerFilter {
+    idProperty: string;
+    type: EntityValueDataTypes.INTEGRATION;
+    idIntegration: string;
+    values?: Record<string, ErkValue>;
+}
 export interface ApiSelector extends GSteps.GSmartSelect {
     type: FormStepTypes.API_SELECTOR;
     icon?: IconTypes;

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js

@@ -65,13 +65,53 @@ import FormContext from '../../../Contexts/FormContext';
 import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
 import { evaluateCondition } from '../../StepFunctions';
 import { recursivelyCalcConditionSteps, selectDependencies, } from '../../StepHooks';
-import { useAppSelector } from '../../../hooks';
+import { useApiSubscribe, useAppSelector } from '../../../hooks';
 import MaterialEntityValueDialog from './MaterialEntityValueDialog/MaterialEntityValueDialog';
+import ErkValueTypes from '../../../constants/ErkValueTypes';
+import { IntegrationsApi } from '../../../Services/IntegrationService';
+import { IdFormContext } from '../../../App/App';
 function EntityValuePickerStep(_a) {
+    var _this = this;
     var _b, _c;
     var step = _a.step, editable = _a.editable;
+    var subscribe = useApiSubscribe();
     var form = useContext(FormContext);
+    var idForm = useContext(IdFormContext);
+    // const mapDraftEntities = useContext(CustomContext).mapDraftEntities;
     var _d = useState(), dialogs = _d[0], setDialogs = _d[1];
+    // const path = useMemo(
+    //     () => [...step.stepPath, step.id].join('.'),
+    //     [step.stepPath, step.id]
+    // );
+    // //TODO: Esto toca revisarlo, es un borrador.
+    // const mapDraft = useCallback(
+    //     async (property: string): Promise<EurekaDraft | undefined> => {
+    //         const state = await dispatch(getAppState({ idForm })).unwrap();
+    //         const dependencies = selectDependencies(state, step.dependencies);
+    //         return await subscribe(
+    //             DraftApi.endpoints.mapDraft.initiate({
+    //                 idForm,
+    //                 property: `${path}.${property}`,
+    //                 dependencies,
+    //                 mapDraftEntities,
+    //             })
+    //         );
+    //     },
+    //     [subscribe, idForm, mapDraftEntities, path]
+    // );
+    var fetchFilterIntegration = useCallback(function (idIntegration, payload) { return __awaiter(_this, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, subscribe(IntegrationsApi.endpoints.fetchFilterIntegration.initiate({
+                        idForm: idForm,
+                        payload: payload,
+                        idIntegration: idIntegration,
+                    }))];
+                case 1: return [2 /*return*/, ((_a = (_b.sent())) !== null && _a !== void 0 ? _a : [])];
+            }
+        });
+    }); }, [subscribe, idForm]);
     var dialogsIdStepDeps = useMemo(function () {
         var ids = [];
         if (!step.dialogs)
@@ -96,7 +136,17 @@ function EntityValuePickerStep(_a) {
                 : undefined;
         });
     }, []);
-    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && ((_b = form.entities) === null || _b === void 0 ? void 0 : _b[step.idEntity]) && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: (_c = form.entities) === null || _c === void 0 ? void 0 : _c[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, __assign({ step: step }, { children: _jsx(SmartSelect, { editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getEntityValueOptions, getOptionalDependencies: getOptionalDependencies, getOptionSelected: function (option, value) {
+    var getOptions = useCallback(function (step, dependencyStore, ids) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getEntityValueOptions(step, dependencyStore, ids, 
+                    // mapDraft
+                    fetchFilterIntegration)];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [fetchFilterIntegration]);
+    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && ((_b = form.entities) === null || _b === void 0 ? void 0 : _b[step.idEntity]) && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: (_c = form.entities) === null || _c === void 0 ? void 0 : _c[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, __assign({ step: step }, { children: _jsx(SmartSelect, { editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getOptions, getOptionalDependencies: getOptionalDependencies, getOptionSelected: function (option, value) {
                         return option._id === value._id;
                     }, calcDepError: function (steps) {
                         for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
@@ -171,13 +221,15 @@ function EntityValuePickerStep(_a) {
                     } }) }))] }));
 }
 export default EntityValuePickerStep;
-var getEntityValueOptions = function (step, dependencyStore, _a) {
+var getEntityValueOptions = function (step, dependencyStore, _a, fetchFilterIntegration
+// mapDraftEntities: (property: string) => Promise<EurekaDraft | undefined>
+) {
     var idOrganization = _a.idOrganization, idCurrentAgent = _a.idCurrentAgent;
     return __awaiter(void 0, void 0, void 0, function () {
-        var urlPath, _i, _b, path, idEntityValue, currentValue, params, _c, _d, filter, currentValue, url, response;
-        var _e, _f, _g, _h, _j;
-        return __generator(this, function (_k) {
-            switch (_k.label) {
+        var urlPath, _i, _b, path, idEntityValue, currentValue, params, _c, _d, filter, _e, payload, _f, _g, _h, key, erkValue, currentValue, filtered, currentValue, url, response;
+        var _j, _k, _l, _m, _o, _p, _q, _r;
+        return __generator(this, function (_s) {
+            switch (_s.label) {
                 case 0:
                     if (!idOrganization)
                         return [2 /*return*/, null];
@@ -187,56 +239,106 @@ var getEntityValueOptions = function (step, dependencyStore, _a) {
                         idEntityValue = 'null';
                         switch (path.type) {
                             case EntityValueDataTypes.STEP: {
-                                currentValue = (_e = dependencyStore[path.idStep]) === null || _e === void 0 ? void 0 : _e.value;
+                                currentValue = (_j = dependencyStore[path.idStep]) === null || _j === void 0 ? void 0 : _j.value;
                                 if (!currentValue)
                                     return [2 /*return*/, null];
                                 if (typeof currentValue === 'string')
                                     idEntityValue = currentValue;
                                 else
-                                    idEntityValue = (_f = currentValue._id) !== null && _f !== void 0 ? _f : currentValue.id;
+                                    idEntityValue = (_k = currentValue._id) !== null && _k !== void 0 ? _k : currentValue.id;
                                 break;
                             }
                             case EntityValueDataTypes.VALUE:
                             default:
-                                idEntityValue = (_g = path.idEntityValue) !== null && _g !== void 0 ? _g : 'null';
+                                idEntityValue = (_l = path.idEntityValue) !== null && _l !== void 0 ? _l : 'null';
                                 break;
                         }
                         urlPath +=
                             '/' + path.idEntity + (idEntityValue ? '/' + idEntityValue : '');
                     }
                     params = new URLSearchParams({});
-                    for (_c = 0, _d = step.filters; _c < _d.length; _c++) {
-                        filter = _d[_c];
-                        switch (filter.type) {
-                            case EntityValueDataTypes.STEP: {
-                                currentValue = (_h = dependencyStore[filter.idStep]) === null || _h === void 0 ? void 0 : _h.value;
+                    _c = 0, _d = step.filters;
+                    _s.label = 1;
+                case 1:
+                    if (!(_c < _d.length)) return [3 /*break*/, 8];
+                    filter = _d[_c];
+                    _e = filter.type;
+                    switch (_e) {
+                        case EntityValueDataTypes.INTEGRATION: return [3 /*break*/, 2];
+                        case EntityValueDataTypes.STEP: return [3 /*break*/, 4];
+                        case EntityValueDataTypes.CURRENT_AGENT: return [3 /*break*/, 5];
+                        case EntityValueDataTypes.VALUE: return [3 /*break*/, 6];
+                    }
+                    return [3 /*break*/, 6];
+                case 2:
+                    payload = {};
+                    for (_f = 0, _g = Object.entries((_m = filter.values) !== null && _m !== void 0 ? _m : {}); _f < _g.length; _f++) {
+                        _h = _g[_f], key = _h[0], erkValue = _h[1];
+                        switch (erkValue.type) {
+                            case ErkValueTypes.BOOLEAN:
+                                payload[key] = erkValue.value;
+                                break;
+                            case ErkValueTypes.DRAFT: {
+                                //TODO: Hacer esto bien, la lambda tiene que ser capaz de calcular un draft en un filtro
+                                // values[key] = await mapDraftEntities(
+                                //     `filters[${index}].values.${key}`
+                                // );
+                                break;
+                            }
+                            case ErkValueTypes.STEP: {
+                                currentValue = (_o = dependencyStore[erkValue.idStep]) === null || _o === void 0 ? void 0 : _o.value;
                                 if (currentValue) {
                                     if (typeof currentValue === 'string')
-                                        params.set(filter.idProperty, currentValue);
+                                        payload[key] = currentValue;
                                     else
-                                        params.set(filter.idProperty, (_j = currentValue._id) !== null && _j !== void 0 ? _j : currentValue.id);
-                                }
-                                else if (filter.required) {
-                                    return [2 /*return*/, null];
+                                        payload[key] =
+                                            (_p = currentValue._id) !== null && _p !== void 0 ? _p : currentValue.id;
                                 }
+                                else
+                                    payload[key] = null;
                                 break;
                             }
-                            case EntityValueDataTypes.CURRENT_AGENT:
-                                if (idCurrentAgent)
-                                    params.set(filter.idProperty, idCurrentAgent);
-                                break;
-                            case EntityValueDataTypes.VALUE:
-                            default:
-                                params.set(filter.idProperty, filter.value);
-                                break;
                         }
                     }
+                    return [4 /*yield*/, fetchFilterIntegration(filter.idIntegration, payload)];
+                case 3:
+                    filtered = _s.sent();
+                    if (filtered.length === 0)
+                        return [2 /*return*/, null];
+                    params.set(filter.idProperty, filtered.join(','));
+                    return [3 /*break*/, 7];
+                case 4:
+                    {
+                        currentValue = (_q = dependencyStore[filter.idStep]) === null || _q === void 0 ? void 0 : _q.value;
+                        if (currentValue) {
+                            if (typeof currentValue === 'string')
+                                params.set(filter.idProperty, currentValue);
+                            else
+                                params.set(filter.idProperty, (_r = currentValue._id) !== null && _r !== void 0 ? _r : currentValue.id);
+                        }
+                        else if (filter.required) {
+                            return [2 /*return*/, null];
+                        }
+                        return [3 /*break*/, 7];
+                    }
+                    _s.label = 5;
+                case 5:
+                    if (idCurrentAgent)
+                        params.set(filter.idProperty, idCurrentAgent);
+                    return [3 /*break*/, 7];
+                case 6:
+                    params.set(filter.idProperty, filter.value);
+                    return [3 /*break*/, 7];
+                case 7:
+                    _c++;
+                    return [3 /*break*/, 1];
+                case 8:
                     url = "".concat(idOrganization, "/entities/").concat(step.idEntity).concat(urlPath, "?").concat(params.toString());
                     return [4 /*yield*/, widgetInstance.get(url, {
                             timeout: 120000,
                         })];
-                case 1:
-                    response = _k.sent();
+                case 9:
+                    response = _s.sent();
                     return [2 /*return*/, response.data.filter(function (option) { var _a; return ((_a = step.options[option._id]) === null || _a === void 0 ? void 0 : _a.type) !== EntityValueOptionTypes.HIDE; })];
             }
         });

package/dist/Services/DraftService.js

@@ -62,14 +62,11 @@ export var DraftApi = RootApi.injectEndpoints({
                                 if (!apiKey)
                                     return [2 /*return*/, { data: undefined }];
                                 if (!idOrganization) return [3 /*break*/, 4];
-                                return [4 /*yield*/, widgetInstance.post("/form/draft/".concat(apiKey, "?idOrganization=").concat(idOrganization), {
-                                        property: property,
-                                        dependencies: dependencies,
-                                    })];
+                                return [4 /*yield*/, widgetInstance.post("/form/draft/".concat(apiKey, "?idOrganization=").concat(idOrganization), { property: property, dependencies: dependencies })];
                             case 3:
                                 response = _d.sent();
                                 return [3 /*break*/, 6];
-                            case 4: return [4 /*yield*/, axiosInstance.post("/form/draft/".concat(apiKey), dependencies)];
+                            case 4: return [4 /*yield*/, axiosInstance.post("/form/draft/".concat(apiKey), { property: property, dependencies: dependencies })];
                             case 5:
                                 response = _d.sent();
                                 _d.label = 6;

package/dist/Services/IntegrationService.d.ts

@@ -0,0 +1,21 @@
+export declare const IntegrationsApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<{
+    url: string;
+    timeout?: number | undefined;
+    method?: string | undefined;
+    body?: any;
+    params?: any;
+    headers?: Record<string, any> | undefined;
+}, unknown, unknown, {}, {}>, {
+    fetchFilterIntegration: import("@reduxjs/toolkit/query").QueryDefinition<{
+        idForm: string;
+        idIntegration: string;
+        payload: Record<string, any>;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<{
+        url: string;
+        timeout?: number | undefined;
+        method?: string | undefined;
+        body?: any;
+        params?: any;
+        headers?: Record<string, any> | undefined;
+    }, unknown, unknown, {}, {}>, never, string[] | undefined, "api">;
+}, "api", never, typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/dist/query/react").reactHooksModuleName>;

package/dist/Services/IntegrationService.js

@@ -0,0 +1,69 @@
+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 { RootApi } from '../Utils/_api';
+import axiosInstance from '../Utils/AxiosAPI';
+import widgetInstance from '../Utils/AxiosWidget';
+export var IntegrationsApi = RootApi.injectEndpoints({
+    endpoints: function (build) { return ({
+        fetchFilterIntegration: build.query({
+            queryFn: function (_a, _b) {
+                var idForm = _a.idForm, idIntegration = _a.idIntegration, payload = _a.payload;
+                var getState = _b.getState;
+                return __awaiter(void 0, void 0, void 0, function () {
+                    var idOrganization, response;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                idOrganization = getState().forms[idForm]
+                                    .global.idOrganization;
+                                if (!idOrganization) return [3 /*break*/, 2];
+                                return [4 /*yield*/, widgetInstance.post("/form/integrations/".concat(idIntegration, "?idOrganization=").concat(idOrganization), payload)];
+                            case 1:
+                                response = _c.sent();
+                                return [3 /*break*/, 4];
+                            case 2: return [4 /*yield*/, axiosInstance.post("/form/integrations/".concat(idIntegration), payload)];
+                            case 3:
+                                response = _c.sent();
+                                _c.label = 4;
+                            case 4: return [2 /*return*/, { data: response.data }];
+                        }
+                    });
+                });
+            },
+        }),
+    }); },
+});

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.120",
+    "version": "2.0.121",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",