kwikid-forms 0.5.1 → 0.5.3

package/fesm2015/kwikid-forms.js

@@ -1,7 +1,7 @@
 import { __decorate, __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, ChangeDetectionStrategy, Inject, ViewChild, HostListener, NgModule } from '@angular/core';
-import { checkObjectKeyExists, setValueToObjectPath, isEmptyValue, getObjectDeepCopy, logMethod, isNotEmptyValue, mergeObjects, checkObjectPathExists, setMissingKeyValue, getObjectValueFromPath, getObjectFromLocalStorage, Source, Rule, Condition, Action, PATTERNS, Validation, ESourceKey, replaceString, isUndefined, isNull } from 'kwikid-toolkit';
+import { checkObjectKeyExists, setValueToObjectPath, isEmptyValue, getObjectDeepCopy, logMethod, isNotEmptyValue, mergeObjects, checkObjectPathExists, setMissingKeyValue, getObjectValueFromPath, getObjectFromLocalStorage, Source, Rule, Condition, Action, PATTERNS, Validation, ESourceKey, replaceString, isUndefined, isNull, isEmptyString } from 'kwikid-toolkit';
 import * as i3$1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from 'kwikui';
@@ -1105,6 +1105,7 @@ const OPTIONS = {
         "select",
         "slider",
         "otp",
+        "api",
         "api-call",
         "aadhaar-number",
         "input-aadhaar",
@@ -1231,6 +1232,7 @@ const FIELD_PROPERTIES_CONFIG = {
     select: Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
     slider: Object.assign(Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG), { min: -Infinity, max: Infinity, quantum: 0, size: "m", steps: 1 }),
     otp: Object.assign(Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG), { mask: "", size: "m", mode: "multiple", otpLength: 6 }),
+    api: Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
     "api-call": Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
     "aadhaar-number": Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
     "input-aadhaar": Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
@@ -1258,6 +1260,7 @@ const FIELD_CONFIG = {
     select: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "select", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["select"]), options: [] }),
     slider: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "slider", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG.slider) }),
     otp: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "otp", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG.otp) }),
+    api: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "api", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["api"]) }),
     "api-call": Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "api-call", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["api-call"]) }),
     "aadhaar-number": Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "aadhaar-number", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["aadhaar-number"]) }),
     "input-aadhaar": Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "input-aadhaar", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["input-aadhaar"]) }),
@@ -1881,6 +1884,7 @@ var EActionKey;
     EActionKey["DIALOG_HIDE"] = "DIALOG_HIDE";
     EActionKey["RESUME_TASK_EXECUTION"] = "RESUME_TASK_EXECUTION";
     EActionKey["STOP_TASK_EXECUTION"] = "STOP_TASK_EXECUTION";
+    EActionKey["REDIRECT_TO_URL"] = "REDIRECT_TO_URL";
 })(EActionKey || (EActionKey = {}));
 
 var EApiStatusType;
@@ -2920,7 +2924,7 @@ class KwikIDFormViewComponent {
                 PREVIOUS_FORM_DATA: this.previousFormData,
                 ALL_FORMS_DATA: this.allFormsData
             });
