kwikid-forms 0.1.14 → 0.1.16

package/bundles/kwikid-forms.umd.js

@@ -1325,10 +1325,169 @@
                 });
             });
         };
+        Apis.prototype.setRequestHeaders = function () {
+            var _a, _b, _c, _d;
+            return __awaiter(this, void 0, void 0, function () {
+                var params, paramIndex, params_2, params_2_1, param, sources, sourceIndex, sources_3, sources_3_1, source, sources_4, value, validation, triggers, rules, actions, rulesMapping, actions_5, actions_5_1, action, conditionEvaluation, actions_6, e_5_1, e_6_1, e_7_1;
+                var e_7, _e, e_6, _f, e_5, _g;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
+                        case 0:
+                            if (!kwikidToolkit.checkObjectKeyExists(this._request, "headers")) return [3 /*break*/, 25];
+                            if (!kwikidToolkit.checkObjectKeyExists(this._request.headers, "params")) return [3 /*break*/, 23];
+                            params = this._request.headers.params;
+                            paramIndex = 0;
+                            _h.label = 1;
+                        case 1:
+                            _h.trys.push([1, 20, 21, 22]);
+                            params_2 = __values(params), params_2_1 = params_2.next();
+                            _h.label = 2;
+                        case 2:
+                            if (!!params_2_1.done) return [3 /*break*/, 19];
+                            param = params_2_1.value;
+                            sources = param.sources;
+                            sourceIndex = 0;
+                            _h.label = 3;
+                        case 3:
+                            _h.trys.push([3, 15, 16, 17]);
+                            sources_3 = (e_6 = void 0, __values(sources)), sources_3_1 = sources_3.next();
+                            _h.label = 4;
+                        case 4:
+                            if (!!sources_3_1.done) return [3 /*break*/, 14];
+                            source = sources_3_1.value;
+                            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);
+                            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 : [];
+                            actions = (_d = (_c = validation) === null || _c === void 0 ? void 0 : _c.actions) !== null && _d !== void 0 ? _d : [];
+                            rulesMapping = new kwikidToolkit.Rule(rules, this._object).mapping();
+                            _h.label = 5;
+                        case 5:
+                            _h.trys.push([5, 10, 11, 12]);
+                            actions_5 = (e_5 = void 0, __values(actions)), actions_5_1 = actions_5.next();
+                            _h.label = 6;
+                        case 6:
+                            if (!!actions_5_1.done) return [3 /*break*/, 9];
+                            action = actions_5_1.value;
+                            conditionEvaluation = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
+                            if (!conditionEvaluation) return [3 /*break*/, 8];
+                            actions_6 = new kwikidToolkit.Action(action, rulesMapping, this._object, this._takeAction);
+                            return [4 /*yield*/, actions_6.execute()];
+                        case 7:
+                            _h.sent();
+                            _h.label = 8;
+                        case 8:
+                            actions_5_1 = actions_5.next();
+                            return [3 /*break*/, 6];
+                        case 9: return [3 /*break*/, 12];
+                        case 10:
+                            e_5_1 = _h.sent();
+                            e_5 = { error: e_5_1 };
+                            return [3 /*break*/, 12];
+                        case 11:
+                            try {
+                                if (actions_5_1 && !actions_5_1.done && (_g = actions_5.return)) _g.call(actions_5);
+                            }
+                            finally { if (e_5) throw e_5.error; }
+                            return [7 /*endfinally*/];
+                        case 12:
+                            sourceIndex++;
+                            _h.label = 13;
+                        case 13:
+                            sources_3_1 = sources_3.next();
+                            return [3 /*break*/, 4];
+                        case 14: return [3 /*break*/, 17];
+                        case 15:
+                            e_6_1 = _h.sent();
+                            e_6 = { error: e_6_1 };
+                            return [3 /*break*/, 17];
+                        case 16:
+                            try {
+                                if (sources_3_1 && !sources_3_1.done && (_f = sources_3.return)) _f.call(sources_3);
+                            }
+                            finally { if (e_6) throw e_6.error; }
+                            return [7 /*endfinally*/];
+                        case 17:
+                            paramIndex++;
+                            _h.label = 18;
+                        case 18:
+                            params_2_1 = params_2.next();
+                            return [3 /*break*/, 2];
+                        case 19: return [3 /*break*/, 22];
+                        case 20:
+                            e_7_1 = _h.sent();
+                            e_7 = { error: e_7_1 };
+                            return [3 /*break*/, 22];
+                        case 21:
+                            try {
+                                if (params_2_1 && !params_2_1.done && (_e = params_2.return)) _e.call(params_2);
+                            }
+                            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 24: return [3 /*break*/, 26];
+                        case 25: return [2 /*return*/, this._object.FIELD_CONFIG];
+                        case 26: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        Apis.prototype.validateRequestHeaders = function () {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var headers, validation, triggers, rules, actions, rulesMapping, actions_7, actions_7_1, action, conditionSuccess, actions_8, e_8_1;
+                var e_8, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0:
+                            headers = this._request.headers;
+                            validation = headers.validation;
+                            triggers = validation.triggers;
+                            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_7 = __values(actions), actions_7_1 = actions_7.next();
+                            _f.label = 2;
+                        case 2:
+                            if (!!actions_7_1.done) return [3 /*break*/, 5];
+                            action = actions_7_1.value;
+                            conditionSuccess = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
+                            if (!conditionSuccess) return [3 /*break*/, 4];
+                            actions_8 = new kwikidToolkit.Action(action, rulesMapping, this._object, this._takeAction);
+                            return [4 /*yield*/, actions_8.execute()];
+                        case 3:
+                            _f.sent();
+                            _f.label = 4;
+                        case 4:
+                            actions_7_1 = actions_7.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_8_1 = _f.sent();
+                            e_8 = { error: e_8_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (actions_7_1 && !actions_7_1.done && (_e = actions_7.return)) _e.call(actions_7);
+                            }
+                            finally { if (e_8) throw e_8.error; }
+                            return [7 /*endfinally*/];
+                        case 8: return [2 /*return*/, this._object.FIELD_CONFIG];
+                    }
+                });
+            });
+        };
         Apis.prototype.validateResponse = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var validation, triggers, rules, actions, rulesMapping, actions_5, actions_5_1, action, conditionSuccess, actions_6, e_5_1;
