kwikid-forms 0.2.10 → 0.3.1

package/bundles/kwikid-forms.umd.js

@@ -1642,6 +1642,26 @@
                             failed: "API Failed"
                         });
                     }
+                    if (!kwikidToolkit.checkObjectKeyExists(field.api, "request") &&
+                        !kwikidToolkit.checkObjectKeyExists(field.api, "entrypoint")) {
+                        // Set entrypoint as First endpoint.
+                        var entrypoint = {
+                            triggers: ["ON_API_CALL"],
+                            rules: [],
+                            actions: [
+                                {
+                                    id: "1",
+                                    key: "API_CALL",
+                                    condition: "true",
+                                    props: {
+                                        fieldKey: field.key,
+                                        apiKey: field.api.endpoints[0].apiKey
+                                    }
+                                }
+                            ]
+                        };
+                        field = kwikidToolkit.setMissingKeyValue(field.api, "entrypoint", entrypoint);
+                    }
                     return field;
                 };
                 var formatFieldTypeOtp = function (field) {
@@ -2112,6 +2132,8 @@
         EActionKey["FIELD_GROUP_ENABLE"] = "FIELD_GROUP_ENABLE";
         EActionKey["FIELD_GROUP_DISABLE"] = "FIELD_GROUP_DISABLE";
         EActionKey["SET_DROPDOWN_OPTIONS"] = "SET_DROPDOWN_OPTIONS";
+        EActionKey["API_CALL"] = "API_CALL";
+        EActionKey["API_CALL_END"] = "API_CALL_END";
     })(EActionKey || (EActionKey = {}));
 
     var EApiStatusType;
@@ -2121,6 +2143,11 @@
         EApiStatusType["SUCCESS"] = "success";
         EApiStatusType["FAILED"] = "failed";
     })(EApiStatusType || (EApiStatusType = {}));
+    var EApiRequestUrlType;
+    (function (EApiRequestUrlType) {
+        EApiRequestUrlType["MOCK"] = "MOCK";
+        EApiRequestUrlType["CALCULATED"] = "CALCULATED";
+    })(EApiRequestUrlType || (EApiRequestUrlType = {}));
 
     var EMessageType;
     (function (EMessageType) {
@@ -2474,10 +2501,8 @@
         function Apis(object, takeAction) {
             this._object = object;
             this._takeAction = takeAction;
-            this._api = this._object.FIELD_CONFIG.api;
-            this._request = this._object.FIELD_CONFIG.api.request;
-            this._response = this._object.FIELD_CONFIG.api.response;
-            this._status = this._object.FIELD_CONFIG.api.status;
+            this._request = this._object.API_CONFIG.request;
+            this._response = this._object.API_CONFIG.response;
         }
         Object.defineProperty(Apis.prototype, "object", {
             get: function () {
@@ -2489,6 +2514,28 @@
             enumerable: false,
             configurable: true
         });
+        Apis.prototype.setUrl = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var source, url;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            if (!(this._request.url.hasOwnProperty("type") &&
+                                this._request.url.type === EApiRequestUrlType.CALCULATED)) return [3 /*break*/, 2];
+                            source = new kwikidToolkit.Source(this._object);
+                            return [4 /*yield*/, source.getValueFromSource(this._request.url.props.value.source)];
+                        case 1:
+                            url = _e.sent();
+                            this._request.url = kwikidToolkit.setValueToObjectPath(this._request.url, "value", url);
+                            return [3 /*break*/, 3];
+                        case 2:
+                            this._request.url = kwikidToolkit.setValueToObjectPath({}, "value", this._request.url);
+                            _e.label = 3;
+                        case 3: return [2 /*return*/, this._object.API_CONFIG];
+                    }
+                });
+            });
+        };
         Apis.prototype.setRequestBody = function () {
             var _a, _b, _c, _d;
             return __awaiter(this, void 0, void 0, function () {
@@ -2497,6 +2544,8 @@
                 return __generator(this, function (_h) {
                     switch (_h.label) {
                         case 0:
+                            if (!kwikidToolkit.checkObjectKeyExists(this._request, "body")) return [3 /*break*/, 25];
+                            if (!kwikidToolkit.checkObjectKeyExists(this._request.headers, "params")) return [3 /*break*/, 23];
                             params = this._request.body.params;
                             paramIndex = 0;
                             _h.label = 1;
@@ -2520,7 +2569,7 @@
                             sources_2 = new kwikidToolkit.Source(this._object);
                             value = sources_2.getValueFromSource(source);
                             // Set the Value of current source.
-                            this._object.FIELD_CONFIG = kwikidToolkit.setValueToObjectPath(this._object.FIELD_CONFIG, "api.request.body.params[" + paramIndex + "].sources[" + sourceIndex + "].value", value);
+                            this._object.API_CONFIG = kwikidToolkit.setValueToObjectPath(this._object.API_CONFIG, "request.body.params[" + paramIndex + "].sources[" + sourceIndex + "].value", value);
                             validation = source.validation;
                             triggers = (_a = validation === null || validation === void 0 ? void 0 : validation.triggers) !== null && _a !== void 0 ? _a : [];
                             rules = (_b = validation === null || validation === void 0 ? void 0 : validation.rules) !== null && _b !== void 0 ? _b : [];
@@ -2589,7 +2638,11 @@
                             }
                             finally { if (e_3) throw e_3.error; }
                             return [7 /*endfinally*/];
-                        case 22: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 22: return [2 /*return*/, this._object.API_CONFIG];
+                        case 23: return [2 /*return*/, this._object.API_CONFIG];
+                        case 24: return [3 /*break*/, 26];
+                        case 25: return [2 /*return*/, this._object.API_CONFIG];
+                        case 26: return [2 /*return*/];
                     }
                 });
             });