-            if (this.validateHeadersAndBody(api)) {
+            if (this.isValidRequestHeadersAndBody(api)) {
                 if (checkObjectKeyExists(field.api, "request")) {
                     this.formData = Object.assign(Object.assign({}, this.formData), { [field.key]: api.response.value });
                     this.formGroup.patchValue({
@@ -2930,6 +2934,7 @@ class KwikIDFormViewComponent {
                 const apis = new Apis({
                     FIELD_CONFIG: field,
                     API_CONFIG: api,
+                    API_RESPONSE: api.response,
                     FORM_FIELDS: this.formFields,
                     FORM_DATA: this.formData,
                     TASK_DATA: this.taskData,
@@ -2967,7 +2972,7 @@ class KwikIDFormViewComponent {
                 PREVIOUS_FORM_DATA: this.previousFormData,
                 ALL_FORMS_DATA: this.allFormsData
             }, this.takeAction.bind(this));
-            if (this.validateHeadersAndBody(api)) {
+            if (this.isValidRequestHeadersAndBody(api)) {
                 api = yield apis.validateResponse();
             }
             return { api: api };
@@ -2983,7 +2988,8 @@ class KwikIDFormViewComponent {
             api = yield apis.setRequestBody();
             api = yield apis.validateRequestBody();
             let apiCallResponse = {};
-            if (this.validateHeadersAndBody(api)) {
+            let apiCallResponseStatusCode;
+            if (this.isValidRequestHeadersAndBody(api)) {
                 if (api.request.url.hasOwnProperty("type") &&
                     api.request.url.type === EApiRequestUrlType.MOCK) {
                     apiCallResponse = yield new Promise((resolve) => {
@@ -3004,6 +3010,7 @@ class KwikIDFormViewComponent {
                                 headers: Object.assign({}, headers)
                             });
                             apiCallResponse = yield response.json();
+                            apiCallResponseStatusCode = response.status;
                         }
                         catch (err) {
                             apiCallResponse = {};
@@ -3017,6 +3024,7 @@ class KwikIDFormViewComponent {
                                 body: JSON.stringify(body)
                             });
                             apiCallResponse = yield response.json();
+                            apiCallResponseStatusCode = response.status;
                         }
                         catch (err) {
                             apiCallResponse = {};
@@ -3024,15 +3032,14 @@ class KwikIDFormViewComponent {
                     }
                 }
                 api.response = setValueToObjectPath(api.response, "value", apiCallResponse);
+                api.response = setValueToObjectPath(api.response, "status", apiCallResponseStatusCode);
             }
             return api;
         });
     }
-    validateHeadersAndBody(api) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return (api.request.body.validation.is_valid &&
-                api.request.headers.validation.is_valid);
-        });
+    isValidRequestHeadersAndBody(api) {
+        return (api.request.body.validation.is_valid &&
+            api.request.headers.validation.is_valid);
     }
     showApiLoader() {
         this.apiLoading = true;
@@ -3051,7 +3058,7 @@ class KwikIDFormViewComponent {
     handleOnClickApiCall(e) {
         return __awaiter(this, void 0, void 0, function* () {
             let field = getFormFieldByKey(this.formFields, e.key);
-            if (field.type === "api-call") {
+            if (field.type === EFieldType.API) {
                 // set button status to loading
                 field["api"]["status"]["value"] = EApiStatusType.LOADING;
                 field["showLoader"] = true;
@@ -3327,7 +3334,7 @@ class KwikIDFormViewComponent {
         });
         // Reset the value of the field in the formFields array
         switch (field.type) {
-            case "api-call":
+            case EFieldType.API:
                 const fieldApiCall = field;
                 fieldApiCall.api.status.value = EApiStatusType.DEFAULT;
                 this.formFields[fieldIndex] = fieldApiCall;
@@ -3552,6 +3559,20 @@ class KwikIDFormViewComponent {
             this.dialogRef.complete();
         }
     }
+    redirectToUrl(action) {
+        if (checkObjectKeyExists(action.props, "url")) {
+            if (checkObjectKeyExists(action.props.url, "url")) {
+                let timeout = 2000;
+                if (checkObjectKeyExists(action.props.url, "timeout") &&
+                    typeof action.props.url.timeout == "number") {
+                    timeout = action.props.url.timeout;
+                }
+                setTimeout(() => {
+                    window.location.replace(action.props.url.url);
+                }, timeout);
+            }
+        }
+    }
     patchFieldControlValue(key, value) {
         this.formGroup.controls[key].patchValue(value, { emitEvent: false });
     }
@@ -3775,21 +3796,31 @@ class KwikIDFormViewComponent {
                 case EActionKey.TASK_API_CALL_MULTIPLE_END:
                     yield this.taskMultipleApiCallsEnd(action, object);
                     break;
+                case EActionKey.REDIRECT_TO_URL:
+                    if (checkObjectKeyExists(action.props.url, "source")) {
+                        const redirectToUrl_Source = new Source(object);
+                        let redirectToUrlSourceValue = yield redirectToUrl_Source.getValueFromSource(action.props.url.source);
+                        if (isEmptyString(redirectToUrlSourceValue)) {
+                            redirectToUrlSourceValue = "";
+                        }
+                        action = setValueToObjectPath(action, "props.url.url", redirectToUrlSourceValue);
+                    }
+                    this.redirectToUrl(action);
                 case EActionKey.PREVIEW_DIALOG_SHOW:
                     this.showPreview(action.props);
                     break;
                 case EActionKey.PREVIEW_ERROR_SHOW:
                     if (checkObjectKeyExists(action.props.message, "source")) {
-                        const fieldErrorShow_Source = new Source(object);
-                        let fieldErrorShowSourceValue = yield fieldErrorShow_Source.getValueFromSource(action.props.message.source);
-                        if (typeof fieldErrorShowSourceValue == "string" ||
-                            typeof fieldErrorShowSourceValue == "number") {
-                            fieldErrorShowSourceValue = String(fieldErrorShowSourceValue);
+                        const previewErrorShow_Source = new Source(object);
+                        let previewErrorShowSourceValue = yield previewErrorShow_Source.getValueFromSource(action.props.message.source);
+                        if (typeof previewErrorShowSourceValue == "string" ||
+                            typeof previewErrorShowSourceValue == "number") {
+                            previewErrorShowSourceValue = String(previewErrorShowSourceValue);
                         }
                         else {
-                            fieldErrorShowSourceValue = "";
+                            previewErrorShowSourceValue = "";
                         }
-                        action = setValueToObjectPath(action, "props.message.message", fieldErrorShowSourceValue);
+                        action = setValueToObjectPath(action, "props.message.message", previewErrorShowSourceValue);
                     }
                     this.showErrorPreview(action.props);
                     break;
@@ -3895,7 +3926,7 @@ __decorate([
 ], KwikIDFormViewComponent.prototype, "executeApiCall", null);
 __decorate([
     logMethod
-], KwikIDFormViewComponent.prototype, "validateHeadersAndBody", null);
+], KwikIDFormViewComponent.prototype, "isValidRequestHeadersAndBody", null);
 __decorate([
     logMethod
 ], KwikIDFormViewComponent.prototype, "handleOnClickApiCall", null);
@@ -3986,6 +4017,9 @@ __decorate([
 __decorate([
     logMethod
 ], KwikIDFormViewComponent.prototype, "dialogHide", null);
+__decorate([
+    logMethod
+], KwikIDFormViewComponent.prototype, "redirectToUrl", null);
 __decorate([
     logMethod
 ], KwikIDFormViewComponent.prototype, "patchFieldControlValue", null);
@@ -4069,7 +4103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Output
             }], onActionShowPopupForm: [{
                 type: Output
-            }], ngOnInit: [], ngAfterViewInit: [], ngOnChanges: [], initFormConfig: [], setFormFieldsFromFormConfig: [], setFormFieldGroupsFromFormConfig: [], setFormDataFromAllFormsData: [], handleConnectedElementFieldGroupActions: [], handleConnectedElementFieldGroup: [], handleConnectedElementFieldActions: [], handleConnectedElementFields: [], handleConnectedElements: [], handleRemovedFile: [], handleGetKeyValueFile: [], updateFiles: [], uploadFile: [], handleGetKeyValue: [], handleOnClickResetFormFields: [], handleFieldApiCall: [], handleApiCall: [], executeApiCall: [], validateHeadersAndBody: [], handleOnClickApiCall: [], handleOnClickGoBack: [], handleOnClickViewForms: [], handleOnClickSaveForm: [], toggleErrorNotification: [], fieldHide: [], fieldGroupHide: [], fieldShow: [], fieldGroupShow: [], fieldDisable: [], fieldGroupDisable: [], fieldEnable: [], fieldGroupEnable: [], fieldReset: [], fieldErrorShow: [], fieldErrorHide: [], fieldMessageShow: [], fieldMessageHide: [], setValue: [], setFieldDefaultValue: [], setDropdownOptions: [], apiCall: [], fieldApiCall: [], fieldMultipleApiCalls: [], fieldMultipleApiCallsEnd: [], taskApiCall: [], taskMultipleApiCalls: [], taskMultipleApiCallsEnd: [], dialogShow: [], dialogHide: [], patchFieldControlValue: [], setFieldControlValue: [], patchFormGroup: [], isFieldValid: [], isFieldEnabled: [], getFormGroupRawValues: [], showPreview: [], showErrorPreview: [], showPopupForm: [], takeActionOnFieldGroup: [], takeAction: [] } });
+            }], ngOnInit: [], ngAfterViewInit: [], ngOnChanges: [], initFormConfig: [], setFormFieldsFromFormConfig: [], setFormFieldGroupsFromFormConfig: [], setFormDataFromAllFormsData: [], handleConnectedElementFieldGroupActions: [], handleConnectedElementFieldGroup: [], handleConnectedElementFieldActions: [], handleConnectedElementFields: [], handleConnectedElements: [], handleRemovedFile: [], handleGetKeyValueFile: [], updateFiles: [], uploadFile: [], handleGetKeyValue: [], handleOnClickResetFormFields: [], handleFieldApiCall: [], handleApiCall: [], executeApiCall: [], isValidRequestHeadersAndBody: [], handleOnClickApiCall: [], handleOnClickGoBack: [], handleOnClickViewForms: [], handleOnClickSaveForm: [], toggleErrorNotification: [], fieldHide: [], fieldGroupHide: [], fieldShow: [], fieldGroupShow: [], fieldDisable: [], fieldGroupDisable: [], fieldEnable: [], fieldGroupEnable: [], fieldReset: [], fieldErrorShow: [], fieldErrorHide: [], fieldMessageShow: [], fieldMessageHide: [], setValue: [], setFieldDefaultValue: [], setDropdownOptions: [], apiCall: [], fieldApiCall: [], fieldMultipleApiCalls: [], fieldMultipleApiCallsEnd: [], taskApiCall: [], taskMultipleApiCalls: [], taskMultipleApiCallsEnd: [], dialogShow: [], dialogHide: [], redirectToUrl: [], patchFieldControlValue: [], setFieldControlValue: [], patchFormGroup: [], isFieldValid: [], isFieldEnabled: [], getFormGroupRawValues: [], showPreview: [], showErrorPreview: [], showPopupForm: [], takeActionOnFieldGroup: [], takeAction: [] } });
 
 var EFormType;
 (function (EFormType) {