-                var e_5, _e;
+                var validation, triggers, rules, actions, rulesMapping, actions_9, actions_9_1, action, conditionSuccess, actions_10, e_9_1;
+                var e_9, _e;
                 return __generator(this, function (_f) {
                     switch (_f.label) {
                         case 0:
@@ -1340,31 +1499,31 @@
                             _f.label = 1;
                         case 1:
                             _f.trys.push([1, 6, 7, 8]);
-                            actions_5 = __values(actions), actions_5_1 = actions_5.next();
+                            actions_9 = __values(actions), actions_9_1 = actions_9.next();
                             _f.label = 2;
                         case 2:
-                            if (!!actions_5_1.done) return [3 /*break*/, 5];
-                            action = actions_5_1.value;
+                            if (!!actions_9_1.done) return [3 /*break*/, 5];
+                            action = actions_9_1.value;
                             conditionSuccess = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
                             if (!conditionSuccess) return [3 /*break*/, 4];
-                            actions_6 = new kwikidToolkit.Action(action, rulesMapping, this._object, this._takeAction);
-                            return [4 /*yield*/, actions_6.execute()];
+                            actions_10 = new kwikidToolkit.Action(action, rulesMapping, this._object, this._takeAction);
+                            return [4 /*yield*/, actions_10.execute()];
                         case 3:
                             _f.sent();
                             _f.label = 4;
                         case 4:
-                            actions_5_1 = actions_5.next();
+                            actions_9_1 = actions_9.next();
                             return [3 /*break*/, 2];
                         case 5: return [3 /*break*/, 8];
                         case 6:
-                            e_5_1 = _f.sent();
-                            e_5 = { error: e_5_1 };
+                            e_9_1 = _f.sent();
+                            e_9 = { error: e_9_1 };
                             return [3 /*break*/, 8];
                         case 7:
                             try {
-                                if (actions_5_1 && !actions_5_1.done && (_e = actions_5.return)) _e.call(actions_5);
+                                if (actions_9_1 && !actions_9_1.done && (_e = actions_9.return)) _e.call(actions_9);
                             }
-                            finally { if (e_5) throw e_5.error; }
+                            finally { if (e_9) throw e_9.error; }
                             return [7 /*endfinally*/];
                         case 8: return [2 /*return*/, this._object.FIELD_CONFIG];
                     }
@@ -1379,6 +1538,12 @@
     __decorate([
         kwikidToolkit.logMethod
     ], Apis.prototype, "validateRequestBody", null);
+    __decorate([
+        kwikidToolkit.logMethod
+    ], Apis.prototype, "setRequestHeaders", null);
+    __decorate([
+        kwikidToolkit.logMethod
+    ], Apis.prototype, "validateRequestHeaders", null);
     __decorate([
         kwikidToolkit.logMethod
     ], Apis.prototype, "validateResponse", null);
@@ -1434,8 +1599,8 @@
         KwikIDFormViewComponent.prototype.ngOnInit = function () {
             var _this = this;
             (function () { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             this.formsList = this.formsList.filter(function (form) {
                                 if (kwikidToolkit.checkObjectKeyExists(form, "hidden")) {
@@ -1446,7 +1611,7 @@
                             });
                             return [4 /*yield*/, this.initFormConfig(this.formConfig)];
                         case 1:
-                            _a.sent();
+                            _b.sent();
                             this.loading = false;
                             return [2 /*return*/];
                     }
@@ -1455,7 +1620,7 @@
         };
         KwikIDFormViewComponent.prototype.ngAfterViewInit = function () { };
         KwikIDFormViewComponent.prototype.ngOnChanges = function (changes) {
-            var _a, _b;
+            var _b, _c;
             var _this = this;
             var verifyChange = function (key) {
                 return kwikidToolkit.checkObjectKeyExists(changes, key) && !changes[key].firstChange;
@@ -1465,10 +1630,10 @@
             }
             if (verifyChange("apiCallResponse")) {
                 this.apiCallResponse = changes.apiCallResponse.currentValue;
-                this.formData = Object.assign(Object.assign({}, this.formData), (_a = {}, _a[this.apiCallResponse.key] = this.apiCallResponse.response, _a));
-                this.formGroup.patchValue((_b = {},
-                    _b[this.apiCallResponse.key] = this.apiCallResponse.response,
-                    _b), { emitEvent: false });
+                this.formData = Object.assign(Object.assign({}, this.formData), (_b = {}, _b[this.apiCallResponse.key] = this.apiCallResponse.response, _b));
+                this.formGroup.patchValue((_c = {},
+                    _c[this.apiCallResponse.key] = this.apiCallResponse.response,
+                    _c), { emitEvent: false });
                 var field_1 = getFormFieldByKey(this.formFields, this.apiCallResponse.key);
                 var apis_1 = new Apis({
                     FIELD_CONFIG: field_1,
@@ -1478,11 +1643,11 @@
                     ALL_FORMS_DATA: this.allFormsData
                 }, this.takeAction.bind(this));
                 (function () { return __awaiter(_this, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
                             case 0: return [4 /*yield*/, apis_1.validateResponse()];
                             case 1:
-                                field_1 = _a.sent();
+                                field_1 = _b.sent();
                                 return [2 /*return*/];
                         }
                     });
@@ -1506,11 +1671,11 @@
             if (verifyChange("formConfig")) {
                 this.formConfig = changes.formConfig.currentValue;
                 (function () { return __awaiter(_this, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
                             case 0: return [4 /*yield*/, this.initFormConfig(this.formConfig)];
                             case 1:
-                                _a.sent();
+                                _b.sent();
                                 return [2 /*return*/];
                         }
                     });
@@ -1519,91 +1684,91 @@
         };
         KwikIDFormViewComponent.prototype.initFormConfig = function (formConfig) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, _loop_1, this_1, _b, _c, field, _loop_2, this_2, _d, _e, field;
-                var e_1, _f, e_2, _g;
+                var _b, _loop_1, this_1, _c, _d, field, _e, _f, field, validations, e_1_1;
+                var e_2, _g, e_1, _h;
                 var _this = this;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             this.setFormFieldsFromFormConfig(formConfig);
                             this.setFormFieldGroupsFromFormConfig(formConfig);
                             this.setFormDataFromAllFormsData();
-                            _a = this;
+                            _b = this;
                             return [4 /*yield*/, this.formViewService.createFormGroup(this.formFields, this.formData, this.previousFormData, this.allFormsData, this.takeAction.bind(this))];
                         case 1:
-                            _a.formGroup = _h.sent();
+                            _b.formGroup = _j.sent();
                             _loop_1 = function (field) {
-                                var _j;
+                                var _k;
                                 if (field.isFormElement) {
-                                    this_1.previousFormData = Object.assign(Object.assign({}, this_1.previousFormData), (_j = {}, _j[field.key] = this_1.formGroup.controls[field.key].value, _j));
+                                    this_1.previousFormData = Object.assign(Object.assign({}, this_1.previousFormData), (_k = {}, _k[field.key] = this_1.formGroup.controls[field.key].value, _k));
                                     this_1.formGroup.controls[field.key].valueChanges
                                         .pipe(operators.pairwise())
-                                        .subscribe(function (_a) {
-                                        var _b, _c;
-                                        var _d = __read(_a, 2), previousValue = _d[0], currentValue = _d[1];
-                                        _this.previousFormData = Object.assign(Object.assign({}, _this.previousFormData), (_b = {}, _b[field.key] = convertFormFieldValueToStandardFormat(field, previousValue), _b));
-                                        _this.formData = Object.assign(Object.assign({}, _this.formData), (_c = {}, _c[field.key] = convertFormFieldValueToStandardFormat(field, currentValue), _c));
+                                        .subscribe(function (_b) {
+                                        var _c, _d;
+                                        var _e = __read(_b, 2), previousValue = _e[0], currentValue = _e[1];
+                                        _this.previousFormData = Object.assign(Object.assign({}, _this.previousFormData), (_c = {}, _c[field.key] = convertFormFieldValueToStandardFormat(field, previousValue), _c));
+                                        _this.formData = Object.assign(Object.assign({}, _this.formData), (_d = {}, _d[field.key] = convertFormFieldValueToStandardFormat(field, currentValue), _d));
                                     });
                                 }
                             };
                             this_1 = this;
                             try {
-                                for (_b = __values(this.formFields), _c = _b.next(); !_c.done; _c = _b.next()) {
-                                    field = _c.value;
+                                for (_c = __values(this.formFields), _d = _c.next(); !_d.done; _d = _c.next()) {
+                                    field = _d.value;
                                     _loop_1(field);
                                 }
                             }
-                            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                            finally {
-                                try {
-                                    if (_c && !_c.done && (_f = _b.return)) _f.call(_b);
-                                }
-                                finally { if (e_1) throw e_1.error; }
-                            }
-                            _loop_2 = function (field) {
-                                if (field.isFormElement) {
-                                    if (field.validation.triggers.includes("ON_INIT")) {
-                                        var validations_1 = new kwikidToolkit.Validation({
-                                            FIELD_CONFIG: field,
-                                            FORM_FIELDS: this_2.formFields,
-                                            FORM_DATA: this_2.formData,
-                                            PREVIOUS_FORM_DATA: this_2.previousFormData,
-                                            ALL_FORMS_DATA: this_2.allFormsData
-                                        }, this_2.takeAction.bind(this_2));
-                                        (function () { return __awaiter(_this, void 0, void 0, function () {
-                                            return __generator(this, function (_a) {
-                                                switch (_a.label) {
-                                                    case 0: return [4 /*yield*/, validations_1.validate(field.validation)];
-                                                    case 1:
-                                                        _a.sent();
-                                                        return [2 /*return*/];
-                                                }
-                                            });
-                                        }); })();
-                                    }
-                                    if (kwikidToolkit.checkObjectKeyExists(field, "connectedElements")) {
-                                        this_2.handleConnectedElements({
-                                            key: field.key,
-                                            value: this_2.formGroup.controls[field.key].value
-                                        }, "ON_INIT");
-                                    }
-                                }
-                            };
-                            this_2 = this;
-                            try {
-                                for (_d = __values(this.formFields), _e = _d.next(); !_e.done; _e = _d.next()) {
-                                    field = _e.value;
-                                    _loop_2(field);
-                                }
-                            }
                             catch (e_2_1) { e_2 = { error: e_2_1 }; }
                             finally {
                                 try {
-                                    if (_e && !_e.done && (_g = _d.return)) _g.call(_d);
+                                    if (_d && !_d.done && (_g = _c.return)) _g.call(_c);
                                 }
                                 finally { if (e_2) throw e_2.error; }
                             }
-                            return [2 /*return*/];
+                            _j.label = 2;
+                        case 2:
+                            _j.trys.push([2, 8, 9, 10]);
+                            _e = __values(this.formFields), _f = _e.next();
+                            _j.label = 3;
+                        case 3:
+                            if (!!_f.done) return [3 /*break*/, 7];
+                            field = _f.value;
+                            if (!field.isFormElement) return [3 /*break*/, 6];
+                            if (!field.validation.triggers.includes("ON_INIT")) return [3 /*break*/, 5];
+                            validations = new kwikidToolkit.Validation({
+                                FIELD_CONFIG: field,
+                                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*/, validations.validate(field.validation)];
+                        case 4:
+                            _j.sent();
+                            _j.label = 5;
+                        case 5:
+                            if (kwikidToolkit.checkObjectKeyExists(field, "connectedElements")) {
+                                this.handleConnectedElements({
+                                    key: field.key,
+                                    value: this.formGroup.controls[field.key].value
+                                }, "ON_INIT");
+                            }
+                            _j.label = 6;
+                        case 6:
+                            _f = _e.next();
+                            return [3 /*break*/, 3];
+                        case 7: return [3 /*break*/, 10];
+                        case 8:
+                            e_1_1 = _j.sent();
+                            e_1 = { error: e_1_1 };
+                            return [3 /*break*/, 10];
+                        case 9:
+                            try {
+                                if (_f && !_f.done && (_h = _e.return)) _h.call(_e);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                            return [7 /*endfinally*/];
+                        case 10: return [2 /*return*/];
                     }
                 });
             });
@@ -1630,10 +1795,10 @@
         };
         KwikIDFormViewComponent.prototype.handleConnectedElementFieldGroupActions = function (childFieldGroupConfig, parentField) {
             return __awaiter(this, void 0, void 0, function () {
-                var rulesMapping, _a, _b, action, conditionSuccess, actions, e_3_1;
-                var e_3, _c;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var rulesMapping, _b, _c, action, conditionSuccess, actions, e_3_1;
+                var e_3, _d;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
                         case 0:
                             if (!kwikidToolkit.checkObjectKeyExists(childFieldGroupConfig, "rules")) return [3 /*break*/, 8];
                             rulesMapping = new kwikidToolkit.Rule(childFieldGroupConfig.rules, {
@@ -1642,14 +1807,14 @@
                                 PREVIOUS_FORM_DATA: this.previousFormData,
                                 ALL_FORMS_DATA: this.allFormsData
                             }).mapping();
-                            _d.label = 1;
+                            _e.label = 1;
                         case 1:
-                            _d.trys.push([1, 6, 7, 8]);
-                            _a = __values(childFieldGroupConfig.actions), _b = _a.next();
-                            _d.label = 2;
+                            _e.trys.push([1, 6, 7, 8]);
+                            _b = __values(childFieldGroupConfig.actions), _c = _b.next();
+                            _e.label = 2;
                         case 2:
-                            if (!!_b.done) return [3 /*break*/, 5];
-                            action = _b.value;
+                            if (!!_c.done) return [3 /*break*/, 5];
+                            action = _c.value;
                             conditionSuccess = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
                             if (!conditionSuccess) return [3 /*break*/, 4];
                             actions = new kwikidToolkit.Action(action, rulesMapping, {
@@ -1661,19 +1826,19 @@
                             }, this.takeActionOnFieldGroup.bind(this));
                             return [4 /*yield*/, actions.execute()];
                         case 3:
-                            _d.sent();
-                            _d.label = 4;
+                            _e.sent();
+                            _e.label = 4;
                         case 4:
-                            _b = _a.next();
+                            _c = _b.next();
                             return [3 /*break*/, 2];
                         case 5: return [3 /*break*/, 8];
                         case 6:
-                            e_3_1 = _d.sent();
+                            e_3_1 = _e.sent();
                             e_3 = { error: e_3_1 };
                             return [3 /*break*/, 8];
                         case 7:
                             try {
-                                if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                                if (_c && !_c.done && (_d = _b.return)) _d.call(_b);
                             }
                             finally { if (e_3) throw e_3.error; }
                             return [7 /*endfinally*/];
@@ -1684,15 +1849,15 @@
         };
         KwikIDFormViewComponent.prototype.handleConnectedElementFieldGroup = function (currentField, connectedFieldGroupConfig, eventType) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (!kwikidToolkit.checkObjectKeyExists(connectedFieldGroupConfig, "triggers")) return [3 /*break*/, 2];
                             if (!connectedFieldGroupConfig.triggers.includes(eventType)) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.handleConnectedElementFieldGroupActions(connectedFieldGroupConfig, currentField)];
                         case 1:
-                            _a.sent();
-                            _a.label = 2;
+                            _b.sent();
+                            _b.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -1700,10 +1865,10 @@
         };
         KwikIDFormViewComponent.prototype.handleConnectedElementFieldActions = function (connectedFieldConfig, connectedField) {
             return __awaiter(this, void 0, void 0, function () {
-                var rulesMapping, _a, _b, action, conditionSuccess, actions, e_4_1;
-                var e_4, _c;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var rulesMapping, _b, _c, action, conditionSuccess, actions, e_4_1;
+                var e_4, _d;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
                         case 0:
                             if (!kwikidToolkit.checkObjectKeyExists(connectedFieldConfig, "rules")) return [3 /*break*/, 8];
                             rulesMapping = new kwikidToolkit.Rule(connectedFieldConfig.rules, {
@@ -1712,14 +1877,14 @@
                                 PREVIOUS_FORM_DATA: this.previousFormData,
                                 ALL_FORMS_DATA: this.allFormsData
                             }).mapping();
-                            _d.label = 1;
+                            _e.label = 1;
                         case 1:
-                            _d.trys.push([1, 6, 7, 8]);
-                            _a = __values(connectedFieldConfig.actions), _b = _a.next();
-                            _d.label = 2;
+                            _e.trys.push([1, 6, 7, 8]);
+                            _b = __values(connectedFieldConfig.actions), _c = _b.next();
+                            _e.label = 2;
                         case 2:
-                            if (!!_b.done) return [3 /*break*/, 5];
-                            action = _b.value;
+                            if (!!_c.done) return [3 /*break*/, 5];
+                            action = _c.value;
                             conditionSuccess = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
                             if (!conditionSuccess) return [3 /*break*/, 4];
                             actions = new kwikidToolkit.Action(action, rulesMapping, {
@@ -1731,19 +1896,19 @@
                             }, this.takeAction.bind(this));
                             return [4 /*yield*/, actions.execute()];
                         case 3:
-                            _d.sent();
-                            _d.label = 4;
+                            _e.sent();
+                            _e.label = 4;
                         case 4:
-                            _b = _a.next();
+                            _c = _b.next();
                             return [3 /*break*/, 2];
                         case 5: return [3 /*break*/, 8];
                         case 6:
-                            e_4_1 = _d.sent();
+                            e_4_1 = _e.sent();
                             e_4 = { error: e_4_1 };
                             return [3 /*break*/, 8];
                         case 7:
                             try {
-                                if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                                if (_c && !_c.done && (_d = _b.return)) _d.call(_b);
                             }
                             finally { if (e_4) throw e_4.error; }
                             return [7 /*endfinally*/];
@@ -1755,16 +1920,16 @@
         KwikIDFormViewComponent.prototype.handleConnectedElementFields = function (currentField, connectedFieldConfig, eventType, nested) {
             return __awaiter(this, void 0, void 0, function () {
                 var connectedField;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             connectedField = getFormFieldByKey(this.formFields, connectedFieldConfig["key"]);
                             if (!kwikidToolkit.checkObjectKeyExists(connectedFieldConfig, "triggers")) return [3 /*break*/, 2];
                             if (!connectedFieldConfig.triggers.includes(eventType)) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.handleConnectedElementFieldActions(connectedFieldConfig, connectedField)];
                         case 1:
-                            connectedField = _a.sent();
-                            _a.label = 2;
+                            connectedField = _b.sent();
+                            _b.label = 2;
                         case 2:
                             if (kwikidToolkit.checkObjectKeyExists(connectedFieldConfig, "handleNestedFields")) {
                                 if (connectedFieldConfig.handleNestedFields) {
@@ -1779,67 +1944,67 @@
         KwikIDFormViewComponent.prototype.handleConnectedElements = function (e, eventType) {
             return __awaiter(this, void 0, void 0, function () {
                 var currentField, connectedFieldGroups, connectedFieldGroups_1, connectedFieldGroups_1_1, connectedFieldGroupConfig, e_5_1, connectedFields, connectedFields_1, connectedFields_1_1, connectedFieldConfig, e_6_1;
-                var e_5, _a, e_6, _b;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                var e_5, _b, e_6, _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             currentField = getFormFieldByKey(this.formFields, e.key);
                             if (!(currentField !== undefined)) return [3 /*break*/, 17];
                             if (!kwikidToolkit.checkObjectKeyExists(currentField, "connectedElements")) return [3 /*break*/, 16];
                             if (!kwikidToolkit.checkObjectKeyExists(currentField.connectedElements, "connectedFieldGroups")) return [3 /*break*/, 8];
                             connectedFieldGroups = currentField.connectedElements.connectedFieldGroups;
-                            _c.label = 1;
+                            _d.label = 1;
                         case 1:
-                            _c.trys.push([1, 6, 7, 8]);
+                            _d.trys.push([1, 6, 7, 8]);
                             connectedFieldGroups_1 = __values(connectedFieldGroups), connectedFieldGroups_1_1 = connectedFieldGroups_1.next();
-                            _c.label = 2;
+                            _d.label = 2;
                         case 2:
                             if (!!connectedFieldGroups_1_1.done) return [3 /*break*/, 5];
                             connectedFieldGroupConfig = connectedFieldGroups_1_1.value;
                             return [4 /*yield*/, this.handleConnectedElementFieldGroup(currentField, connectedFieldGroupConfig, eventType)];
                         case 3:
-                            _c.sent();
-                            _c.label = 4;
+                            _d.sent();
+                            _d.label = 4;
                         case 4:
                             connectedFieldGroups_1_1 = connectedFieldGroups_1.next();
                             return [3 /*break*/, 2];
                         case 5: return [3 /*break*/, 8];
                         case 6:
-                            e_5_1 = _c.sent();
+                            e_5_1 = _d.sent();
                             e_5 = { error: e_5_1 };
                             return [3 /*break*/, 8];
                         case 7:
                             try {
-                                if (connectedFieldGroups_1_1 && !connectedFieldGroups_1_1.done && (_a = connectedFieldGroups_1.return)) _a.call(connectedFieldGroups_1);
+                                if (connectedFieldGroups_1_1 && !connectedFieldGroups_1_1.done && (_b = connectedFieldGroups_1.return)) _b.call(connectedFieldGroups_1);
                             }
                             finally { if (e_5) throw e_5.error; }
                             return [7 /*endfinally*/];
                         case 8:
                             if (!kwikidToolkit.checkObjectKeyExists(currentField.connectedElements, "connectedFields")) return [3 /*break*/, 16];
                             connectedFields = currentField.connectedElements.connectedFields;
-                            _c.label = 9;
+                            _d.label = 9;
                         case 9:
-                            _c.trys.push([9, 14, 15, 16]);
+                            _d.trys.push([9, 14, 15, 16]);
                             connectedFields_1 = __values(connectedFields), connectedFields_1_1 = connectedFields_1.next();
-                            _c.label = 10;
+                            _d.label = 10;
                         case 10:
                             if (!!connectedFields_1_1.done) return [3 /*break*/, 13];
                             connectedFieldConfig = connectedFields_1_1.value;
                             return [4 /*yield*/, this.handleConnectedElementFields(currentField, connectedFieldConfig, eventType, eventType)];
                         case 11:
-                            currentField = _c.sent();
-                            _c.label = 12;
+                            currentField = _d.sent();
+                            _d.label = 12;
                         case 12:
                             connectedFields_1_1 = connectedFields_1.next();
                             return [3 /*break*/, 10];
                         case 13: return [3 /*break*/, 16];
                         case 14:
-                            e_6_1 = _c.sent();
+                            e_6_1 = _d.sent();
                             e_6 = { error: e_6_1 };
                             return [3 /*break*/, 16];
                         case 15:
                             try {
-                                if (connectedFields_1_1 && !connectedFields_1_1.done && (_b = connectedFields_1.return)) _b.call(connectedFields_1);
+                                if (connectedFields_1_1 && !connectedFields_1_1.done && (_c = connectedFields_1.return)) _c.call(connectedFields_1);
                             }
                             finally { if (e_6) throw e_6.error; }
                             return [7 /*endfinally*/];
@@ -1852,16 +2017,16 @@
         };
         // DOM Event Handlers
         KwikIDFormViewComponent.prototype.handleGetKeyValue = function (e) {
-            var _a;
+            var _b;
             var _this = this;
-            this.formGroup.patchValue((_a = {},
-                _a[e.key] = e.value,
-                _a), { emitEvent: false });
+            this.formGroup.patchValue((_b = {},
+                _b[e.key] = e.value,
+                _b), { emitEvent: false });
             var field = getFormFieldByKey(this.formFields, e.key);
             this.formData[e.key] = convertFormFieldValueToStandardFormat(field, e.value);
             if (field.isFormElement &&
                 field.validation.triggers.includes("ON_CHANGE")) {
-                var validations_2 = new kwikidToolkit.Validation({
+                var validations_1 = new kwikidToolkit.Validation({
                     FIELD_CONFIG: field,
                     FORM_FIELDS: this.formFields,
                     FORM_DATA: this.formData,
@@ -1869,11 +2034,11 @@
                     ALL_FORMS_DATA: this.allFormsData
                 }, this.takeAction.bind(this));
                 (function () { return __awaiter(_this, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, validations_2.validate(field.validation)];
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
+                            case 0: return [4 /*yield*/, validations_1.validate(field.validation)];
                             case 1:
-                                _a.sent();
+                                _b.sent();
                                 return [2 /*return*/];
                         }
                     });
@@ -1889,25 +2054,25 @@
         };
         KwikIDFormViewComponent.prototype.handleOnClickResetFormFields = function (e, field) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, _b, f, _c, _d, action, resetField, actions, e_7_1, e_8_1;
-                var e_8, _e, e_7, _f;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                var _b, _c, f, _d, _e, action, resetField, actions, e_7_1, e_8_1;
+                var e_8, _f, e_7, _g;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
                         case 0:
-                            _g.trys.push([0, 11, 12, 13]);
-                            _a = __values(field.reset.fields), _b = _a.next();
-                            _g.label = 1;
+                            _h.trys.push([0, 11, 12, 13]);
+                            _b = __values(field.reset.fields), _c = _b.next();
+                            _h.label = 1;
                         case 1:
-                            if (!!_b.done) return [3 /*break*/, 10];
-                            f = _b.value;
-                            _g.label = 2;
+                            if (!!_c.done) return [3 /*break*/, 10];
+                            f = _c.value;
+                            _h.label = 2;
                         case 2:
-                            _g.trys.push([2, 7, 8, 9]);
-                            _c = (e_7 = void 0, __values(f.actions)), _d = _c.next();
-                            _g.label = 3;
+                            _h.trys.push([2, 7, 8, 9]);
+                            _d = (e_7 = void 0, __values(f.actions)), _e = _d.next();
+                            _h.label = 3;
                         case 3:
-                            if (!!_d.done) return [3 /*break*/, 6];
-                            action = _d.value;
+                            if (!!_e.done) return [3 /*break*/, 6];
+                            action = _e.value;
                             resetField = getFormFieldByKey(this.formFields, action.props.fieldKey);
                             actions = new kwikidToolkit.Action(action, {}, {
                                 FIELD_CONFIG: resetField,
@@ -1918,33 +2083,33 @@
                             }, this.takeAction.bind(this));
                             return [4 /*yield*/, actions.execute()];
                         case 4:
-                            _g.sent();
-                            _g.label = 5;
+                            _h.sent();
+                            _h.label = 5;
                         case 5:
-                            _d = _c.next();
+                            _e = _d.next();
                             return [3 /*break*/, 3];
                         case 6: return [3 /*break*/, 9];
                         case 7:
-                            e_7_1 = _g.sent();
+                            e_7_1 = _h.sent();
                             e_7 = { error: e_7_1 };
                             return [3 /*break*/, 9];
                         case 8:
                             try {
-                                if (_d && !_d.done && (_f = _c.return)) _f.call(_c);
+                                if (_e && !_e.done && (_g = _d.return)) _g.call(_d);
                             }
                             finally { if (e_7) throw e_7.error; }
                             return [7 /*endfinally*/];
                         case 9:
-                            _b = _a.next();
+                            _c = _b.next();
                             return [3 /*break*/, 1];
                         case 10: return [3 /*break*/, 13];
                         case 11:
-                            e_8_1 = _g.sent();
+                            e_8_1 = _h.sent();
                             e_8 = { error: e_8_1 };
                             return [3 /*break*/, 13];
                         case 12:
                             try {
-                                if (_b && !_b.done && (_e = _a.return)) _e.call(_a);
+                                if (_c && !_c.done && (_f = _b.return)) _f.call(_b);
                             }
                             finally { if (e_8) throw e_8.error; }
                             return [7 /*endfinally*/];
@@ -1954,13 +2119,14 @@
             });
         };
         KwikIDFormViewComponent.prototype.handleOnClickApiCall = function (e) {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
                 var field, apis;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             field = getFormFieldByKey(this.formFields, e.key);
-                            if (!(field.type === "api-call")) return [3 /*break*/, 3];
+                            if (!(field.type === "api-call")) return [3 /*break*/, 5];
                             // set button status to loading
                             field["api"]["status"]["value"] = EApiStatusType.LOADING;
                             field["showLoader"] = true;
@@ -1975,12 +2141,18 @@
                                 PREVIOUS_FORM_DATA: this.previousFormData,
                                 ALL_FORMS_DATA: this.allFormsData
                             }, this.takeAction.bind(this));
-                            return [4 /*yield*/, apis.setRequestBody()];
+                            return [4 /*yield*/, apis.setRequestHeaders()];
                         case 1:
-                            field = _a.sent();
-                            return [4 /*yield*/, apis.validateRequestBody()];
+                            field = _b.sent();
+                            return [4 /*yield*/, apis.validateRequestHeaders()];
                         case 2:
-                            field = _a.sent();
+                            field = _b.sent();
+                            return [4 /*yield*/, apis.setRequestBody()];
+                        case 3:
+                            field = _b.sent();
+                            return [4 /*yield*/, apis.validateRequestBody()];
+                        case 4:
+                            field = _b.sent();
                             if (field.api.request.body.validation.is_valid) {
                                 // Call API Here
                                 this.onClickApiCall.emit({
@@ -1988,7 +2160,7 @@
                                     request: {
                                         mode: "POST",
                                         body: field.api.request.body.value,
-                                        headers: {},
+                                        headers: (_a = field.api.request.headers.value) !== null && _a !== void 0 ? _a : {},
                                         url: field.api.request.url
                                     }
                                 });
@@ -2006,8 +2178,8 @@
                             this.viewFormsButton["showLoader"] = false;
                             this.saveFormButton["disabled"] = false;
                             this.saveFormButton["showLoader"] = false;
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
+                            _b.label = 5;
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
@@ -2018,105 +2190,112 @@
             });
         };
         KwikIDFormViewComponent.prototype.handleOnClickSaveForm = function (e) {
-            var e_9, _a, e_10, _b, e_11, _c;
-            var _this = this;
-            var formData = this.formGroup.getRawValue();
-            try {
-                for (var _d = __values(this.formFields), _e = _d.next(); !_e.done; _e = _d.next()) {
-                    var field = _e.value;
-                    if (field.isFormElement) {
-                        if (field.hidden) {
-                            delete formData[field.key];
-                        }
-                        else {
-                            formData[field.key] = convertFormFieldValueToStandardFormat(field, formData[field.key]);
-                        }
-                    }
-                }
-            }
-            catch (e_9_1) { e_9 = { error: e_9_1 }; }
-            finally {
-                try {
-                    if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
-                }
-                finally { if (e_9) throw e_9.error; }
-            }
-            var _loop_3 = function (field) {
-                if (field.isFormElement &&
-                    field.validation.triggers.includes("ON_SAVE")) {
-                    var validations_3 = new kwikidToolkit.Validation({
-                        FIELD_CONFIG: field,
-                        FORM_FIELDS: this_3.formFields,
-                        FORM_DATA: this_3.formData,
-                        PREVIOUS_FORM_DATA: this_3.previousFormData,
-                        ALL_FORMS_DATA: this_3.allFormsData
-                    }, this_3.takeAction.bind(this_3));
-                    (function () { return __awaiter(_this, void 0, void 0, function () {
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0: return [4 /*yield*/, validations_3.validate(field.validation)];
-                                case 1:
-                                    _a.sent();
-                                    return [2 /*return*/];
+            return __awaiter(this, void 0, void 0, function () {
+                var formData, _b, _c, field, controls, firstFieldWithError, controls_1, controls_1_1, control, _d, _e, field, validations, e_9_1;
+                var e_10, _f, e_11, _g, e_9, _h;
+                var _this = this;
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
+                        case 0:
+                            formData = this.formGroup.getRawValue();
+                            try {
+                                for (_b = __values(this.formFields), _c = _b.next(); !_c.done; _c = _b.next()) {
+                                    field = _c.value;
+                                    if (field.isFormElement) {
+                                        if (field.hidden) {
+                                            delete formData[field.key];
+                                        }
+                                        else {
+                                            formData[field.key] = convertFormFieldValueToStandardFormat(field, formData[field.key]);
+                                        }
+                                    }
+                                }
                             }
-                        });
-                    }); })();
-                    if (!field.validation.is_valid) {
-                        this_3.toggleErrorNotification(true);
-                        setTimeout(function () {
-                            _this.toggleErrorNotification(false);
-                        }, 3000);
-                        return { value: void 0 };
-                    }
-                }
-            };
-            var this_3 = this;
-            try {
-                for (var _f = __values(this.formFields), _g = _f.next(); !_g.done; _g = _f.next()) {
-                    var field = _g.value;
-                    var state_1 = _loop_3(field);
-                    if (typeof state_1 === "object")
-                        return state_1.value;
-                }
-            }
-            catch (e_10_1) { e_10 = { error: e_10_1 }; }
-            finally {
-                try {
-                    if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
-                }
-                finally { if (e_10) throw e_10.error; }
-            }
-            if (this.formGroup.invalid) {
-                var controls = new FormValidation().getFormFieldsInvalidControls(this.formGroup);
-                var firstFieldWithError = "";
-                try {
-                    for (var controls_1 = __values(controls), controls_1_1 = controls_1.next(); !controls_1_1.done; controls_1_1 = controls_1.next()) {
-                        var control = controls_1_1.value;
-                        if (control.invalid && kwikidToolkit.isEmptyValue(firstFieldWithError)) {
-                            firstFieldWithError = control.key;
-                        }
-                        this.formFields = showFormFieldError(this.formFields, this.formGroup.controls[control.key].errors, control.key, control.invalid);
-                    }
-                }
-                catch (e_11_1) { e_11 = { error: e_11_1 }; }
-                finally {
-                    try {
-                        if (controls_1_1 && !controls_1_1.done && (_c = controls_1.return)) _c.call(controls_1);
+                            catch (e_10_1) { e_10 = { error: e_10_1 }; }
+                            finally {
+                                try {
+                                    if (_c && !_c.done && (_f = _b.return)) _f.call(_b);
+                                }
+                                finally { if (e_10) throw e_10.error; }
+                            }
+                            if (this.formGroup.invalid) {
+                                controls = new FormValidation().getFormFieldsInvalidControls(this.formGroup);
+                                firstFieldWithError = "";
+                                try {
+                                    for (controls_1 = __values(controls), controls_1_1 = controls_1.next(); !controls_1_1.done; controls_1_1 = controls_1.next()) {
+                                        control = controls_1_1.value;
+                                        if (control.invalid && kwikidToolkit.isEmptyValue(firstFieldWithError)) {
+                                            firstFieldWithError = control.key;
+                                        }
+                                        this.formFields = showFormFieldError(this.formFields, this.formGroup.controls[control.key].errors, control.key, control.invalid);
+                                    }
+                                }
+                                catch (e_11_1) { e_11 = { error: e_11_1 }; }
+                                finally {
+                                    try {
+                                        if (controls_1_1 && !controls_1_1.done && (_g = controls_1.return)) _g.call(controls_1);
+                                    }
+                                    finally { if (e_11) throw e_11.error; }
+                                }
+                                this.toggleErrorNotification(true);
+                                setTimeout(function () {
+                                    _this.toggleErrorNotification(false);
+                                }, 3000);
+                                return [2 /*return*/];
+                            }
+                            _j.label = 1;
+                        case 1:
+                            _j.trys.push([1, 6, 7, 8]);
+                            _d = __values(this.formFields), _e = _d.next();
+                            _j.label = 2;
+                        case 2:
+                            if (!!_e.done) return [3 /*break*/, 5];
+                            field = _e.value;
+                            if (!(field.isFormElement &&
+                                field.validation.triggers.includes("ON_SAVE"))) return [3 /*break*/, 4];
+                            validations = new kwikidToolkit.Validation({
+                                FIELD_CONFIG: field,
+                                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*/, validations.validate(field.validation)];
+                        case 3:
+                            _j.sent();
+                            if (!field.validation.is_valid) {
+                                this.toggleErrorNotification(true);
+                                setTimeout(function () {
+                                    _this.toggleErrorNotification(false);
+                                }, 3000);
+                                return [2 /*return*/];
+                            }
+                            _j.label = 4;
+                        case 4:
+                            _e = _d.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_9_1 = _j.sent();
+                            e_9 = { error: e_9_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (_e && !_e.done && (_h = _d.return)) _h.call(_d);
+                            }
+                            finally { if (e_9) throw e_9.error; }
+                            return [7 /*endfinally*/];
+                        case 8:
+                            Object.keys(formData).map(function (key) {
+                                if (kwikidToolkit.isEmptyValue(formData[key])) {
+                                    formData[key] = "";
+                                }
+                            });
+                            this.onClickSaveForm.emit({ formConfig: this.formConfig, data: formData });
+                            return [2 /*return*/];
                     }
-                    finally { if (e_11) throw e_11.error; }
-                }
-                this.toggleErrorNotification(true);
-                setTimeout(function () {
-                    _this.toggleErrorNotification(false);
-                }, 3000);
-                return;
-            }
-            Object.keys(formData).map(function (key) {
-                if (kwikidToolkit.isEmptyValue(formData[key])) {
-                    formData[key] = "";
-                }
+                });
             });
-            this.onClickSaveForm.emit({ formConfig: this.formConfig, data: formData });
         };
         KwikIDFormViewComponent.prototype.toggleErrorNotification = function (show) {
             this.showErrorNotification = show;
@@ -2131,17 +2310,17 @@
             this.formGroup.updateValueAndValidity();
         };
         KwikIDFormViewComponent.prototype.fieldGroupHide = function (fieldGroup) {
-            var e_12, _a;
+            var e_12, _b;
             try {
-                for (var _b = __values(this.fieldGroups[fieldGroup]), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var fieldKey = _c.value;
+                for (var _c = __values(this.fieldGroups[fieldGroup]), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var fieldKey = _d.value;
                     this.fieldHide(fieldKey);
                 }
             }
             catch (e_12_1) { e_12 = { error: e_12_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                 }
                 finally { if (e_12) throw e_12.error; }
             }
@@ -2155,17 +2334,17 @@
             this.formGroup.updateValueAndValidity();
         };
         KwikIDFormViewComponent.prototype.fieldGroupShow = function (fieldGroup) {
-            var e_13, _a;
+            var e_13, _b;
             try {
-                for (var _b = __values(this.fieldGroups[fieldGroup]), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var fieldKey = _c.value;
+                for (var _c = __values(this.fieldGroups[fieldGroup]), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var fieldKey = _d.value;
                     this.fieldShow(fieldKey);
                 }
             }
             catch (e_13_1) { e_13 = { error: e_13_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                 }
                 finally { if (e_13) throw e_13.error; }
             }
@@ -2186,17 +2365,17 @@
             }
         };
         KwikIDFormViewComponent.prototype.fieldGroupDisable = function (fieldGroup) {
-            var e_14, _a;
+            var e_14, _b;
             try {
-                for (var _b = __values(this.fieldGroups[fieldGroup]), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var fieldKey = _c.value;
+                for (var _c = __values(this.fieldGroups[fieldGroup]), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var fieldKey = _d.value;
                     this.fieldDisable(fieldKey);
                 }
             }
             catch (e_14_1) { e_14 = { error: e_14_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                 }
                 finally { if (e_14) throw e_14.error; }
             }
@@ -2217,17 +2396,17 @@
             }
         };
         KwikIDFormViewComponent.prototype.fieldGroupEnable = function (fieldGroup) {
-            var e_15, _a;
+            var e_15, _b;
             try {
-                for (var _b = __values(this.fieldGroups[fieldGroup]), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var fieldKey = _c.value;
+                for (var _c = __values(this.fieldGroups[fieldGroup]), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var fieldKey = _d.value;
                     this.fieldEnable(fieldKey);
                 }
             }
             catch (e_15_1) { e_15 = { error: e_15_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                 }
                 finally { if (e_15) throw e_15.error; }
             }
@@ -2305,10 +2484,10 @@
         };
         KwikIDFormViewComponent.prototype.setObjectValue = function (field, path, value) { };
         KwikIDFormViewComponent.prototype.patchFieldControlValue = function (key, value) {
-            var _a;
-            this.formGroup.patchValue((_a = {},
-                _a[key] = value,
-                _a), { emitEvent: false });
+            var _b;
+            this.formGroup.patchValue((_b = {},
+                _b[key] = value,
+                _b), { emitEvent: false });
         };
         KwikIDFormViewComponent.prototype.patchFormGroup = function (formData) {
             if (kwikidToolkit.isUndefined(this.formGroup) || kwikidToolkit.isUndefined(formData)) {
@@ -2329,7 +2508,7 @@
         };
         KwikIDFormViewComponent.prototype.takeActionOnFieldGroup = function (action, object) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
+                return __generator(this, function (_b) {
                     switch (action.key) {
                         case EActionKey.FIELD_GROUP_HIDE:
                             this.fieldGroupHide(action.props.groupKey);
@@ -2352,12 +2531,12 @@
         };
         KwikIDFormViewComponent.prototype.takeAction = function (action, object) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, setValue_Sources, sourceValue, setDropdownValue_Sources, dropdownValue, appendToPath, appendToPathStr, optionsPath;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var _b, setValue_Sources, sourceValue, setDropdownValue_Sources, dropdownValue, appendToPath, appendToPathStr, optionsPath;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
-                            _a = action.key;
-                            switch (_a) {
+                            _b = action.key;
+                            switch (_b) {
                                 case EActionKey.FIELD_HIDE: return [3 /*break*/, 1];
                                 case EActionKey.FIELD_SHOW: return [3 /*break*/, 2];
                                 case EActionKey.FIELD_DISABLE: return [3 /*break*/, 3];
@@ -2404,7 +2583,7 @@
                             setValue_Sources = new kwikidToolkit.Source(object);
                             return [4 /*yield*/, setValue_Sources.getValueFromSource(action.props.value.source)];
                         case 11:
-                            sourceValue = _b.sent();
+                            sourceValue = _c.sent();
                             setValue_Sources.setValueToSource(action.props.value.destination, sourceValue);
                             object.FIELD_CONFIG = setValue_Sources.object.FIELD_CONFIG;
                             this.formData = setValue_Sources.object.FORM_DATA;
@@ -2416,12 +2595,12 @@
                             setDropdownValue_Sources = new kwikidToolkit.Source(object);
                             return [4 /*yield*/, setDropdownValue_Sources.getValueFromSource(action.props.value.source)];
                         case 13:
-                            dropdownValue = _b.sent();
+                            dropdownValue = _c.sent();
                             if (!kwikidToolkit.checkObjectKeyExists(action.props, "options")) return [3 /*break*/, 16];
                             if (!kwikidToolkit.checkObjectKeyExists(action.props.options, "appendToPath")) return [3 /*break*/, 15];
                             return [4 /*yield*/, setDropdownValue_Sources.getValueFromSource(action.props.options.appendToPath.source)];
                         case 14:
-                            appendToPath = _b.sent();
+                            appendToPath = _c.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;
@@ -2430,7 +2609,7 @@
                             return [3 /*break*/, 16];
                         case 15:
                             dropdownValue = kwikidToolkit.getObjectValueFromPath(dropdownValue, action.props.options.path);
-                            _b.label = 16;
+                            _c.label = 16;
                         case 16:
                             setDropdownValue_Sources.setValueToSource(action.props.value.destination, dropdownValue);
                             object.FIELD_CONFIG = setDropdownValue_Sources.object.FIELD_CONFIG;
@@ -3898,33 +4077,34 @@
          * @param e any
          */
         KwikIDFormsRendererComponent.prototype.handleOnClickSubmitForms = function (e) {
-            var _this = this;
-            if (this.userConfig.userFormFieldsConfig.validation) {
-                var validations_1 = new kwikidToolkit.Validation({
-                    FORMS_LIST: this.formsList,
-                    ALL_FORMS_DATA: this.formsData
-                }, this.takeAction.bind(this));
-                (function () { return __awaiter(_this, void 0, void 0, function () {
-                    var _this = this;
-                    return __generator(this, function (_d) {
-                        switch (_d.label) {
-                            case 0: return [4 /*yield*/, validations_1.validate(this.userConfig.userFormFieldsConfig.validation)];
-                            case 1:
-                                _d.sent();
-                                if (this.userConfig.userFormFieldsConfig.status === "completed") {
-                                    this.onClickSubmit.emit(e);
-                                }
-                                else {
-                                    this.toggleErrorNotification(true);
-                                    setTimeout(function () {
-                                        _this.toggleErrorNotification(false);
-                                    }, 3000);
-                                }
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })();
-            }
+            return __awaiter(this, void 0, void 0, function () {
+                var validations;
+                var _this = this;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!this.userConfig.userFormFieldsConfig.validation) return [3 /*break*/, 2];
+                            validations = new kwikidToolkit.Validation({
+                                FORMS_LIST: this.formsList,
+                                ALL_FORMS_DATA: this.formsData
+                            }, this.takeAction.bind(this));
+                            return [4 /*yield*/, validations.validate(this.userConfig.userFormFieldsConfig.validation)];
+                        case 1:
+                            _d.sent();
+                            if (this.userConfig.userFormFieldsConfig.status === "completed") {
+                                this.onClickSubmit.emit(e);
+                            }
+                            else {
+                                this.toggleErrorNotification(true);
+                                setTimeout(function () {
+                                    _this.toggleErrorNotification(false);
+                                }, 3000);
+                            }
+                            _d.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
         };
         /**
          * Miscellaneous Methods