@@ -2602,6 +2655,8 @@
                 return __generator(this, function (_f) {
                     switch (_f.label) {
                         case 0:
+                            if (!kwikidToolkit.checkObjectKeyExists(this._request, "body")) return [3 /*break*/, 11];
+                            if (!kwikidToolkit.checkObjectKeyExists(this._request.body, "validation")) return [3 /*break*/, 9];
                             body = this._request.body;
                             validation = body.validation;
                             triggers = validation.triggers;
@@ -2637,7 +2692,11 @@
                             }
                             finally { if (e_4) throw e_4.error; }
                             return [7 /*endfinally*/];
-                        case 8: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 8: return [2 /*return*/, this._object.API_CONFIG];
+                        case 9: return [2 /*return*/, this._object.API_CONFIG];
+                        case 10: return [3 /*break*/, 12];
+                        case 11: return [2 /*return*/, this._object.API_CONFIG];
+                        case 12: return [2 /*return*/];
                     }
                 });
             });
@@ -2675,7 +2734,7 @@
                             sources_4 = new kwikidToolkit.Source(this._object);
                             value = sources_4.getValueFromSource(source);
                             // Set the Value of current source.
-                            this._object.FIELD_CONFIG = kwikidToolkit.setValueToObjectPath(this._object.FIELD_CONFIG, "api.request.headers.params[" + paramIndex + "].sources[" + sourceIndex + "].value", value);
+                            this._object.API_CONFIG = kwikidToolkit.setValueToObjectPath(this._object.API_CONFIG, "request.headers.params[" + paramIndex + "].sources[" + sourceIndex + "].value", value);
                             validation = source.validation;
                             triggers = (_a = validation === null || validation === void 0 ? void 0 : validation.triggers) !== null && _a !== void 0 ? _a : [];
                             rules = (_b = validation === null || validation === void 0 ? void 0 : validation.rules) !== null && _b !== void 0 ? _b : [];
@@ -2744,10 +2803,10 @@
                             }
                             finally { if (e_7) throw e_7.error; }
                             return [7 /*endfinally*/];
-                        case 22: return [2 /*return*/, this._object.FIELD_CONFIG];
-                        case 23: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 22: return [2 /*return*/, this._object.API_CONFIG];
+                        case 23: return [2 /*return*/, this._object.API_CONFIG];
                         case 24: return [3 /*break*/, 26];
-                        case 25: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 25: return [2 /*return*/, this._object.API_CONFIG];
                         case 26: return [2 /*return*/];
                     }
                 });
@@ -2798,10 +2857,10 @@
                             }
                             finally { if (e_8) throw e_8.error; }
                             return [7 /*endfinally*/];
-                        case 8: return [2 /*return*/, this._object.FIELD_CONFIG];
-                        case 9: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 8: return [2 /*return*/, this._object.API_CONFIG];
+                        case 9: return [2 /*return*/, this._object.API_CONFIG];
                         case 10: return [3 /*break*/, 12];
-                        case 11: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 11: return [2 /*return*/, this._object.API_CONFIG];
                         case 12: return [2 /*return*/];
                     }
                 });
@@ -2814,6 +2873,7 @@
                 return __generator(this, function (_f) {
                     switch (_f.label) {
                         case 0:
+                            if (!kwikidToolkit.checkObjectKeyExists(this._response, "validation")) return [3 /*break*/, 8];
                             validation = this._response.validation;
                             triggers = validation.triggers;
                             rules = validation.rules;
@@ -2848,13 +2908,61 @@
                             }
                             finally { if (e_9) throw e_9.error; }
                             return [7 /*endfinally*/];
-                        case 8: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 8: return [2 /*return*/, this._object.API_CONFIG];
+                    }
+                });
+            });
+        };
+        Apis.prototype.callNextApi = function (validation) {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var rules, actions, rulesMapping, actions_11, actions_11_1, action, conditionSuccess, actions_12, e_10_1;
+                var e_10, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0:
+                            rules = validation.rules;
+                            actions = (_a = validation) === null || _a === void 0 ? void 0 : _a.actions;
+                            rulesMapping = new kwikidToolkit.Rule(rules, this._object).mapping();
+                            _f.label = 1;
+                        case 1:
+                            _f.trys.push([1, 6, 7, 8]);
+                            actions_11 = __values(actions), actions_11_1 = actions_11.next();
+                            _f.label = 2;
+                        case 2:
+                            if (!!actions_11_1.done) return [3 /*break*/, 5];
+                            action = actions_11_1.value;
+                            conditionSuccess = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
+                            if (!conditionSuccess) return [3 /*break*/, 4];
+                            actions_12 = new kwikidToolkit.Action(action, rulesMapping, this._object, this._takeAction);
+                            return [4 /*yield*/, actions_12.execute()];
+                        case 3:
+                            _f.sent();
+                            _f.label = 4;
+                        case 4:
+                            actions_11_1 = actions_11.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_10_1 = _f.sent();
+                            e_10 = { error: e_10_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (actions_11_1 && !actions_11_1.done && (_e = actions_11.return)) _e.call(actions_11);
+                            }
+                            finally { if (e_10) throw e_10.error; }
+                            return [7 /*endfinally*/];
+                        case 8: return [2 /*return*/];
                     }
                 });
             });
         };
         return Apis;
     }());
+    __decorate([
+        kwikidToolkit.logMethod
+    ], Apis.prototype, "setUrl", null);
     __decorate([
         kwikidToolkit.logMethod
     ], Apis.prototype, "setRequestBody", null);
@@ -2870,6 +2978,9 @@
     __decorate([
         kwikidToolkit.logMethod
     ], Apis.prototype, "validateResponse", null);
+    __decorate([
+        kwikidToolkit.logMethod
+    ], Apis.prototype, "callNextApi", null);
 
     /**
      * Generated class for the SafeHtmlPipe pipe.
@@ -2981,8 +3092,8 @@
                             _loop_1 = function (field) {
                                 var _r, _s;
                                 if (field.isFormElement) {
-                                    this_1.previousFormData = Object.assign(Object.assign({}, this_1.previousFormData), (_r = {}, _r[field.key] = this_1.formGroup.controls[field.key].value, _r));
-                                    this_1.formData = Object.assign(Object.assign({}, this_1.formData), (_s = {}, _s[field.key] = this_1.formGroup.controls[field.key].value, _s));
+                                    this_1.previousFormData = Object.assign(Object.assign({}, this_1.previousFormData), (_r = {}, _r[field.key] = convertFormFieldValueToStandardFormat(field, this_1.formGroup.controls[field.key].value), _r));
+                                    this_1.formData = Object.assign(Object.assign({}, this_1.formData), (_s = {}, _s[field.key] = convertFormFieldValueToStandardFormat(field, this_1.formGroup.controls[field.key].value), _s));
                                     this_1.formGroup.controls[field.key].valueChanges
                                         .pipe(operators.pairwise())
                                         .subscribe(function (_h) {
@@ -3402,72 +3513,75 @@
                 });
             });
         };
-        KwikIDFormViewComponent.prototype.handleOnClickApiCall = function (e) {
+        KwikIDFormViewComponent.prototype.handleApiCall = function (field, api) {
             var _a, _b, _c, _d, _e, _f, _g;
             return __awaiter(this, void 0, void 0, function () {
-                var field, apis, apiCallResponse, url, method, headers, body, response, apis_1;
+                var apis, apiCallResponse, url, method, headers, body, response, apis_1;
                 var _h, _j;
                 var _this = this;
                 return __generator(this, function (_k) {
                     switch (_k.label) {
                         case 0:
-                            field = getFormFieldByKey(this.formFields, e.key);
-                            if (!(field.type === "api-call")) return [3 /*break*/, 11];
-                            // set button status to loading
-                            field["api"]["status"]["value"] = EApiStatusType.LOADING;
-                            field["showLoader"] = true;
-                            this.viewFormsButton["disabled"] = true;
-                            this.viewFormsButton["showLoader"] = true;
-                            this.saveFormButton["disabled"] = true;
-                            this.saveFormButton["showLoader"] = true;
                             apis = new Apis({
                                 FIELD_CONFIG: field,
+                                API_CONFIG: api,
                                 FORM_FIELDS: this.formFields,
                                 FORM_DATA: this.formData,
                                 PREVIOUS_FORM_DATA: this.previousFormData,
                                 ALL_FORMS_DATA: this.allFormsData
                             }, this.takeAction.bind(this));
-                            return [4 /*yield*/, apis.setRequestHeaders()];
+                            return [4 /*yield*/, apis.setUrl()];
                         case 1:
-                            field = _k.sent();
-                            return [4 /*yield*/, apis.validateRequestHeaders()];
+                            api = _k.sent();
+                            return [4 /*yield*/, apis.setRequestHeaders()];
                         case 2:
-                            field = _k.sent();
-                            return [4 /*yield*/, apis.setRequestBody()];
+                            api = _k.sent();
+                            return [4 /*yield*/, apis.validateRequestHeaders()];
                         case 3:
-                            field = _k.sent();
-                            return [4 /*yield*/, apis.validateRequestBody()];
+                            api = _k.sent();
+                            return [4 /*yield*/, apis.setRequestBody()];
                         case 4:
-                            field = _k.sent();
-                            if (!field.api.request.body.validation.is_valid) return [3 /*break*/, 9];
-                            apiCallResponse = undefined;
-                            if (!(field.api.request.url.hasOwnProperty("type") &&
-                                field.api.request.url.type === "MOCK")) return [3 /*break*/, 5];
-                            apiCallResponse = field.api.request.url.data;
-                            return [3 /*break*/, 8];
+                            api = _k.sent();
+                            return [4 /*yield*/, apis.validateRequestBody()];
                         case 5:
-                            url = field.api.request.url;
-                            method = (_b = (_a = field.api.request) === null || _a === void 0 ? void 0 : _a.method) !== null && _b !== void 0 ? _b : "POST";
-                            headers = Object.assign({ "Content-Type": "application/json" }, (((_d = (_c = field.api.request) === null || _c === void 0 ? void 0 : _c.headers) === null || _d === void 0 ? void 0 : _d.value) || {}));
-                            body = (_g = (_f = (_e = field.api.request) === null || _e === void 0 ? void 0 : _e.body) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : null;
+                            api = _k.sent();
+                            apiCallResponse = undefined;
+                            if (!api.request.body.validation.is_valid) return [3 /*break*/, 10];
+                            if (!(api.request.url.hasOwnProperty("type") &&
+                                api.request.url.type === EApiRequestUrlType.MOCK)) return [3 /*break*/, 6];
+                            apiCallResponse = api.request.url.props.mockedData.data;
+                            return [3 /*break*/, 9];
+                        case 6:
+                            url = api.request.url.value;
+                            method = (_b = (_a = api.request) === null || _a === void 0 ? void 0 : _a.method) !== null && _b !== void 0 ? _b : "POST";
+                            headers = Object.assign({ "Content-Type": "application/json" }, (((_d = (_c = api.request) === null || _c === void 0 ? void 0 : _c.headers) === null || _d === void 0 ? void 0 : _d.value) || {}));
+                            body = (_g = (_f = (_e = api.request) === null || _e === void 0 ? void 0 : _e.body) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : null;
                             return [4 /*yield*/, fetch(url, {
                                     method: method,
                                     headers: Object.assign({}, headers),
                                     body: JSON.stringify(body)
                                 })];
-                        case 6:
+                        case 7:
                             response = _k.sent();
                             return [4 /*yield*/, response.json()];
-                        case 7:
-                            apiCallResponse = _k.sent();
-                            _k.label = 8;
                         case 8:
-                            this.formData = Object.assign(Object.assign({}, this.formData), (_h = {}, _h[field.key] = apiCallResponse, _h));
-                            this.formGroup.patchValue((_j = {},
-                                _j[field.key] = apiCallResponse,
-                                _j), { emitEvent: false });
+                            apiCallResponse = _k.sent();
+                            _k.label = 9;
+                        case 9:
+                            /**
+                             * This runs when API is in old format or new.
+                             * If Old Format then it directly patches api response to field data
+                             */
+                            if (kwikidToolkit.checkObjectKeyExists(field.api, "request")) {
+                                this.formData = Object.assign(Object.assign({}, this.formData), (_h = {}, _h[field.key] = apiCallResponse, _h));
+                                this.formGroup.patchValue((_j = {},
+                                    _j[field.key] = apiCallResponse,
+                                    _j), { emitEvent: false });
+                            }
+                            api.response = kwikidToolkit.setMissingKeyValue(api.response, "value", apiCallResponse);
                             apis_1 = new Apis({
                                 FIELD_CONFIG: field,
+                                API_CONFIG: api,
                                 FORM_FIELDS: this.formFields,
                                 FORM_DATA: this.formData,
                                 PREVIOUS_FORM_DATA: this.previousFormData,
@@ -3478,28 +3592,63 @@
                                     switch (_h.label) {
                                         case 0: return [4 /*yield*/, apis_1.validateResponse()];
                                         case 1:
-                                            field = _h.sent();
+                                            api = _h.sent();
                                             return [2 /*return*/];
                                     }
                                 });
                             }); })();
-                            return [3 /*break*/, 10];
-                        case 9:
-                            // Request Body Validation Failed
-                            // Highlight Error in UI to User to Retry After Sometime.
-                            // Take Action based on Validation
+                            return [3 /*break*/, 11];
+                        case 10:
                             setTimeout(function () {
                                 field["api"]["status"]["value"] = EApiStatusType.FAILED;
                                 field["showLoader"] = false;
                             }, 500);
-                            _k.label = 10;
-                        case 10:
+                            _k.label = 11;
+                        case 11: return [2 /*return*/, { field: field, api: api }];
+                    }
+                });
+            });
+        };
+        KwikIDFormViewComponent.prototype.handleOnClickApiCall = function (e) {
+            return __awaiter(this, void 0, void 0, function () {
+                var field, apis;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
+                        case 0:
+                            field = getFormFieldByKey(this.formFields, e.key);
+                            if (!(field.type === "api-call")) return [3 /*break*/, 5];
+                            // set button status to loading
+                            field["api"]["status"]["value"] = EApiStatusType.LOADING;
+                            field["showLoader"] = true;
+                            this.viewFormsButton["disabled"] = true;
+                            this.viewFormsButton["showLoader"] = true;
+                            this.saveFormButton["disabled"] = true;
+                            this.saveFormButton["showLoader"] = true;
+                            if (!kwikidToolkit.checkObjectKeyExists(field.api, "request")) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.handleApiCall(field, field.api)];
+                        case 1:
+                            _h.sent();
+                            return [3 /*break*/, 4];
+                        case 2:
+                            apis = new Apis({
+                                FIELD_CONFIG: field,
+                                API_CONFIG: {},
+                                FORM_FIELDS: this.formFields,
+                                FORM_DATA: this.formData,
+                                PREVIOUS_FORM_DATA: this.previousFormData,
+                                ALL_FORMS_DATA: this.allFormsData
+                            }, this.takeAction.bind(this));
+                            return [4 /*yield*/, apis.callNextApi(field.api.entrypoint)];
+                        case 3:
+                            _h.sent();
+                            _h.label = 4;
+                        case 4:
                             this.viewFormsButton["disabled"] = false;
                             this.viewFormsButton["showLoader"] = false;
                             this.saveFormButton["disabled"] = false;
                             this.saveFormButton["showLoader"] = false;
-                            _k.label = 11;
-                        case 11: return [2 /*return*/];
+                            _h.label = 5;
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
@@ -3827,7 +3976,6 @@
             field = removeFormFieldMessage(field, message);
             this.formFields[fieldIndex] = field;
         };
-        KwikIDFormViewComponent.prototype.setObjectValue = function (field, path, value) { };
         KwikIDFormViewComponent.prototype.patchFieldControlValue = function (key, value) {
             var _h;
             this.formGroup.patchValue((_h = {},
@@ -3839,7 +3987,15 @@
                 throw new Error("formGroup or formData is 'undefined'.");
             }
             else {
-                this.formGroup.patchValue(formData, { emitEvent: false });
+                var formDataInKwikUIFormat = {};
+                for (var fieldKey in formData) {
+                    var field = getFormFieldByKey(this.formFields, fieldKey);
+                    if (!kwikidToolkit.isUndefined(field) && !kwikidToolkit.isNull(field)) {
+                        formDataInKwikUIFormat[fieldKey] =
+                            convertFormFieldValueToKwikUIFormat(field, formData[fieldKey]);
+                    }
+                }
+                this.formGroup.patchValue(formDataInKwikUIFormat, { emitEvent: false });
             }
         };
         KwikIDFormViewComponent.prototype.isFieldValid = function (fieldKey) {
@@ -3876,9 +4032,10 @@
         };
         KwikIDFormViewComponent.prototype.takeAction = function (action, object) {
             return __awaiter(this, void 0, void 0, function () {
-                var _h, setValue_Source, sourceValue, setDefaultValue_Source, sourceDefaultValue, destinationDefaultValue_FieldConfig_Config, destinationDefaultValue_FormData_Config__Props__Object__Path, destinationDefaultValue_FormData_Config, setDropdownValue_Sources, dropdownValue, appendToPath, appendToPathStr, optionsPath;
-                return __generator(this, function (_j) {
-                    switch (_j.label) {
+                var _h, setValue_Source, sourceValue, setDefaultValue_Source, sourceDefaultValue, destinationDefaultValue_FieldConfig_Config, destinationDefaultValue_FormData_Config__Props__Object__Path, destinationDefaultValue_FormData_Config, setDropdownValue_Sources, dropdownValue, appendToPath, appendToPathStr, optionsPath, entrypointKey_1, apiField, endpoints, nextApiIndex, response, field, apiCallResponses_1;
+                var _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             _h = action.key;
                             switch (_h) {
@@ -3896,52 +4053,54 @@
                                 case EActionKey.SET_DROPDOWN_OPTIONS: return [3 /*break*/, 14];
                                 case EActionKey.HANDLE_CONNECTED_ELEMENTS: return [3 /*break*/, 19];
                                 case EActionKey.CUSTOM: return [3 /*break*/, 20];
+                                case EActionKey.API_CALL: return [3 /*break*/, 21];
+                                case EActionKey.API_CALL_END: return [3 /*break*/, 23];
                             }
-                            return [3 /*break*/, 21];
+                            return [3 /*break*/, 24];
                         case 1:
                             this.fieldHide(action.props.fieldKey);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 2:
                             this.fieldShow(action.props.fieldKey);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 3:
                             this.fieldDisable(action.props.fieldKey);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 4:
                             this.fieldEnable(action.props.fieldKey);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 5:
                             this.fieldReset(action.props.fieldKey);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 6:
                             this.fieldErrorShow(action.props.fieldKey, action.props.message);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 7:
                             this.fieldErrorHide(action.props.fieldKey, action.props.message);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 8:
                             this.fieldMessageShow(action.props.fieldKey, action.props.message);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 9:
                             this.fieldMessageHide(action.props.fieldKey, action.props.message);
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 10:
                             setValue_Source = new kwikidToolkit.Source(object);
                             return [4 /*yield*/, setValue_Source.getValueFromSource(action.props.value.source)];
                         case 11:
-                            sourceValue = _j.sent();
+                            sourceValue = _k.sent();
                             setValue_Source.setValueToSource(action.props.value.destination, sourceValue);
                             object.FIELD_CONFIG = setValue_Source.object.FIELD_CONFIG;
                             this.formData = setValue_Source.object.FORM_DATA;
                             this.patchFormGroup(this.formData);
                             this.allFormsData = setValue_Source.object.ALL_FORMS_DATA;
                             this.previousFormData = setValue_Source.object.PREVIOUS_FORM_DATA;
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 12:
                             setDefaultValue_Source = new kwikidToolkit.Source(object);
                             return [4 /*yield*/, setDefaultValue_Source.getValueFromSource(action.props.value.source)];
                         case 13:
-                            sourceDefaultValue = _j.sent();
+                            sourceDefaultValue = _k.sent();
                             destinationDefaultValue_FieldConfig_Config = {
                                 key: kwikidToolkit.ESourceKey.OBJECT,
                                 props: {
@@ -3969,17 +4128,17 @@
                             this.allFormsData = setDefaultValue_Source.object.ALL_FORMS_DATA;
                             this.previousFormData =
                                 setDefaultValue_Source.object.PREVIOUS_FORM_DATA;
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 14:
                             setDropdownValue_Sources = new kwikidToolkit.Source(object);
                             return [4 /*yield*/, setDropdownValue_Sources.getValueFromSource(action.props.value.source)];
                         case 15:
-                            dropdownValue = _j.sent();
+                            dropdownValue = _k.sent();
                             if (!kwikidToolkit.checkObjectKeyExists(action.props, "options")) return [3 /*break*/, 18];
                             if (!kwikidToolkit.checkObjectKeyExists(action.props.options, "appendToPath")) return [3 /*break*/, 17];
                             return [4 /*yield*/, setDropdownValue_Sources.getValueFromSource(action.props.options.appendToPath.source)];
                         case 16:
-                            appendToPath = _j.sent();
+                            appendToPath = _k.sent();
                             if (kwikidToolkit.isNotEmptyValue(appendToPath)) {
                                 appendToPathStr = kwikidToolkit.replaceString(appendToPath.match("" + action.props.options.appendToPath.filterSourceValue)[0], "[^a-zA-Z0-9_]", "_");
                                 optionsPath = "" + action.props.options.path + appendToPathStr;
@@ -3988,7 +4147,7 @@
                             return [3 /*break*/, 18];
                         case 17:
                             dropdownValue = kwikidToolkit.getObjectValueFromPath(dropdownValue, action.props.options.path);
-                            _j.label = 18;
+                            _k.label = 18;
                         case 18:
                             setDropdownValue_Sources.setValueToSource(action.props.value.destination, dropdownValue);
                             object.FIELD_CONFIG = setDropdownValue_Sources.object.FIELD_CONFIG;
@@ -3996,13 +4155,34 @@
                             this.allFormsData = setDropdownValue_Sources.object.ALL_FORMS_DATA;
                             this.previousFormData =
                                 setDropdownValue_Sources.object.PREVIOUS_FORM_DATA;
-                            return [3 /*break*/, 22];
+                            return [3 /*break*/, 25];
                         case 19:
                             this.handleConnectedElements({ key: action.props.fieldKey }, "ON_ACTION");
-                            return [3 /*break*/, 22];
-                        case 20: return [3 /*break*/, 22];
-                        case 21: return [3 /*break*/, 22];
-                        case 22: return [2 /*return*/];
+                            return [3 /*break*/, 25];
+                        case 20: return [3 /*break*/, 25];
+                        case 21:
+                            entrypointKey_1 = action.props.apiKey;
+                            apiField = getFormFieldByKey(this.formFields, action.props.fieldKey);
+                            endpoints = apiField.api.endpoints;
+                            nextApiIndex = endpoints.findIndex(function (api) { return api.apiKey == entrypointKey_1; });
+                            return [4 /*yield*/, this.handleApiCall(apiField, endpoints[nextApiIndex])];
+                        case 22:
+                            response = _k.sent();
+                            apiField = response.field;
+                            apiField.api.endpoints[nextApiIndex] = response.api;
+                            return [3 /*break*/, 25];
+                        case 23:
+                            field = getFormFieldByKey(this.formFields, action.props.fieldKey);
+                            apiCallResponses_1 = {};
+                            field.api.endpoints.map(function (api) {
+                                if (kwikidToolkit.checkObjectKeyExists(api.response, "value"))
+                                    apiCallResponses_1 = kwikidToolkit.setMissingKeyValue(apiCallResponses_1, api.apiKey, api.response.value);
+                            });
+                            this.formData = Object.assign(Object.assign({}, this.formData), (_j = {}, _j[field.key] = apiCallResponses_1, _j));
+                            this.patchFormGroup(this.formData);
+                            return [3 /*break*/, 25];
+                        case 24: return [3 /*break*/, 25];
+                        case 25: return [2 /*return*/];
                     }
                 });
             });
@@ -4053,6 +4233,9 @@
     __decorate([
         kwikidToolkit.logMethod
     ], KwikIDFormViewComponent.prototype, "handleOnClickResetFormFields", null);
+    __decorate([
+        kwikidToolkit.logMethod
+    ], KwikIDFormViewComponent.prototype, "handleApiCall", null);
     __decorate([
         kwikidToolkit.logMethod
     ], KwikIDFormViewComponent.prototype, "handleOnClickApiCall", null);
@@ -4104,9 +4287,6 @@
     __decorate([
         kwikidToolkit.logMethod
     ], KwikIDFormViewComponent.prototype, "fieldMessageHide", null);
-    __decorate([
-        kwikidToolkit.logMethod
-    ], KwikIDFormViewComponent.prototype, "setObjectValue", null);
     __decorate([
         kwikidToolkit.logMethod
     ], KwikIDFormViewComponent.prototype, "patchFieldControlValue", null);
@@ -4158,7 +4338,7 @@
                     type: i0.Output
                 }], onClickApiCall: [{
                     type: i0.Output
-                }], ngOnInit: [], ngAfterViewInit: [], ngOnChanges: [], initFormConfig: [], setFormFieldsFromFormConfig: [], setFormFieldGroupsFromFormConfig: [], setFormDataFromAllFormsData: [], handleConnectedElementFieldGroupActions: [], handleConnectedElementFieldGroup: [], handleConnectedElementFieldActions: [], handleConnectedElementFields: [], handleConnectedElements: [], handleGetKeyValue: [], handleOnClickResetFormFields: [], handleOnClickApiCall: [], handleOnClickViewForms: [], handleOnClickSaveForm: [], toggleErrorNotification: [], fieldHide: [], fieldGroupHide: [], fieldShow: [], fieldGroupShow: [], fieldDisable: [], fieldGroupDisable: [], fieldEnable: [], fieldGroupEnable: [], fieldReset: [], fieldErrorShow: [], fieldErrorHide: [], fieldMessageShow: [], fieldMessageHide: [], setObjectValue: [], patchFieldControlValue: [], patchFormGroup: [], isFieldValid: [], isFieldEnabled: [], getFormGroupRawValues: [], takeActionOnFieldGroup: [], takeAction: [] } });
+                }], ngOnInit: [], ngAfterViewInit: [], ngOnChanges: [], initFormConfig: [], setFormFieldsFromFormConfig: [], setFormFieldGroupsFromFormConfig: [], setFormDataFromAllFormsData: [], handleConnectedElementFieldGroupActions: [], handleConnectedElementFieldGroup: [], handleConnectedElementFieldActions: [], handleConnectedElementFields: [], handleConnectedElements: [], handleGetKeyValue: [], handleOnClickResetFormFields: [], handleApiCall: [], handleOnClickApiCall: [], handleOnClickViewForms: [], handleOnClickSaveForm: [], toggleErrorNotification: [], fieldHide: [], fieldGroupHide: [], fieldShow: [], fieldGroupShow: [], fieldDisable: [], fieldGroupDisable: [], fieldEnable: [], fieldGroupEnable: [], fieldReset: [], fieldErrorShow: [], fieldErrorHide: [], fieldMessageShow: [], fieldMessageHide: [], patchFieldControlValue: [], patchFormGroup: [], isFieldValid: [], isFieldEnabled: [], getFormGroupRawValues: [], takeActionOnFieldGroup: [], takeAction: [] } });
 
     /**
      * Generated class for the SafeHtmlPipe pipe.