kwikid-forms 0.6.13 → 0.6.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/bundles/kwikid-forms.umd.js +399 -373
  2. package/bundles/kwikid-forms.umd.js.map +1 -1
  3. package/esm2015/lib/renderer/form-view/definitions/from-view.logs.definition.js +5 -0
  4. package/esm2015/lib/renderer/form-view/form-view.component.js +19 -6
  5. package/esm2015/lib/renderer/renderer.component.js +12 -3
  6. package/fesm2015/kwikid-forms.js +33 -7
  7. package/fesm2015/kwikid-forms.js.map +1 -1
  8. package/lib/renderer/form-view/definitions/from-view.logs.definition.d.ts +3 -0
  9. package/lib/renderer/form-view/form-view.component.d.ts +2 -1
  10. package/lib/renderer/renderer.component.d.ts +3 -1
  11. package/package.json +1 -1
package/bundles/kwikid-forms.umd.js CHANGED
@@ -4013,6 +4013,11 @@
4013
4013
  kwikidToolkit.logMethod
4014
4014
  ], Tasks.prototype, "execute", null);
4015
4015
 
4016
+ var ETypeLogs;
4017
+ (function (ETypeLogs) {
4018
+ ETypeLogs["API"] = "API";
4019
+ })(ETypeLogs || (ETypeLogs = {}));
4020
+
4016
4021
  var StyleSanitizerPipe = /** @class */ (function () {
4017
4022
  function StyleSanitizerPipe(sanitizer) {
4018
4023
  this.sanitizer = sanitizer;
@@ -4047,6 +4052,7 @@
4047
4052
  this.getUnsavedDataState = new i0.EventEmitter();
4048
4053
  this.onClickSaveForm = new i0.EventEmitter();
4049
4054
  this.onClickApiCall = new i0.EventEmitter();
4055
+ this.getLogs = new i0.EventEmitter();
4050
4056
  this.onActionShowPopupForm = new i0.EventEmitter();
4051
4057
  this.onClickFormFieldButton = new i0.EventEmitter();
4052
4058
  this.fieldGroups = {};
@@ -4104,11 +4110,11 @@
4104
4110
  var _this = this;
4105
4111
  (function () { return __awaiter(_this, void 0, void 0, function () {
4106
4112
  var res;
4107
- return __generator(this, function (_h) {
4108
- switch (_h.label) {
4113
+ return __generator(this, function (_k) {
4114
+ switch (_k.label) {
4109
4115
  case 0: return [4 /*yield*/, this.initFormConfig(this.formConfig)];
4110
4116
  case 1:
4111
- res = _h.sent();
4117
+ res = _k.sent();
4112
4118
  if (res) {
4113
4119
  this.loading = false;
4114
4120
  }
@@ -4119,7 +4125,7 @@
4119
4125
  };
4120
4126
  KwikIDFormViewComponent.prototype.ngAfterViewInit = function () { };
4121
4127
  KwikIDFormViewComponent.prototype.ngOnChanges = function (changes) {
4122
- var _h;
4128
+ var _k;
4123
4129
  var _this = this;
4124
4130
  var _a, _b, _c, _d;
4125
4131
  var verifyChange = function (key) {
@@ -4141,9 +4147,9 @@
4141
4147
  ? changes.popupFormCallback.currentValue.popupFormData["data"]
4142
4148
  : changes.popupFormCallback.currentValue.popupFormData;
4143
4149
  var popupFormConfig = changes.popupFormCallback.currentValue.popupFormConfig;
4144
- this.popupFormData = kwikidToolkit.mergeObjects(this.popupFormData, (_h = {},
4145
- _h[popupFormConfig.key] = popupFormData,
4146
- _h));
4150
+ this.popupFormData = kwikidToolkit.mergeObjects(this.popupFormData, (_k = {},
4151
+ _k[popupFormConfig.key] = popupFormData,
4152
+ _k));
4147
4153
  this.formData = kwikidToolkit.mergeObjects(this.formData, this.popupFormData);
4148
4154
  if (kwikidToolkit.checkObjectKeyExists(changes.popupFormCallback.currentValue, "stopTaskExecution")) {
4149
4155
  this.stopTaskExecution =
@@ -4228,11 +4234,11 @@
4228
4234
  ALL_FORMS_DATA: this.allFormsData
4229
4235
  }, this.takeAction.bind(this));
4230
4236
  (function () { return __awaiter(_this, void 0, void 0, function () {
4231
- return __generator(this, function (_h) {
4232
- switch (_h.label) {
4237
+ return __generator(this, function (_k) {
4238
+ switch (_k.label) {
4233
4239
  case 0: return [4 /*yield*/, validations_1.validate(field_1.validation)];
4234
4240
  case 1:
4235
- _h.sent();
4241
+ _k.sent();
4236
4242
  return [2 /*return*/];
4237
4243
  }
4238
4244
  });
@@ -4247,11 +4253,11 @@
4247
4253
  if (verifyChange("formConfig")) {
4248
4254
  this.formConfig = changes.formConfig.currentValue;
4249
4255
  (function () { return __awaiter(_this, void 0, void 0, function () {
4250
- return __generator(this, function (_h) {
4251
- switch (_h.label) {
4256
+ return __generator(this, function (_k) {
4257
+ switch (_k.label) {
4252
4258
  case 0: return [4 /*yield*/, this.initFormConfig(this.formConfig)];
4253
4259
  case 1:
4254
- _h.sent();
4260
+ _k.sent();
4255
4261
  return [2 /*return*/];
4256
4262
  }
4257
4263
  });
@@ -4260,11 +4266,11 @@
4260
4266
  };
4261
4267
  KwikIDFormViewComponent.prototype.initFormConfig = function (formConfig) {
4262
4268
  return __awaiter(this, void 0, void 0, function () {
4263
- var _h, _j, preTask, task, e_1_1, _k, _loop_1, this_1, _l, _m, field, _o, _p, field, validations, e_2_1;
4264
- var e_1, _q, e_3, _r, e_2, _s;
4269
+ var _k, _l, preTask, task, e_1_1, _m, _loop_1, this_1, _o, _p, field, _q, _r, field, validations, e_2_1;
4270
+ var e_1, _s, e_3, _t, e_2, _u;
4265
4271
  var _this = this;
4266
- return __generator(this, function (_t) {
4267
- switch (_t.label) {
4272
+ return __generator(this, function (_v) {
4273
+ switch (_v.label) {
4268
4274
  case 0:
4269
4275
  formConfig = new Converter().convertFormConfig(formConfig);
4270
4276
  formConfig = new Converter().updateFormConfigProperties(formConfig);
@@ -4273,14 +4279,14 @@
4273
4279
  this.setFormDataFromAllFormsData();
4274
4280
  if (!(kwikidToolkit.checkObjectKeyExists(this.formConfig, "tasks") &&
4275
4281
  kwikidToolkit.checkObjectKeyExists(this.formConfig.tasks, "pre"))) return [3 /*break*/, 10];
4276
- _t.label = 1;
4282
+ _v.label = 1;
4277
4283
  case 1:
4278
- _t.trys.push([1, 7, 8, 9]);
4279
- _h = __values(this.formConfig.tasks.pre), _j = _h.next();
4280
- _t.label = 2;
4284
+ _v.trys.push([1, 7, 8, 9]);
4285
+ _k = __values(this.formConfig.tasks.pre), _l = _k.next();
4286
+ _v.label = 2;
4281
4287
  case 2:
4282
- if (!!_j.done) return [3 /*break*/, 6];
4283
- preTask = _j.value;
4288
+ if (!!_l.done) return [3 /*break*/, 6];
4289
+ preTask = _l.value;
4284
4290
  task = new Tasks(preTask, {
4285
4291
  FORM_CONFIG: this.formConfig,
4286
4292
  FORM_FIELDS: this.formFields,
@@ -4298,7 +4304,7 @@
4298
4304
  }
4299
4305
  return [4 /*yield*/, task.execute()];
4300
4306
  case 3:
4301
- _t.sent();
4307
+ _v.sent();
4302
4308
  // Wait for ngOnChanges to be called before continuing to the next task
4303
4309
  return [4 /*yield*/, new Promise(function (resolve) {
4304
4310
  var intervalId = setInterval(function () {
@@ -4310,36 +4316,36 @@
4310
4316
  })];
4311
4317
  case 4:
4312
4318
  // Wait for ngOnChanges to be called before continuing to the next task
4313
- _t.sent();
4319
+ _v.sent();
4314
4320
  if (this.stopTaskExecution) {
4315
4321
  return [3 /*break*/, 6];
4316
4322
  }
4317
- _t.label = 5;
4323
+ _v.label = 5;
4318
4324
  case 5:
4319
- _j = _h.next();
4325
+ _l = _k.next();
4320
4326
  return [3 /*break*/, 2];
4321
4327
  case 6: return [3 /*break*/, 9];
4322
4328
  case 7:
4323
- e_1_1 = _t.sent();
4329
+ e_1_1 = _v.sent();
4324
4330
  e_1 = { error: e_1_1 };
4325
4331
  return [3 /*break*/, 9];
4326
4332
  case 8:
4327
4333
  try {
4328
- if (_j && !_j.done && (_q = _h.return)) _q.call(_h);
4334
+ if (_l && !_l.done && (_s = _k.return)) _s.call(_k);
4329
4335
  }
4330
4336
  finally { if (e_1) throw e_1.error; }
4331
4337
  return [7 /*endfinally*/];
4332
4338
  case 9:
4333
4339
  this.formData = kwikidToolkit.mergeObjects(this.formData, this.popupFormData);
4334
- _t.label = 10;
4340
+ _v.label = 10;
4335
4341
  case 10:
4336
4342
  if (this.stopTaskExecution) {
4337
4343
  return [2 /*return*/, false];
4338
4344
  }
4339
- _k = this;
4345
+ _m = this;
4340
4346
  return [4 /*yield*/, this.formViewService.createFormGroup(this.formFields, this.formData, this.previousFormData, this.allFormsData, this.takeAction.bind(this))];
4341
4347
  case 11:
4342
- _k.formGroup = _t.sent();
4348
+ _m.formGroup = _v.sent();
4343
4349
  /**
4344
4350
  * For some reason if their a field of type 'IMAGE' then
4345
4351
  * formData is adding a 'undefined' key with last image's value from the array.
@@ -4349,10 +4355,10 @@
4349
4355
  delete this.formData["undefined"];
4350
4356
  }
4351
4357
  _loop_1 = function (field) {
4352
- var _u, _v;
4358
+ var _w, _x;
4353
4359
  if (field.isFormElement) {
4354
- this_1.previousFormData = Object.assign(Object.assign({}, this_1.previousFormData), (_u = {}, _u[field.key] = convertFormFieldValueToStandardFormat(field, this_1.formGroup.controls[field.key].value), _u));
4355
- this_1.formData = Object.assign(Object.assign({}, this_1.formData), (_v = {}, _v[field.key] = convertFormFieldValueToStandardFormat(field, this_1.formGroup.controls[field.key].value), _v));
4360
+ this_1.previousFormData = Object.assign(Object.assign({}, this_1.previousFormData), (_w = {}, _w[field.key] = convertFormFieldValueToStandardFormat(field, this_1.formGroup.controls[field.key].value), _w));
4361
+ this_1.formData = Object.assign(Object.assign({}, this_1.formData), (_x = {}, _x[field.key] = convertFormFieldValueToStandardFormat(field, this_1.formGroup.controls[field.key].value), _x));
4356
4362
  if (field.type === EFieldType.FILE) {
4357
4363
  this_1.files[field.key] = this_1.formGroup.controls[field.key].value;
4358
4364
  }
@@ -4363,11 +4369,11 @@
4363
4369
  }
4364
4370
  this_1.formGroup.controls[field.key].valueChanges
4365
4371
  .pipe(operators.pairwise())
4366
- .subscribe(function (_h) {
4367
- var _j, _k;
4368
- var _l = __read(_h, 2), previousValue = _l[0], currentValue = _l[1];
4369
- _this.previousFormData = Object.assign(Object.assign({}, _this.previousFormData), (_j = {}, _j[field.key] = convertFormFieldValueToStandardFormat(field, previousValue), _j));
4370
- _this.formData = Object.assign(Object.assign({}, _this.formData), (_k = {}, _k[field.key] = convertFormFieldValueToStandardFormat(field, currentValue), _k));
4372
+ .subscribe(function (_k) {
4373
+ var _l, _m;
4374
+ var _o = __read(_k, 2), previousValue = _o[0], currentValue = _o[1];
4375
+ _this.previousFormData = Object.assign(Object.assign({}, _this.previousFormData), (_l = {}, _l[field.key] = convertFormFieldValueToStandardFormat(field, previousValue), _l));
4376
+ _this.formData = Object.assign(Object.assign({}, _this.formData), (_m = {}, _m[field.key] = convertFormFieldValueToStandardFormat(field, currentValue), _m));
4371
4377
  if (field.type === EFieldType.FILE) {
4372
4378
  _this.files[field.key] = currentValue;
4373
4379
  }
@@ -4381,26 +4387,26 @@
4381
4387
  };
4382
4388
  this_1 = this;
4383
4389
  try {
4384
- for (_l = __values(this.formFields), _m = _l.next(); !_m.done; _m = _l.next()) {
4385
- field = _m.value;
4390
+ for (_o = __values(this.formFields), _p = _o.next(); !_p.done; _p = _o.next()) {
4391
+ field = _p.value;
4386
4392
  _loop_1(field);
4387
4393
  }
4388
4394
  }
4389
4395
  catch (e_3_1) { e_3 = { error: e_3_1 }; }
4390
4396
  finally {
4391
4397
  try {
4392
- if (_m && !_m.done && (_r = _l.return)) _r.call(_l);
4398
+ if (_p && !_p.done && (_t = _o.return)) _t.call(_o);
4393
4399
  }
4394
4400
  finally { if (e_3) throw e_3.error; }
4395
4401
  }
4396
- _t.label = 12;
4402
+ _v.label = 12;
4397
4403
  case 12:
4398
- _t.trys.push([12, 18, 19, 20]);
4399
- _o = __values(this.formFields), _p = _o.next();
4400
- _t.label = 13;
4404
+ _v.trys.push([12, 18, 19, 20]);
4405
+ _q = __values(this.formFields), _r = _q.next();
4406
+ _v.label = 13;
4401
4407
  case 13:
4402
- if (!!_p.done) return [3 /*break*/, 17];
4403
- field = _p.value;
4408
+ if (!!_r.done) return [3 /*break*/, 17];
4409
+ field = _r.value;
4404
4410
  if (!field.isFormElement) return [3 /*break*/, 16];
4405
4411
  if (!kwikidToolkit.checkObjectKeyExists(field, "validation")) return [3 /*break*/, 15];
4406
4412
  if (!field.validation.triggers.includes("ON_INIT")) return [3 /*break*/, 15];
@@ -4414,8 +4420,8 @@
4414
4420
  }, this.takeAction.bind(this));
4415
4421
  return [4 /*yield*/, validations.validate(field.validation)];
4416
4422
  case 14:
4417
- _t.sent();
4418
- _t.label = 15;
4423
+ _v.sent();
4424
+ _v.label = 15;
4419
4425
  case 15:
4420
4426
  if (kwikidToolkit.checkObjectKeyExists(field, "connectedElements")) {
4421
4427
  this.handleConnectedElements({
@@ -4423,18 +4429,18 @@
4423
4429
  value: this.formGroup.controls[field.key].value
4424
4430
  }, "ON_INIT");
4425
4431
  }
4426
- _t.label = 16;
4432
+ _v.label = 16;
4427
4433
  case 16:
4428
- _p = _o.next();
4434
+ _r = _q.next();
4429
4435
  return [3 /*break*/, 13];
4430
4436
  case 17: return [3 /*break*/, 20];
4431
4437
  case 18:
4432
- e_2_1 = _t.sent();
4438
+ e_2_1 = _v.sent();
4433
4439
  e_2 = { error: e_2_1 };
4434
4440
  return [3 /*break*/, 20];
4435
4441
  case 19:
4436
4442
  try {
4437
- if (_p && !_p.done && (_s = _o.return)) _s.call(_o);
4443
+ if (_r && !_r.done && (_u = _q.return)) _u.call(_q);
4438
4444
  }
4439
4445
  finally { if (e_2) throw e_2.error; }
4440
4446
  return [7 /*endfinally*/];
@@ -4472,10 +4478,10 @@
4472
4478
  };
4473
4479
  KwikIDFormViewComponent.prototype.handleConnectedElementFieldGroupActions = function (childFieldGroupConfig, parentField) {
4474
4480
  return __awaiter(this, void 0, void 0, function () {
4475
- var rulesMapping, _h, _j, action, conditionSuccess, actions, e_4_1;
4476
- var e_4, _k;
4477
- return __generator(this, function (_l) {
4478
- switch (_l.label) {
4481
+ var rulesMapping, _k, _l, action, conditionSuccess, actions, e_4_1;
4482
+ var e_4, _m;
4483
+ return __generator(this, function (_o) {
4484
+ switch (_o.label) {
4479
4485
  case 0:
4480
4486
  if (!kwikidToolkit.checkObjectKeyExists(childFieldGroupConfig, "rules")) return [3 /*break*/, 8];
4481
4487
  rulesMapping = new kwikidToolkit.Rule(childFieldGroupConfig.rules, {
@@ -4485,14 +4491,14 @@
4485
4491
  PREVIOUS_FORM_DATA: this.previousFormData,
4486
4492
  ALL_FORMS_DATA: this.allFormsData
4487
4493
  }).mapping();
4488
- _l.label = 1;
4494
+ _o.label = 1;
4489
4495
  case 1:
4490
- _l.trys.push([1, 6, 7, 8]);
4491
- _h = __values(childFieldGroupConfig.actions), _j = _h.next();
4492
- _l.label = 2;
4496
+ _o.trys.push([1, 6, 7, 8]);
4497
+ _k = __values(childFieldGroupConfig.actions), _l = _k.next();
4498
+ _o.label = 2;
4493
4499
  case 2:
4494
- if (!!_j.done) return [3 /*break*/, 5];
4495
- action = _j.value;
4500
+ if (!!_l.done) return [3 /*break*/, 5];
4501
+ action = _l.value;
4496
4502
  conditionSuccess = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
4497
4503
  if (!conditionSuccess) return [3 /*break*/, 4];
4498
4504
  actions = new kwikidToolkit.Action(action, rulesMapping, {
@@ -4505,19 +4511,19 @@
4505
4511
  }, this.takeActionOnFieldGroup.bind(this));
4506
4512
  return [4 /*yield*/, actions.execute()];
4507
4513
  case 3:
4508
- _l.sent();
4509
- _l.label = 4;
4514
+ _o.sent();
4515
+ _o.label = 4;
4510
4516
  case 4:
4511
- _j = _h.next();
4517
+ _l = _k.next();
4512
4518
  return [3 /*break*/, 2];
4513
4519
  case 5: return [3 /*break*/, 8];
4514
4520
  case 6:
4515
- e_4_1 = _l.sent();
4521
+ e_4_1 = _o.sent();
4516
4522
  e_4 = { error: e_4_1 };
4517
4523
  return [3 /*break*/, 8];
4518
4524
  case 7:
4519
4525
  try {
4520
- if (_j && !_j.done && (_k = _h.return)) _k.call(_h);
4526
+ if (_l && !_l.done && (_m = _k.return)) _m.call(_k);
4521
4527
  }
4522
4528
  finally { if (e_4) throw e_4.error; }
4523
4529
  return [7 /*endfinally*/];
@@ -4528,15 +4534,15 @@
4528
4534
  };
4529
4535
  KwikIDFormViewComponent.prototype.handleConnectedElementFieldGroup = function (currentField, connectedFieldGroupConfig, eventType) {
4530
4536
  return __awaiter(this, void 0, void 0, function () {
4531
- return __generator(this, function (_h) {
4532
- switch (_h.label) {
4537
+ return __generator(this, function (_k) {
4538
+ switch (_k.label) {
4533
4539
  case 0:
4534
4540
  if (!kwikidToolkit.checkObjectKeyExists(connectedFieldGroupConfig, "triggers")) return [3 /*break*/, 2];
4535
4541
  if (!connectedFieldGroupConfig.triggers.includes(eventType)) return [3 /*break*/, 2];
4536
4542
  return [4 /*yield*/, this.handleConnectedElementFieldGroupActions(connectedFieldGroupConfig, currentField)];
4537
4543
  case 1:
4538
- _h.sent();
4539
- _h.label = 2;
4544
+ _k.sent();
4545
+ _k.label = 2;
4540
4546
  case 2: return [2 /*return*/];
4541
4547
  }
4542
4548
  });
@@ -4544,10 +4550,10 @@
4544
4550
  };
4545
4551
  KwikIDFormViewComponent.prototype.handleConnectedElementFieldActions = function (connectedFieldConfig, connectedField) {
4546
4552
  return __awaiter(this, void 0, void 0, function () {
4547
- var rulesMapping, _h, _j, action, conditionSuccess, actions, e_5_1;
4548
- var e_5, _k;
4549
- return __generator(this, function (_l) {
4550
- switch (_l.label) {
4553
+ var rulesMapping, _k, _l, action, conditionSuccess, actions, e_5_1;
4554
+ var e_5, _m;
4555
+ return __generator(this, function (_o) {
4556
+ switch (_o.label) {
4551
4557
  case 0:
4552
4558
  if (!kwikidToolkit.checkObjectKeyExists(connectedFieldConfig, "rules")) return [3 /*break*/, 8];
4553
4559
  rulesMapping = new kwikidToolkit.Rule(connectedFieldConfig.rules, {
@@ -4557,14 +4563,14 @@
4557
4563
  PREVIOUS_FORM_DATA: this.previousFormData,
4558
4564
  ALL_FORMS_DATA: this.allFormsData
4559
4565
  }).mapping();
4560
- _l.label = 1;
4566
+ _o.label = 1;
4561
4567
  case 1:
4562
- _l.trys.push([1, 6, 7, 8]);
4563
- _h = __values(connectedFieldConfig.actions), _j = _h.next();
4564
- _l.label = 2;
4568
+ _o.trys.push([1, 6, 7, 8]);
4569
+ _k = __values(connectedFieldConfig.actions), _l = _k.next();
4570
+ _o.label = 2;
4565
4571
  case 2:
4566
- if (!!_j.done) return [3 /*break*/, 5];
4567
- action = _j.value;
4572
+ if (!!_l.done) return [3 /*break*/, 5];
4573
+ action = _l.value;
4568
4574
  conditionSuccess = new kwikidToolkit.Condition(action.condition, rulesMapping).evaluate();
4569
4575
  if (!conditionSuccess) return [3 /*break*/, 4];
4570
4576
  actions = new kwikidToolkit.Action(action, rulesMapping, {
@@ -4577,19 +4583,19 @@
4577
4583
  }, this.takeAction.bind(this));
4578
4584
  return [4 /*yield*/, actions.execute()];
4579
4585
  case 3:
4580
- _l.sent();
4581
- _l.label = 4;
4586
+ _o.sent();
4587
+ _o.label = 4;
4582
4588
  case 4:
4583
- _j = _h.next();
4589
+ _l = _k.next();
4584
4590
  return [3 /*break*/, 2];
4585
4591
  case 5: return [3 /*break*/, 8];
4586
4592
  case 6:
4587
- e_5_1 = _l.sent();
4593
+ e_5_1 = _o.sent();
4588
4594
  e_5 = { error: e_5_1 };
4589
4595
  return [3 /*break*/, 8];
4590
4596
  case 7:
4591
4597
  try {
4592
- if (_j && !_j.done && (_k = _h.return)) _k.call(_h);
4598
+ if (_l && !_l.done && (_m = _k.return)) _m.call(_k);
4593
4599
  }
4594
4600
  finally { if (e_5) throw e_5.error; }
4595
4601
  return [7 /*endfinally*/];
@@ -4601,16 +4607,16 @@
4601
4607
  KwikIDFormViewComponent.prototype.handleConnectedElementFields = function (currentField, connectedFieldConfig, eventType, nested) {
4602
4608
  return __awaiter(this, void 0, void 0, function () {
4603
4609
  var connectedField;
4604
- return __generator(this, function (_h) {
4605
- switch (_h.label) {
4610
+ return __generator(this, function (_k) {
4611
+ switch (_k.label) {
4606
4612
  case 0:
4607
4613
  connectedField = getFormFieldByKey(this.formFields, connectedFieldConfig["key"]);
4608
4614
  if (!kwikidToolkit.checkObjectKeyExists(connectedFieldConfig, "triggers")) return [3 /*break*/, 2];
4609
4615
  if (!connectedFieldConfig.triggers.includes(eventType)) return [3 /*break*/, 2];
4610
4616
  return [4 /*yield*/, this.handleConnectedElementFieldActions(connectedFieldConfig, connectedField)];
4611
4617
  case 1:
4612
- connectedField = _h.sent();
4613
- _h.label = 2;
4618
+ connectedField = _k.sent();
4619
+ _k.label = 2;
4614
4620
  case 2:
4615
4621
  if (kwikidToolkit.checkObjectKeyExists(connectedFieldConfig, "handleNestedFields")) {
4616
4622
  if (connectedFieldConfig.handleNestedFields) {
@@ -4625,67 +4631,67 @@
4625
4631
  KwikIDFormViewComponent.prototype.handleConnectedElements = function (e, eventType) {
4626
4632
  return __awaiter(this, void 0, void 0, function () {
4627
4633
  var currentField, connectedFieldGroups, connectedFieldGroups_1, connectedFieldGroups_1_1, connectedFieldGroupConfig, e_6_1, connectedFields, connectedFields_1, connectedFields_1_1, connectedFieldConfig, e_7_1;
4628
- var e_6, _h, e_7, _j;
4629
- return __generator(this, function (_k) {
4630
- switch (_k.label) {
4634
+ var e_6, _k, e_7, _l;
4635
+ return __generator(this, function (_m) {
4636
+ switch (_m.label) {
4631
4637
  case 0:
4632
4638
  currentField = getFormFieldByKey(this.formFields, e.key);
4633
4639
  if (!(currentField !== undefined)) return [3 /*break*/, 17];
4634
4640
  if (!kwikidToolkit.checkObjectKeyExists(currentField, "connectedElements")) return [3 /*break*/, 16];
4635
4641
  if (!kwikidToolkit.checkObjectKeyExists(currentField.connectedElements, "connectedFieldGroups")) return [3 /*break*/, 8];
4636
4642
  connectedFieldGroups = currentField.connectedElements.connectedFieldGroups;
4637
- _k.label = 1;
4643
+ _m.label = 1;
4638
4644
  case 1:
4639
- _k.trys.push([1, 6, 7, 8]);
4645
+ _m.trys.push([1, 6, 7, 8]);
4640
4646
  connectedFieldGroups_1 = __values(connectedFieldGroups), connectedFieldGroups_1_1 = connectedFieldGroups_1.next();
4641
- _k.label = 2;
4647
+ _m.label = 2;
4642
4648
  case 2:
4643
4649
  if (!!connectedFieldGroups_1_1.done) return [3 /*break*/, 5];
4644
4650
  connectedFieldGroupConfig = connectedFieldGroups_1_1.value;
4645
4651
  return [4 /*yield*/, this.handleConnectedElementFieldGroup(currentField, connectedFieldGroupConfig, eventType)];
4646
4652
  case 3:
4647
- _k.sent();
4648
- _k.label = 4;
4653
+ _m.sent();
4654
+ _m.label = 4;
4649
4655
  case 4:
4650
4656
  connectedFieldGroups_1_1 = connectedFieldGroups_1.next();
4651
4657
  return [3 /*break*/, 2];
4652
4658
  case 5: return [3 /*break*/, 8];
4653
4659
  case 6:
4654
- e_6_1 = _k.sent();
4660
+ e_6_1 = _m.sent();
4655
4661
  e_6 = { error: e_6_1 };
4656
4662
  return [3 /*break*/, 8];
4657
4663
  case 7:
4658
4664
  try {
4659
- if (connectedFieldGroups_1_1 && !connectedFieldGroups_1_1.done && (_h = connectedFieldGroups_1.return)) _h.call(connectedFieldGroups_1);
4665
+ if (connectedFieldGroups_1_1 && !connectedFieldGroups_1_1.done && (_k = connectedFieldGroups_1.return)) _k.call(connectedFieldGroups_1);
4660
4666
  }
4661
4667
  finally { if (e_6) throw e_6.error; }
4662
4668
  return [7 /*endfinally*/];
4663
4669
  case 8:
4664
4670
  if (!kwikidToolkit.checkObjectKeyExists(currentField.connectedElements, "connectedFields")) return [3 /*break*/, 16];
4665
4671
  connectedFields = currentField.connectedElements.connectedFields;
4666
- _k.label = 9;
4672
+ _m.label = 9;
4667
4673
  case 9:
4668
- _k.trys.push([9, 14, 15, 16]);
4674
+ _m.trys.push([9, 14, 15, 16]);
4669
4675
  connectedFields_1 = __values(connectedFields), connectedFields_1_1 = connectedFields_1.next();
4670
- _k.label = 10;
4676
+ _m.label = 10;
4671
4677
  case 10:
4672
4678
  if (!!connectedFields_1_1.done) return [3 /*break*/, 13];
4673
4679
  connectedFieldConfig = connectedFields_1_1.value;
4674
4680
  return [4 /*yield*/, this.handleConnectedElementFields(currentField, connectedFieldConfig, eventType, eventType)];
4675
4681
  case 11:
4676
- currentField = _k.sent();
4677
- _k.label = 12;
4682
+ currentField = _m.sent();
4683
+ _m.label = 12;
4678
4684
  case 12:
4679
4685
  connectedFields_1_1 = connectedFields_1.next();
4680
4686
  return [3 /*break*/, 10];
4681
4687
  case 13: return [3 /*break*/, 16];
4682
4688
  case 14:
4683
- e_7_1 = _k.sent();
4689
+ e_7_1 = _m.sent();
4684
4690
  e_7 = { error: e_7_1 };
4685
4691
  return [3 /*break*/, 16];
4686
4692
  case 15:
4687
4693
  try {
4688
- if (connectedFields_1_1 && !connectedFields_1_1.done && (_j = connectedFields_1.return)) _j.call(connectedFields_1);
4694
+ if (connectedFields_1_1 && !connectedFields_1_1.done && (_l = connectedFields_1.return)) _l.call(connectedFields_1);
4689
4695
  }
4690
4696
  finally { if (e_7) throw e_7.error; }
4691
4697
  return [7 /*endfinally*/];
@@ -4697,23 +4703,23 @@
4697
4703
  });
4698
4704
  };
4699
4705
  KwikIDFormViewComponent.prototype.handleRemovedFile = function (e) {
4700
- var _h;
4706
+ var _k;
4701
4707
  this.showApiLoader();
4702
4708
  if (this.formGroup["controls"][e.key].enabled) {
4703
4709
  this.files[e.key] = e.files;
4704
4710
  this.formData[e.key] = filterDuplicatesFiles(this.files[e.key]);
4705
- this.formGroup.patchValue((_h = {},
4706
- _h[e.key] = this.formData[e.key],
4707
- _h), { emitEvent: false });
4711
+ this.formGroup.patchValue((_k = {},
4712
+ _k[e.key] = this.formData[e.key],
4713
+ _k), { emitEvent: false });
4708
4714
  }
4709
4715
  this.hideApiLoader();
4710
4716
  };
4711
4717
  KwikIDFormViewComponent.prototype.handleGetKeyValueFile = function (e) {
4712
4718
  return __awaiter(this, void 0, void 0, function () {
4713
4719
  var field, values, values_1, values_1_1, value, e_8_1, _loop_2, this_2, values_2, values_2_1, value, e_9_1;
4714
- var e_8, _h, e_9, _j;
4715
- return __generator(this, function (_k) {
4716
- switch (_k.label) {
4720
+ var e_8, _k, e_9, _l;
4721
+ return __generator(this, function (_m) {
4722
+ switch (_m.label) {
4717
4723
  case 0:
4718
4724
  this.showApiLoader();
4719
4725
  field = getFormFieldByKey(this.formFields, e.key);
@@ -4721,41 +4727,41 @@
4721
4727
  if (!(kwikidToolkit.checkObjectKeyExists(field, "properties") &&
4722
4728
  kwikidToolkit.checkObjectKeyExists(field.properties, "uploadFileToServer") &&
4723
4729
  field.properties.uploadFileToServer)) return [3 /*break*/, 9];
4724
- _k.label = 1;
4730
+ _m.label = 1;
4725
4731
  case 1:
4726
- _k.trys.push([1, 6, 7, 8]);
4732
+ _m.trys.push([1, 6, 7, 8]);
4727
4733
  values_1 = __values(values), values_1_1 = values_1.next();
4728
- _k.label = 2;
4734
+ _m.label = 2;
4729
4735
  case 2:
4730
4736
  if (!!values_1_1.done) return [3 /*break*/, 5];
4731
4737
  value = values_1_1.value;
4732
4738
  return [4 /*yield*/, this.uploadFile(field, value)];
4733
4739
  case 3:
4734
- _k.sent();
4735
- _k.label = 4;
4740
+ _m.sent();
4741
+ _m.label = 4;
4736
4742
  case 4:
4737
4743
  values_1_1 = values_1.next();
4738
4744
  return [3 /*break*/, 2];
4739
4745
  case 5: return [3 /*break*/, 8];
4740
4746
  case 6:
4741
- e_8_1 = _k.sent();
4747
+ e_8_1 = _m.sent();
4742
4748
  e_8 = { error: e_8_1 };
4743
4749
  return [3 /*break*/, 8];
4744
4750
  case 7:
4745
4751
  try {
4746
- if (values_1_1 && !values_1_1.done && (_h = values_1.return)) _h.call(values_1);
4752
+ if (values_1_1 && !values_1_1.done && (_k = values_1.return)) _k.call(values_1);
4747
4753
  }
4748
4754
  finally { if (e_8) throw e_8.error; }
4749
4755
  return [7 /*endfinally*/];
4750
4756
  case 8: return [3 /*break*/, 18];
4751
4757
  case 9:
4752
4758
  _loop_2 = function (value) {
4753
- var updatedFile, _l;
4754
- return __generator(this, function (_m) {
4755
- switch (_m.label) {
4759
+ var updatedFile, _o;
4760
+ return __generator(this, function (_p) {
4761
+ switch (_p.label) {
4756
4762
  case 0:
4757
4763
  this_2.updateFiles(value, "LOADING", e.key);
4758
- _l = kwikidToolkit.getObjectDeepCopy;
4764
+ _o = kwikidToolkit.getObjectDeepCopy;
4759
4765
  return [4 /*yield*/, new Promise(function (resolve) {
4760
4766
  setTimeout(function () {
4761
4767
  resolve({
@@ -4769,42 +4775,42 @@
4769
4775
  }, 300); // 1000 ms = 1 sec
4770
4776
  })];
4771
4777
  case 1:
4772
- updatedFile = _l.apply(void 0, [_m.sent()]);
4778
+ updatedFile = _o.apply(void 0, [_p.sent()]);
4773
4779
  this_2.updateFiles(updatedFile, "NORMAL", e.key);
4774
4780
  return [2 /*return*/];
4775
4781
  }
4776
4782
  });
4777
4783
  };
4778
4784
  this_2 = this;
4779
- _k.label = 10;
4785
+ _m.label = 10;
4780
4786
  case 10:
4781
- _k.trys.push([10, 15, 16, 17]);
4787
+ _m.trys.push([10, 15, 16, 17]);
4782
4788
  values_2 = __values(values), values_2_1 = values_2.next();
4783
- _k.label = 11;
4789
+ _m.label = 11;
4784
4790
  case 11:
4785
4791
  if (!!values_2_1.done) return [3 /*break*/, 14];
4786
4792
  value = values_2_1.value;
4787
4793
  return [5 /*yield**/, _loop_2(value)];
4788
4794
  case 12:
4789
- _k.sent();
4790
- _k.label = 13;
4795
+ _m.sent();
4796
+ _m.label = 13;
4791
4797
  case 13:
4792
4798
  values_2_1 = values_2.next();
4793
4799
  return [3 /*break*/, 11];
4794
4800
  case 14: return [3 /*break*/, 17];
4795
4801
  case 15:
4796
- e_9_1 = _k.sent();
4802
+ e_9_1 = _m.sent();
4797
4803
  e_9 = { error: e_9_1 };
4798
4804
  return [3 /*break*/, 17];
4799
4805
  case 16:
4800
4806
  try {
4801
- if (values_2_1 && !values_2_1.done && (_j = values_2.return)) _j.call(values_2);
4807
+ if (values_2_1 && !values_2_1.done && (_l = values_2.return)) _l.call(values_2);
4802
4808
  }
4803
4809
  finally { if (e_9) throw e_9.error; }
4804
4810
  return [7 /*endfinally*/];
4805
4811
  case 17:
4806
4812
  this.hideApiLoader();
4807
- _k.label = 18;
4813
+ _m.label = 18;
4808
4814
  case 18: return [2 /*return*/];
4809
4815
  }
4810
4816
  });
@@ -4812,16 +4818,16 @@
4812
4818
  };
4813
4819
  /** Methods for Camera related fields like 'CAPTURE' */
4814
4820
  KwikIDFormViewComponent.prototype.handleOnClickGetRemovedMediaFile = function (e) {
4815
- var _h;
4821
+ var _k;
4816
4822
  this.showApiLoader();
4817
4823
  if (this.formGroup["controls"][e.key].enabled) {
4818
4824
  this.cameraCaptureFieldKey = "";
4819
4825
  this.cameraCaptureImage = "";
4820
4826
  this.mediaFiles[e.key] = e.mediaFiles;
4821
4827
  this.formData[e.key] = filterDuplicatesMediaFiles(this.mediaFiles[e.key]);
4822
- this.formGroup.patchValue((_h = {},
4823
- _h[e.key] = this.formData[e.key],
4824
- _h), { emitEvent: false });
4828
+ this.formGroup.patchValue((_k = {},
4829
+ _k[e.key] = this.formData[e.key],
4830
+ _k), { emitEvent: false });
4825
4831
  }
4826
4832
  this.hideApiLoader();
4827
4833
  };
@@ -4840,8 +4846,8 @@
4840
4846
  KwikIDFormViewComponent.prototype.setImage = function (image) {
4841
4847
  return __awaiter(this, void 0, void 0, function () {
4842
4848
  var field;
4843
- return __generator(this, function (_h) {
4844
- switch (_h.label) {
4849
+ return __generator(this, function (_k) {
4850
+ switch (_k.label) {
4845
4851
  case 0:
4846
4852
  field = getFormFieldByKey(this.formFields, this.cameraCaptureFieldKey);
4847
4853
  if (!(kwikidToolkit.checkObjectKeyExists(field, "properties") &&
@@ -4849,7 +4855,7 @@
4849
4855
  field.properties.uploadFileToServer)) return [3 /*break*/, 2];
4850
4856
  return [4 /*yield*/, this.uploadFile(field, image)];
4851
4857
  case 1:
4852
- _h.sent();
4858
+ _k.sent();
4853
4859
  return [3 /*break*/, 3];
4854
4860
  case 2:
4855
4861
  this.cameraCaptureImage = "";
@@ -4862,7 +4868,7 @@
4862
4868
  this.formGroup.controls[field.key].updateValueAndValidity({
4863
4869
  emitEvent: false
4864
4870
  });
4865
- _h.label = 3;
4871
+ _k.label = 3;
4866
4872
  case 3: return [2 /*return*/];
4867
4873
  }
4868
4874
  });
@@ -4917,7 +4923,7 @@
4917
4923
  * This method is used to update the files array with the new file and it's state and response from the api of uploading the file.
4918
4924
  */
4919
4925
  KwikIDFormViewComponent.prototype.updateFiles = function (file, state, key) {
4920
- var _h;
4926
+ var _k;
4921
4927
  var _a;
4922
4928
  var fileWithState = kwikidToolkit.mergeObjects(file, { state: state });
4923
4929
  var field = getFormFieldByKey(this.formFields, key);
@@ -4944,16 +4950,16 @@
4944
4950
  emitEvent: false,
4945
4951
  onlySelf: false
4946
4952
  });
4947
- this.formGroup.patchValue((_h = {},
4948
- _h[key] = normalFiles,
4949
- _h), { emitEvent: false });
4953
+ this.formGroup.patchValue((_k = {},
4954
+ _k[key] = normalFiles,
4955
+ _k), { emitEvent: false });
4950
4956
  };
4951
4957
  /**
4952
4958
  * This is a api upload mocking method. Set's to loading at first at point when API is called and then changes the status to random status after 2 seconds of delay showing a mocked response from API.
4953
4959
  */
4954
4960
  KwikIDFormViewComponent.prototype.uploadFile = function (field, file) {
4955
4961
  return __awaiter(this, void 0, void 0, function () {
4956
- return __generator(this, function (_h) {
4962
+ return __generator(this, function (_k) {
4957
4963
  switch (field.type) {
4958
4964
  case EFieldType.FILE:
4959
4965
  this.updateFiles(file, "LOADING", field.key);
@@ -4999,11 +5005,11 @@
4999
5005
  });
5000
5006
  };
5001
5007
  KwikIDFormViewComponent.prototype.handleOnClickFormFieldButton = function (field) {
5002
- var e_10, _h;
5008
+ var e_10, _k;
5003
5009
  var formData = this.formGroup.getRawValue();
5004
5010
  try {
5005
- for (var _j = __values(this.formFields), _k = _j.next(); !_k.done; _k = _j.next()) {
5006
- var field_2 = _k.value;
5011
+ for (var _l = __values(this.formFields), _m = _l.next(); !_m.done; _m = _l.next()) {
5012
+ var field_2 = _m.value;
5007
5013
  if (field_2.isFormElement) {
5008
5014
  if (field_2.hidden) {
5009
5015
  delete formData[field_2.key];
@@ -5017,22 +5023,22 @@
5017
5023
  catch (e_10_1) { e_10 = { error: e_10_1 }; }
5018
5024
  finally {
5019
5025
  try {
5020
- if (_k && !_k.done && (_h = _j.return)) _h.call(_j);
5026
+ if (_m && !_m.done && (_k = _l.return)) _k.call(_l);
5021
5027
  }
5022
5028
  finally { if (e_10) throw e_10.error; }
5023
5029
  }
5024
5030
  var extendedFormData = this.formFields.reduce(function (result, field, index) {
5025
- var _h;
5031
+ var _k;
5026
5032
  if (field.isFormElement && !field.hidden) {
5027
- var fieldData = (_h = {},
5028
- _h[field.key] = {
5033
+ var fieldData = (_k = {},
5034
+ _k[field.key] = {
5029
5035
  key: field.key,
5030
5036
  label: field.label,
5031
5037
  value: kwikidToolkit.isEmptyValue(formData[field.key]) ? "" : formData[field.key],
5032
5038
  type: field.type,
5033
5039
  index: index
5034
5040
  },
5035
- _h);
5041
+ _k);
5036
5042
  result[field.key] = fieldData[field.key];
5037
5043
  }
5038
5044
  return result;
@@ -5045,11 +5051,11 @@
5045
5051
  };
5046
5052
  // DOM Event Handlers
5047
5053
  KwikIDFormViewComponent.prototype.handleGetKeyValue = function (e) {
5048
- var _h;
5054
+ var _k;
5049
5055
  var _this = this;
5050
- this.formGroup.patchValue((_h = {},
5051
- _h[e.key] = e.value,
5052
- _h), { emitEvent: false });
5056
+ this.formGroup.patchValue((_k = {},
5057
+ _k[e.key] = e.value,
5058
+ _k), { emitEvent: false });
5053
5059
  var field = getFormFieldByKey(this.formFields, e.key);
5054
5060
  this.formData[e.key] = convertFormFieldValueToStandardFormat(field, e.value);
5055
5061
  this.getUnsavedDataState.emit(true);
@@ -5065,11 +5071,11 @@
5065
5071
  ALL_FORMS_DATA: this.allFormsData
5066
5072
  }, this.takeAction.bind(this));
5067
5073
  (function () { return __awaiter(_this, void 0, void 0, function () {
5068
- return __generator(this, function (_h) {
5069
- switch (_h.label) {
5074
+ return __generator(this, function (_k) {
5075
+ switch (_k.label) {
5070
5076
  case 0: return [4 /*yield*/, validations_2.validate(field.validation)];
5071
5077
  case 1:
5072
- _h.sent();
5078
+ _k.sent();
5073
5079
  return [2 /*return*/];
5074
5080
  }
5075
5081
  });
@@ -5088,27 +5094,27 @@
5088
5094
  return __awaiter(this, void 0, void 0, function () {
5089
5095
  var resetFormFields, BYPASS_RESET_CONFIRM, CONFIRM_RESET;
5090
5096
  var _this = this;
5091
- return __generator(this, function (_h) {
5097
+ return __generator(this, function (_k) {
5092
5098
  resetFormFields = function () { return __awaiter(_this, void 0, void 0, function () {
5093
- var _h, _j, f, _k, _l, action, resetField, actions, e_11_1, e_12_1;
5094
- var e_12, _m, e_11, _o;
5095
- return __generator(this, function (_p) {
5096
- switch (_p.label) {
5099
+ var _k, _l, f, _m, _o, action, resetField, actions, e_11_1, e_12_1;
5100
+ var e_12, _p, e_11, _q;
5101
+ return __generator(this, function (_r) {
5102
+ switch (_r.label) {
5097
5103
  case 0:
5098
- _p.trys.push([0, 11, 12, 13]);
5099
- _h = __values(field.reset.fields), _j = _h.next();
5100
- _p.label = 1;
5104
+ _r.trys.push([0, 11, 12, 13]);
5105
+ _k = __values(field.reset.fields), _l = _k.next();
5106
+ _r.label = 1;
5101
5107
  case 1:
5102
- if (!!_j.done) return [3 /*break*/, 10];
5103
- f = _j.value;
5104
- _p.label = 2;
5108
+ if (!!_l.done) return [3 /*break*/, 10];
5109
+ f = _l.value;
5110
+ _r.label = 2;
5105
5111
  case 2:
5106
- _p.trys.push([2, 7, 8, 9]);
5107
- _k = (e_11 = void 0, __values(f.actions)), _l = _k.next();
5108
- _p.label = 3;
5112
+ _r.trys.push([2, 7, 8, 9]);
5113
+ _m = (e_11 = void 0, __values(f.actions)), _o = _m.next();
5114
+ _r.label = 3;
5109
5115
  case 3:
5110
- if (!!_l.done) return [3 /*break*/, 6];
5111
- action = _l.value;
5116
+ if (!!_o.done) return [3 /*break*/, 6];
5117
+ action = _o.value;
5112
5118
  resetField = getFormFieldByKey(this.formFields, action.props.fieldKey);
5113
5119
  actions = new kwikidToolkit.Action(action, {}, {
5114
5120
  FIELD_CONFIG: resetField,
@@ -5120,33 +5126,33 @@
5120
5126
  }, this.takeAction.bind(this));
5121
5127
  return [4 /*yield*/, actions.execute()];
5122
5128
  case 4:
5123
- _p.sent();
5124
- _p.label = 5;
5129
+ _r.sent();
5130
+ _r.label = 5;
5125
5131
  case 5:
5126
- _l = _k.next();
5132
+ _o = _m.next();
5127
5133
  return [3 /*break*/, 3];
5128
5134
  case 6: return [3 /*break*/, 9];
5129
5135
  case 7:
5130
- e_11_1 = _p.sent();
5136
+ e_11_1 = _r.sent();
5131
5137
  e_11 = { error: e_11_1 };
5132
5138
  return [3 /*break*/, 9];
5133
5139
  case 8:
5134
5140
  try {
5135
- if (_l && !_l.done && (_o = _k.return)) _o.call(_k);
5141
+ if (_o && !_o.done && (_q = _m.return)) _q.call(_m);
5136
5142
  }
5137
5143
  finally { if (e_11) throw e_11.error; }
5138
5144
  return [7 /*endfinally*/];
5139
5145
  case 9:
5140
- _j = _h.next();
5146
+ _l = _k.next();
5141
5147
  return [3 /*break*/, 1];
5142
5148
  case 10: return [3 /*break*/, 13];
5143
5149
  case 11:
5144
- e_12_1 = _p.sent();
5150
+ e_12_1 = _r.sent();
5145
5151
  e_12 = { error: e_12_1 };
5146
5152
  return [3 /*break*/, 13];
5147
5153
  case 12:
5148
5154
  try {
5149
- if (_j && !_j.done && (_m = _h.return)) _m.call(_h);
5155
+ if (_l && !_l.done && (_p = _k.return)) _p.call(_k);
5150
5156
  }
5151
5157
  finally { if (e_12) throw e_12.error; }
5152
5158
  return [7 /*endfinally*/];
@@ -5171,9 +5177,9 @@
5171
5177
  KwikIDFormViewComponent.prototype.handleFieldApiCall = function (field, api) {
5172
5178
  return __awaiter(this, void 0, void 0, function () {
5173
5179
  var apis;
5174
- var _h, _j;
5175
- return __generator(this, function (_k) {
5176
- switch (_k.label) {
5180
+ var _k, _l;
5181
+ return __generator(this, function (_m) {
5182
+ switch (_m.label) {
5177
5183
  case 0: return [4 /*yield*/, this.executeApiCall(api, {
5178
5184
  FIELD_CONFIG: field,
5179
5185
  API_CONFIG: api,
@@ -5184,13 +5190,13 @@
5184
5190
  ALL_FORMS_DATA: this.allFormsData
5185
5191
  })];
5186
5192
  case 1:
5187
- api = _k.sent();
5193
+ api = _m.sent();
5188
5194
  if (!this.isValidRequestHeadersAndBody(api)) return [3 /*break*/, 3];
5189
5195
  if (kwikidToolkit.checkObjectKeyExists(field.api, "request")) {
5190
- this.formData = Object.assign(Object.assign({}, this.formData), (_h = {}, _h[field.key] = api.response.value, _h));
5191
- this.formGroup.patchValue((_j = {},
5192
- _j[field.key] = api.response.value,
5193
- _j), { emitEvent: false });
5196
+ this.formData = Object.assign(Object.assign({}, this.formData), (_k = {}, _k[field.key] = api.response.value, _k));
5197
+ this.formGroup.patchValue((_l = {},
5198
+ _l[field.key] = api.response.value,
5199
+ _l), { emitEvent: false });
5194
5200
  }
5195
5201
  apis = new Apis({
5196
5202
  FIELD_CONFIG: field,
@@ -5204,14 +5210,14 @@
5204
5210
  }, this.takeAction.bind(this));
5205
5211
  return [4 /*yield*/, apis.validateResponse()];
5206
5212
  case 2:
5207
- api = _k.sent();
5213
+ api = _m.sent();
5208
5214
  return [3 /*break*/, 4];
5209
5215
  case 3:
5210
5216
  setTimeout(function () {
5211
5217
  field["api"]["status"]["value"] = EApiStatusType.FAILED;
5212
5218
  field["showLoader"] = false;
5213
5219
  }, 500);
5214
- _k.label = 4;
5220
+ _m.label = 4;
5215
5221
  case 4: return [2 /*return*/, { field: field, api: api }];
5216
5222
  }
5217
5223
  });
@@ -5220,8 +5226,8 @@
5220
5226
  KwikIDFormViewComponent.prototype.handleApiCall = function (api) {
5221
5227
  return __awaiter(this, void 0, void 0, function () {
5222
5228
  var apis;
5223
- return __generator(this, function (_h) {
5224
- switch (_h.label) {
5229
+ return __generator(this, function (_k) {
5230
+ switch (_k.label) {
5225
5231
  case 0: return [4 /*yield*/, this.executeApiCall(api, {
5226
5232
  FORM_CONFIG: this.formConfig,
5227
5233
  API_CONFIG: api,
@@ -5232,7 +5238,7 @@
5232
5238
  ALL_FORMS_DATA: this.allFormsData
5233
5239
  })];
5234
5240
  case 1:
5235
- api = _h.sent();
5241
+ api = _k.sent();
5236
5242
  apis = new Apis({
5237
5243
  FORM_CONFIG: this.formConfig,
5238
5244
  API_CONFIG: api,
@@ -5245,36 +5251,36 @@
5245
5251
  if (!this.isValidRequestHeadersAndBody(api)) return [3 /*break*/, 3];
5246
5252
  return [4 /*yield*/, apis.validateResponse()];
5247
5253
  case 2:
5248
- api = _h.sent();
5249
- _h.label = 3;
5254
+ api = _k.sent();
5255
+ _k.label = 3;
5250
5256
  case 3: return [2 /*return*/, { api: api }];
5251
5257
  }
5252
5258
  });
5253
5259
  });
5254
5260
  };
5255
5261
  KwikIDFormViewComponent.prototype.executeApiCall = function (api, object) {
5256
- var _a, _b, _c, _d, _e, _f, _g;
5262
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
5257
5263
  return __awaiter(this, void 0, void 0, function () {
5258
5264
  var apis, apiCallResponse, apiCallResponseStatusCode, url, method, headers, body, response, err_1, response, err_2;
5259
- return __generator(this, function (_h) {
5260
- switch (_h.label) {
5265
+ return __generator(this, function (_k) {
5266
+ switch (_k.label) {
5261
5267
  case 0:
5262
5268
  apis = new Apis(object, this.takeAction.bind(this));
5263
5269
  return [4 /*yield*/, apis.setUrl()];
5264
5270
  case 1:
5265
- api = _h.sent();
5271
+ api = _k.sent();
5266
5272
  return [4 /*yield*/, apis.setRequestHeaders()];
5267
5273
  case 2:
5268
- api = _h.sent();
5274
+ api = _k.sent();
5269
5275
  return [4 /*yield*/, apis.validateRequestHeaders()];
5270
5276
  case 3:
5271
- api = _h.sent();
5277
+ api = _k.sent();
5272
5278
  return [4 /*yield*/, apis.setRequestBody()];
5273
5279
  case 4:
5274
- api = _h.sent();
5280
+ api = _k.sent();
5275
5281
  return [4 /*yield*/, apis.validateRequestBody()];
5276
5282
  case 5:
5277
- api = _h.sent();
5283
+ api = _k.sent();
5278
5284
  apiCallResponse = {};
5279
5285
  if (!this.isValidRequestHeadersAndBody(api)) return [3 /*break*/, 18];
5280
5286
  if (!(api.request.url.hasOwnProperty("type") &&
@@ -5285,55 +5291,64 @@
5285
5291
  }, 1000); // 1000 ms = 1 sec
5286
5292
  })];
5287
5293
  case 6:
5288
- apiCallResponse = _h.sent();
5294
+ apiCallResponse = _k.sent();
5295
+ apiCallResponseStatusCode = (_b = (_a = api.request.url.props) === null || _a === void 0 ? void 0 : _a.statusCode) !== null && _b !== void 0 ? _b : 200; // Default Status Code for Mocked APIs
5289
5296
  return [3 /*break*/, 17];
5290
5297
  case 7:
5291
5298
  url = api.request.url.value;
5292
- method = (_b = (_a = api.request) === null || _a === void 0 ? void 0 : _a.method) !== null && _b !== void 0 ? _b : "POST";
5293
- 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) || {}));
5294
- 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;
5299
+ method = (_d = (_c = api.request) === null || _c === void 0 ? void 0 : _c.method) !== null && _d !== void 0 ? _d : "POST";
5300
+ headers = Object.assign({ "Content-Type": "application/json" }, (((_f = (_e = api.request) === null || _e === void 0 ? void 0 : _e.headers) === null || _f === void 0 ? void 0 : _f.value) || {}));
5301
+ body = (_j = (_h = (_g = api.request) === null || _g === void 0 ? void 0 : _g.body) === null || _h === void 0 ? void 0 : _h.value) !== null && _j !== void 0 ? _j : null;
5295
5302
  if (!(method === "GET")) return [3 /*break*/, 13];
5296
- _h.label = 8;
5303
+ _k.label = 8;
5297
5304
  case 8:
5298
- _h.trys.push([8, 11, , 12]);
5305
+ _k.trys.push([8, 11, , 12]);
5299
5306
  return [4 /*yield*/, fetch(url, {
5300
5307
  method: method,
5301
5308
  headers: Object.assign({}, headers)
5302
5309
  })];
5303
5310
  case 9:
5304
- response = _h.sent();
5311
+ response = _k.sent();
5305
5312
  return [4 /*yield*/, response.json()];
5306
5313
  case 10:
5307
- apiCallResponse = _h.sent();
5314
+ apiCallResponse = _k.sent();
5308
5315
  apiCallResponseStatusCode = response.status;
5309
5316
  return [3 /*break*/, 12];
5310
5317
  case 11:
5311
- err_1 = _h.sent();
5318
+ err_1 = _k.sent();
5312
5319
  apiCallResponse = {};
5313
5320
  return [3 /*break*/, 12];
5314
5321
  case 12: return [3 /*break*/, 17];
5315
5322
  case 13:
5316
- _h.trys.push([13, 16, , 17]);
5323
+ _k.trys.push([13, 16, , 17]);
5317
5324
  return [4 /*yield*/, fetch(url, {
5318
5325
  method: method,
5319
5326
  headers: Object.assign({}, headers),
5320
5327
  body: JSON.stringify(body)
5321
5328
  })];
5322
5329
  case 14:
5323
- response = _h.sent();
5330
+ response = _k.sent();
5324
5331
  return [4 /*yield*/, response.json()];
5325
5332
  case 15:
5326
- apiCallResponse = _h.sent();
5333
+ apiCallResponse = _k.sent();
5327
5334
  apiCallResponseStatusCode = response.status;
5328
5335
  return [3 /*break*/, 17];
5329
5336
  case 16:
5330
- err_2 = _h.sent();
5337
+ err_2 = _k.sent();
5331
5338
  apiCallResponse = {};
5332
5339
  return [3 /*break*/, 17];
5333
5340
  case 17:
5334
5341
  api.response = kwikidToolkit.setValueToObjectPath(api.response, "value", apiCallResponse);
5335
5342
  api.response = kwikidToolkit.setValueToObjectPath(api.response, "status", apiCallResponseStatusCode);
5336
- _h.label = 18;
5343
+ this.getLogs.emit({
5344
+ type: ETypeLogs.API,
5345
+ timestamp: new Date().getTime(),
5346
+ data: {
5347
+ request: api.request,
5348
+ response: api.response
5349
+ }
5350
+ });
5351
+ _k.label = 18;
5337
5352
  case 18: return [2 /*return*/, api];
5338
5353
  }
5339
5354
  });
@@ -5371,8 +5386,8 @@
5371
5386
  KwikIDFormViewComponent.prototype.handleOnClickApiCall = function (e) {
5372
5387
  return __awaiter(this, void 0, void 0, function () {
5373
5388
  var field, apis;
5374
- return __generator(this, function (_h) {
5375
- switch (_h.label) {
5389
+ return __generator(this, function (_k) {
5390
+ switch (_k.label) {
5376
5391
  case 0:
5377
5392
  field = getFormFieldByKey(this.formFields, e.key);
5378
5393
  if (!(field.type === EFieldType.API)) return [3 /*break*/, 5];
@@ -5383,7 +5398,7 @@
5383
5398
  if (!kwikidToolkit.checkObjectKeyExists(field.api, "request")) return [3 /*break*/, 2];
5384
5399
  return [4 /*yield*/, this.handleFieldApiCall(field, field.api)];
5385
5400
  case 1:
5386
- _h.sent();
5401
+ _k.sent();
5387
5402
  return [3 /*break*/, 4];
5388
5403
  case 2:
5389
5404
  apis = new Apis({
@@ -5397,11 +5412,11 @@
5397
5412
  }, this.takeAction.bind(this));
5398
5413
  return [4 /*yield*/, apis.callNextApi(field.api.entrypoint)];
5399
5414
  case 3:
5400
- _h.sent();
5401
- _h.label = 4;
5415
+ _k.sent();
5416
+ _k.label = 4;
5402
5417
  case 4:
5403
5418
  this.hideApiLoader();
5404
- _h.label = 5;
5419
+ _k.label = 5;
5405
5420
  case 5: return [2 /*return*/];
5406
5421
  }
5407
5422
  });
@@ -5446,11 +5461,11 @@
5446
5461
  };
5447
5462
  KwikIDFormViewComponent.prototype.handleOnClickSaveForm = function (e) {
5448
5463
  return __awaiter(this, void 0, void 0, function () {
5449
- var controls, firstFieldWithError, controls_1, controls_1_1, control, _h, _j, field, validations, e_13_1, formData, _k, _l, field, extendedFormData, _m, _o, postTask, task, e_14_1;
5450
- var e_15, _p, e_13, _q, e_16, _r, e_14, _s;
5464
+ var controls, firstFieldWithError, controls_1, controls_1_1, control, _k, _l, field, validations, e_13_1, formData, _m, _o, field, extendedFormData, _p, _q, postTask, task, e_14_1;
5465
+ var e_15, _r, e_13, _s, e_16, _t, e_14, _u;
5451
5466
  var _this = this;
5452
- return __generator(this, function (_t) {
5453
- switch (_t.label) {
5467
+ return __generator(this, function (_v) {
5468
+ switch (_v.label) {
5454
5469
  case 0:
5455
5470
  controls = new FormValidation().getFormFieldsInvalidControls(this.formGroup);
5456
5471
  firstFieldWithError = "";
@@ -5466,7 +5481,7 @@
5466
5481
  catch (e_15_1) { e_15 = { error: e_15_1 }; }
5467
5482
  finally {
5468
5483
  try {
5469
- if (controls_1_1 && !controls_1_1.done && (_p = controls_1.return)) _p.call(controls_1);
5484
+ if (controls_1_1 && !controls_1_1.done && (_r = controls_1.return)) _r.call(controls_1);
5470
5485
  }
5471
5486
  finally { if (e_15) throw e_15.error; }
5472
5487
  }
@@ -5477,14 +5492,14 @@
5477
5492
  }, 3000);
5478
5493
  return [2 /*return*/];
5479
5494
  }
5480
- _t.label = 1;
5495
+ _v.label = 1;
5481
5496
  case 1:
5482
- _t.trys.push([1, 6, 7, 8]);
5483
- _h = __values(this.formFields), _j = _h.next();
5484
- _t.label = 2;
5497
+ _v.trys.push([1, 6, 7, 8]);
5498
+ _k = __values(this.formFields), _l = _k.next();
5499
+ _v.label = 2;
5485
5500
  case 2:
5486
- if (!!_j.done) return [3 /*break*/, 5];
5487
- field = _j.value;
5501
+ if (!!_l.done) return [3 /*break*/, 5];
5502
+ field = _l.value;
5488
5503
  if (!(field.isFormElement &&
5489
5504
  !field.hidden &&
5490
5505
  kwikidToolkit.checkObjectKeyExists(field, "validation") &&
@@ -5499,7 +5514,7 @@
5499
5514
  }, this.takeAction.bind(this));
5500
5515
  return [4 /*yield*/, validations.validate(field.validation)];
5501
5516
  case 3:
5502
- _t.sent();
5517
+ _v.sent();
5503
5518
  if (!field.validation.is_valid) {
5504
5519
  this.toggleErrorNotification(true);
5505
5520
  setTimeout(function () {
@@ -5507,26 +5522,26 @@
5507
5522
  }, 3000);
5508
5523
  return [2 /*return*/];
5509
5524
  }
5510
- _t.label = 4;
5525
+ _v.label = 4;
5511
5526
  case 4:
5512
- _j = _h.next();
5527
+ _l = _k.next();
5513
5528
  return [3 /*break*/, 2];
5514
5529
  case 5: return [3 /*break*/, 8];
5515
5530
  case 6:
5516
- e_13_1 = _t.sent();
5531
+ e_13_1 = _v.sent();
5517
5532
  e_13 = { error: e_13_1 };
5518
5533
  return [3 /*break*/, 8];
5519
5534
  case 7:
5520
5535
  try {
5521
- if (_j && !_j.done && (_q = _h.return)) _q.call(_h);
5536
+ if (_l && !_l.done && (_s = _k.return)) _s.call(_k);
5522
5537
  }
5523
5538
  finally { if (e_13) throw e_13.error; }
5524
5539
  return [7 /*endfinally*/];
5525
5540
  case 8:
5526
5541
  formData = this.formGroup.getRawValue();
5527
5542
  try {
5528
- for (_k = __values(this.formFields), _l = _k.next(); !_l.done; _l = _k.next()) {
5529
- field = _l.value;
5543
+ for (_m = __values(this.formFields), _o = _m.next(); !_o.done; _o = _m.next()) {
5544
+ field = _o.value;
5530
5545
  if (field.isFormElement) {
5531
5546
  if (field.hidden) {
5532
5547
  delete formData[field.key];
@@ -5540,22 +5555,22 @@
5540
5555
  catch (e_16_1) { e_16 = { error: e_16_1 }; }
5541
5556
  finally {
5542
5557
  try {
5543
- if (_l && !_l.done && (_r = _k.return)) _r.call(_k);
5558
+ if (_o && !_o.done && (_t = _m.return)) _t.call(_m);
5544
5559
  }
5545
5560
  finally { if (e_16) throw e_16.error; }
5546
5561
  }
5547
5562
  extendedFormData = this.formFields.reduce(function (result, field, index) {
5548
- var _h;
5563
+ var _k;
5549
5564
  if (field.isFormElement && !field.hidden) {
5550
- var fieldData = (_h = {},
5551
- _h[field.key] = {
5565
+ var fieldData = (_k = {},
5566
+ _k[field.key] = {
5552
5567
  key: field.key,
5553
5568
  label: field.label,
5554
5569
  value: kwikidToolkit.isEmptyValue(formData[field.key]) ? "" : formData[field.key],
5555
5570
  type: field.type,
5556
5571
  index: index
5557
5572
  },
5558
- _h);
5573
+ _k);
5559
5574
  result[field.key] = fieldData[field.key];
5560
5575
  }
5561
5576
  return result;
@@ -5567,14 +5582,14 @@
5567
5582
  });
5568
5583
  if (!(kwikidToolkit.checkObjectKeyExists(this.formConfig, "tasks") &&
5569
5584
  kwikidToolkit.checkObjectKeyExists(this.formConfig.tasks, "post"))) return [3 /*break*/, 18];
5570
- _t.label = 9;
5585
+ _v.label = 9;
5571
5586
  case 9:
5572
- _t.trys.push([9, 15, 16, 17]);
5573
- _m = __values(this.formConfig.tasks.post), _o = _m.next();
5574
- _t.label = 10;
5587
+ _v.trys.push([9, 15, 16, 17]);
5588
+ _p = __values(this.formConfig.tasks.post), _q = _p.next();
5589
+ _v.label = 10;
5575
5590
  case 10:
5576
- if (!!_o.done) return [3 /*break*/, 14];
5577
- postTask = _o.value;
5591
+ if (!!_q.done) return [3 /*break*/, 14];
5592
+ postTask = _q.value;
5578
5593
  task = new Tasks(postTask, {
5579
5594
  FORM_CONFIG: this.formConfig,
5580
5595
  FORM_FIELDS: this.formFields,
@@ -5592,7 +5607,7 @@
5592
5607
  }
5593
5608
  return [4 /*yield*/, task.execute()];
5594
5609
  case 11:
5595
- _t.sent();
5610
+ _v.sent();
5596
5611
  // Wait for ngOnChanges to be called before continuing to the next task
5597
5612
  return [4 /*yield*/, new Promise(function (resolve) {
5598
5613
  var intervalId = setInterval(function () {
@@ -5604,22 +5619,22 @@
5604
5619
  })];
5605
5620
  case 12:
5606
5621
  // Wait for ngOnChanges to be called before continuing to the next task
5607
- _t.sent();
5622
+ _v.sent();
5608
5623
  if (this.stopTaskExecution) {
5609
5624
  return [3 /*break*/, 14];
5610
5625
  }
5611
- _t.label = 13;
5626
+ _v.label = 13;
5612
5627
  case 13:
5613
- _o = _m.next();
5628
+ _q = _p.next();
5614
5629
  return [3 /*break*/, 10];
5615
5630
  case 14: return [3 /*break*/, 17];
5616
5631
  case 15:
5617
- e_14_1 = _t.sent();
5632
+ e_14_1 = _v.sent();
5618
5633
  e_14 = { error: e_14_1 };
5619
5634
  return [3 /*break*/, 17];
5620
5635
  case 16:
5621
5636
  try {
5622
- if (_o && !_o.done && (_s = _m.return)) _s.call(_m);
5637
+ if (_q && !_q.done && (_u = _p.return)) _u.call(_p);
5623
5638
  }
5624
5639
  finally { if (e_14) throw e_14.error; }
5625
5640
  return [7 /*endfinally*/];
@@ -5641,7 +5656,7 @@
5641
5656
  data: kwikidToolkit.mergeObjects(formData, this.popupFormData, this.taskData),
5642
5657
  extendedData: extendedFormData
5643
5658
  });
5644
- _t.label = 19;
5659
+ _v.label = 19;
5645
5660
  case 19: return [2 /*return*/];
5646
5661
  }
5647
5662
  });
@@ -5660,17 +5675,17 @@
5660
5675
  this.formGroup.updateValueAndValidity();
5661
5676
  };
5662
5677
  KwikIDFormViewComponent.prototype.fieldGroupHide = function (fieldGroup) {
5663
- var e_17, _h;
5678
+ var e_17, _k;
5664
5679
  try {
5665
- for (var _j = __values(this.fieldGroups[fieldGroup]), _k = _j.next(); !_k.done; _k = _j.next()) {
5666
- var fieldKey = _k.value;
5680
+ for (var _l = __values(this.fieldGroups[fieldGroup]), _m = _l.next(); !_m.done; _m = _l.next()) {
5681
+ var fieldKey = _m.value;
5667
5682
  this.fieldHide(fieldKey);
5668
5683
  }
5669
5684
  }
5670
5685
  catch (e_17_1) { e_17 = { error: e_17_1 }; }
5671
5686
  finally {
5672
5687
  try {
5673
- if (_k && !_k.done && (_h = _j.return)) _h.call(_j);
5688
+ if (_m && !_m.done && (_k = _l.return)) _k.call(_l);
5674
5689
  }
5675
5690
  finally { if (e_17) throw e_17.error; }
5676
5691
  }
@@ -5684,17 +5699,17 @@
5684
5699
  this.formGroup.updateValueAndValidity();
5685
5700
  };
5686
5701
  KwikIDFormViewComponent.prototype.fieldGroupShow = function (fieldGroup) {
5687
- var e_18, _h;
5702
+ var e_18, _k;
5688
5703
  try {
5689
- for (var _j = __values(this.fieldGroups[fieldGroup]), _k = _j.next(); !_k.done; _k = _j.next()) {
5690
- var fieldKey = _k.value;
5704
+ for (var _l = __values(this.fieldGroups[fieldGroup]), _m = _l.next(); !_m.done; _m = _l.next()) {
5705
+ var fieldKey = _m.value;
5691
5706
  this.fieldShow(fieldKey);
5692
5707
  }
5693
5708
  }
5694
5709
  catch (e_18_1) { e_18 = { error: e_18_1 }; }
5695
5710
  finally {
5696
5711
  try {
5697
- if (_k && !_k.done && (_h = _j.return)) _h.call(_j);
5712
+ if (_m && !_m.done && (_k = _l.return)) _k.call(_l);
5698
5713
  }
5699
5714
  finally { if (e_18) throw e_18.error; }
5700
5715
  }
@@ -5718,17 +5733,17 @@
5718
5733
  }
5719
5734
  };
5720
5735
  KwikIDFormViewComponent.prototype.fieldGroupDisable = function (fieldGroup) {
5721
- var e_19, _h;
5736
+ var e_19, _k;
5722
5737
  try {
5723
- for (var _j = __values(this.fieldGroups[fieldGroup]), _k = _j.next(); !_k.done; _k = _j.next()) {
5724
- var fieldKey = _k.value;
5738
+ for (var _l = __values(this.fieldGroups[fieldGroup]), _m = _l.next(); !_m.done; _m = _l.next()) {
5739
+ var fieldKey = _m.value;
5725
5740
  this.fieldDisable(fieldKey);
5726
5741
  }
5727
5742
  }
5728
5743
  catch (e_19_1) { e_19 = { error: e_19_1 }; }
5729
5744
  finally {
5730
5745
  try {
5731
- if (_k && !_k.done && (_h = _j.return)) _h.call(_j);
5746
+ if (_m && !_m.done && (_k = _l.return)) _k.call(_l);
5732
5747
  }
5733
5748
  finally { if (e_19) throw e_19.error; }
5734
5749
  }
@@ -5752,23 +5767,23 @@
5752
5767
  }
5753
5768
  };
5754
5769
  KwikIDFormViewComponent.prototype.fieldGroupEnable = function (fieldGroup) {
5755
- var e_20, _h;
5770
+ var e_20, _k;
5756
5771
  try {
5757
- for (var _j = __values(this.fieldGroups[fieldGroup]), _k = _j.next(); !_k.done; _k = _j.next()) {
5758
- var fieldKey = _k.value;
5772
+ for (var _l = __values(this.fieldGroups[fieldGroup]), _m = _l.next(); !_m.done; _m = _l.next()) {
5773
+ var fieldKey = _m.value;
5759
5774
  this.fieldEnable(fieldKey);
5760
5775
  }
5761
5776
  }
5762
5777
  catch (e_20_1) { e_20 = { error: e_20_1 }; }
5763
5778
  finally {
5764
5779
  try {
5765
- if (_k && !_k.done && (_h = _j.return)) _h.call(_j);
5780
+ if (_m && !_m.done && (_k = _l.return)) _k.call(_l);
5766
5781
  }
5767
5782
  finally { if (e_20) throw e_20.error; }
5768
5783
  }
5769
5784
  };
5770
5785
  KwikIDFormViewComponent.prototype.fieldReset = function (fieldKey) {
5771
- var _h;
5786
+ var _k;
5772
5787
  // Find the field and its index in the formFields array
5773
5788
  var field = getFormFieldByKey(this.formFields, fieldKey);
5774
5789
  var fieldIndex = getFormFieldIndexByKey(this.formFields, fieldKey);
@@ -5779,9 +5794,9 @@
5779
5794
  emitEvent: false,
5780
5795
  onlySelf: true
5781
5796
  });
5782
- this.formGroup.patchValue((_h = {},
5783
- _h[field.key] = resetValue,
5784
- _h), { emitEvent: false });
5797
+ this.formGroup.patchValue((_k = {},
5798
+ _k[field.key] = resetValue,
5799
+ _k), { emitEvent: false });
5785
5800
  this.formGroup.controls[field.key].updateValueAndValidity({
5786
5801
  emitEvent: true
5787
5802
  });
@@ -5849,13 +5864,13 @@
5849
5864
  KwikIDFormViewComponent.prototype.setValue = function (action, object) {
5850
5865
  return __awaiter(this, void 0, void 0, function () {
5851
5866
  var source, sourceValue;
5852
- return __generator(this, function (_h) {
5853
- switch (_h.label) {
5867
+ return __generator(this, function (_k) {
5868
+ switch (_k.label) {
5854
5869
  case 0:
5855
5870
  source = new kwikidToolkit.Source(object);
5856
5871
  return [4 /*yield*/, source.getValueFromSource(action.props.value.source)];
5857
5872
  case 1:
5858
- sourceValue = _h.sent();
5873
+ sourceValue = _k.sent();
5859
5874
  source.setValueToSource(action.props.value.destination, sourceValue);
5860
5875
  object.FIELD_CONFIG = source.object.FIELD_CONFIG;
5861
5876
  this.formData = source.object.FORM_DATA;
@@ -5870,13 +5885,13 @@
5870
5885
  KwikIDFormViewComponent.prototype.setFieldDefaultValue = function (action, object) {
5871
5886
  return __awaiter(this, void 0, void 0, function () {
5872
5887
  var source, sourceValue;
5873
- return __generator(this, function (_h) {
5874
- switch (_h.label) {
5888
+ return __generator(this, function (_k) {
5889
+ switch (_k.label) {
5875
5890
  case 0:
5876
5891
  source = new kwikidToolkit.Source(object);
5877
5892
  return [4 /*yield*/, source.getValueFromSource(action.props.value.source)];
5878
5893
  case 1:
5879
- sourceValue = _h.sent();
5894
+ sourceValue = _k.sent();
5880
5895
  source.setValueToSource({
5881
5896
  key: kwikidToolkit.ESourceKey.OBJECT,
5882
5897
  props: {
@@ -5908,7 +5923,7 @@
5908
5923
  KwikIDFormViewComponent.prototype.setApiStatus = function (action, object) {
5909
5924
  return __awaiter(this, void 0, void 0, function () {
5910
5925
  var source, sourceValue;
5911
- return __generator(this, function (_h) {
5926
+ return __generator(this, function (_k) {
5912
5927
  source = new kwikidToolkit.Source(object);
5913
5928
  sourceValue = action.props.status;
5914
5929
  source.setValueToSource({
@@ -5929,13 +5944,13 @@
5929
5944
  KwikIDFormViewComponent.prototype.setApiHeaderValue = function (action, object) {
5930
5945
  return __awaiter(this, void 0, void 0, function () {
5931
5946
  var source, sourceValue;
5932
- return __generator(this, function (_h) {
5933
- switch (_h.label) {
5947
+ return __generator(this, function (_k) {
5948
+ switch (_k.label) {
5934
5949
  case 0:
5935
5950
  source = new kwikidToolkit.Source(object);
5936
5951
  return [4 /*yield*/, source.getValueFromSource(action.props.source)];
5937
5952
  case 1:
5938
- sourceValue = _h.sent();
5953
+ sourceValue = _k.sent();
5939
5954
  source.setValueToSource({
5940
5955
  key: kwikidToolkit.ESourceKey.OBJECT,
5941
5956
  props: {
@@ -5955,7 +5970,7 @@
5955
5970
  KwikIDFormViewComponent.prototype.setApiHeaderValidity = function (action, object) {
5956
5971
  return __awaiter(this, void 0, void 0, function () {
5957
5972
  var source, sourceValue;
5958
- return __generator(this, function (_h) {
5973
+ return __generator(this, function (_k) {
5959
5974
  source = new kwikidToolkit.Source(object);
5960
5975
  sourceValue = action.props.valid;
5961
5976
  source.setValueToSource({
@@ -5976,13 +5991,13 @@
5976
5991
  KwikIDFormViewComponent.prototype.setApiBodyValue = function (action, object) {
5977
5992
  return __awaiter(this, void 0, void 0, function () {
5978
5993
  var source, sourceValue;
5979
- return __generator(this, function (_h) {
5980
- switch (_h.label) {
5994
+ return __generator(this, function (_k) {
5995
+ switch (_k.label) {
5981
5996
  case 0:
5982
5997
  source = new kwikidToolkit.Source(object);
5983
5998
  return [4 /*yield*/, source.getValueFromSource(action.props.source)];
5984
5999
  case 1:
5985
- sourceValue = _h.sent();
6000
+ sourceValue = _k.sent();
5986
6001
  source.setValueToSource({
5987
6002
  key: kwikidToolkit.ESourceKey.OBJECT,
5988
6003
  props: {
@@ -6002,7 +6017,7 @@
6002
6017
  KwikIDFormViewComponent.prototype.setApiBodyValidity = function (action, object) {
6003
6018
  return __awaiter(this, void 0, void 0, function () {
6004
6019
  var source, sourceValue;
6005
- return __generator(this, function (_h) {
6020
+ return __generator(this, function (_k) {
6006
6021
  source = new kwikidToolkit.Source(object);
6007
6022
  sourceValue = action.props.valid;
6008
6023
  source.setValueToSource({
@@ -6023,7 +6038,7 @@
6023
6038
  KwikIDFormViewComponent.prototype.setFieldValidity = function (action, object) {
6024
6039
  return __awaiter(this, void 0, void 0, function () {
6025
6040
  var source, sourceValue;
6026
- return __generator(this, function (_h) {
6041
+ return __generator(this, function (_k) {
6027
6042
  source = new kwikidToolkit.Source(object);
6028
6043
  console.log(kwikidToolkit.getObjectDeepCopy(object));
6029
6044
  sourceValue = action.props.valid;
@@ -6045,18 +6060,18 @@
6045
6060
  KwikIDFormViewComponent.prototype.setDropdownOptions = function (action, object) {
6046
6061
  return __awaiter(this, void 0, void 0, function () {
6047
6062
  var source, sourceValue, appendToPath, appendToPathStr, optionsPath;
6048
- return __generator(this, function (_h) {
6049
- switch (_h.label) {
6063
+ return __generator(this, function (_k) {
6064
+ switch (_k.label) {
6050
6065
  case 0:
6051
6066
  source = new kwikidToolkit.Source(object);
6052
6067
  return [4 /*yield*/, source.getValueFromSource(action.props.value.source)];
6053
6068
  case 1:
6054
- sourceValue = _h.sent();
6069
+ sourceValue = _k.sent();
6055
6070
  if (!kwikidToolkit.checkObjectKeyExists(action.props, "options")) return [3 /*break*/, 4];
6056
6071
  if (!kwikidToolkit.checkObjectKeyExists(action.props.options, "appendToPath")) return [3 /*break*/, 3];
6057
6072
  return [4 /*yield*/, source.getValueFromSource(action.props.options.appendToPath.source)];
6058
6073
  case 2:
6059
- appendToPath = _h.sent();
6074
+ appendToPath = _k.sent();
6060
6075
  if (kwikidToolkit.isNotEmptyValue(appendToPath)) {
6061
6076
  appendToPathStr = kwikidToolkit.replaceString(appendToPath.match("" + action.props.options.appendToPath.filterSourceValue)[0], "[^a-zA-Z0-9_]", "_");
6062
6077
  optionsPath = "" + action.props.options.path + appendToPathStr;
@@ -6065,7 +6080,7 @@
6065
6080
  return [3 /*break*/, 4];
6066
6081
  case 3:
6067
6082
  sourceValue = kwikidToolkit.getObjectValueFromPath(sourceValue, action.props.options.path);
6068
- _h.label = 4;
6083
+ _k.label = 4;
6069
6084
  case 4:
6070
6085
  source.setValueToSource(action.props.value.destination, sourceValue);
6071
6086
  object.FIELD_CONFIG = source.object.FIELD_CONFIG;
@@ -6080,19 +6095,19 @@
6080
6095
  KwikIDFormViewComponent.prototype.apiCall = function (action, object) {
6081
6096
  return __awaiter(this, void 0, void 0, function () {
6082
6097
  var apiConfig, response;
6083
- var _h;
6084
- return __generator(this, function (_j) {
6085
- switch (_j.label) {
6098
+ var _k;
6099
+ return __generator(this, function (_l) {
6100
+ switch (_l.label) {
6086
6101
  case 0:
6087
6102
  apiConfig = this.formConfig.apis[action.props.formApiKey];
6088
6103
  return [4 /*yield*/, this.handleApiCall(apiConfig)];
6089
6104
  case 1:
6090
- response = _j.sent();
6105
+ response = _l.sent();
6091
6106
  apiConfig = response.api;
6092
6107
  this.formConfig = kwikidToolkit.setValueToObjectPath(this.formConfig, "apis." + action.props.formApiKey, apiConfig);
6093
- this.formData = kwikidToolkit.mergeObjects(this.formData, (_h = {},
6094
- _h[action.props.formApiKey] = apiConfig.response.value,
6095
- _h));
6108
+ this.formData = kwikidToolkit.mergeObjects(this.formData, (_k = {},
6109
+ _k[action.props.formApiKey] = apiConfig.response.value,
6110
+ _k));
6096
6111
  return [2 /*return*/, apiConfig];
6097
6112
  }
6098
6113
  });
@@ -6101,13 +6116,13 @@
6101
6116
  KwikIDFormViewComponent.prototype.fieldApiCall = function (action, object) {
6102
6117
  return __awaiter(this, void 0, void 0, function () {
6103
6118
  var apiConfig;
6104
- return __generator(this, function (_h) {
6105
- switch (_h.label) {
6119
+ return __generator(this, function (_k) {
6120
+ switch (_k.label) {
6106
6121
  case 0:
6107
6122
  this.showApiLoader();
6108
6123
  return [4 /*yield*/, this.apiCall(action, object)];
6109
6124
  case 1:
6110
- apiConfig = _h.sent();
6125
+ apiConfig = _k.sent();
6111
6126
  this.hideApiLoader();
6112
6127
  return [2 /*return*/];
6113
6128
  }
@@ -6117,8 +6132,8 @@
6117
6132
  KwikIDFormViewComponent.prototype.fieldMultipleApiCalls = function (action, object) {
6118
6133
  return __awaiter(this, void 0, void 0, function () {
6119
6134
  var entrypointApiKey, field, endpoints, nextApiIndex, apiConfig, response;
6120
- return __generator(this, function (_h) {
6121
- switch (_h.label) {
6135
+ return __generator(this, function (_k) {
6136
+ switch (_k.label) {
6122
6137
  case 0:
6123
6138
  entrypointApiKey = action.props.apiKey;
6124
6139
  field = getFormFieldByKey(this.formFields, action.props.fieldKey);
@@ -6127,7 +6142,7 @@
6127
6142
  apiConfig = endpoints[nextApiIndex];
6128
6143
  return [4 /*yield*/, this.handleFieldApiCall(field, apiConfig)];
6129
6144
  case 1:
6130
- response = _h.sent();
6145
+ response = _k.sent();
6131
6146
  field = response.field;
6132
6147
  field.api.endpoints[nextApiIndex] = response.api;
6133
6148
  return [2 /*return*/];
@@ -6138,15 +6153,15 @@
6138
6153
  KwikIDFormViewComponent.prototype.fieldMultipleApiCallsEnd = function (action, object) {
6139
6154
  return __awaiter(this, void 0, void 0, function () {
6140
6155
  var field, multipleApiCallResponses;
6141
- var _h;
6142
- return __generator(this, function (_j) {
6156
+ var _k;
6157
+ return __generator(this, function (_l) {
6143
6158
  field = getFormFieldByKey(this.formFields, action.props.fieldKey);
6144
6159
  multipleApiCallResponses = {};
6145
6160
  field.api.endpoints.map(function (api) {
6146
6161
  if (kwikidToolkit.checkObjectKeyExists(api.response, "value"))
6147
6162
  multipleApiCallResponses = kwikidToolkit.setValueToObjectPath(multipleApiCallResponses, "" + api.apiKey, api.response.value);
6148
6163
  });
6149
- this.formData = Object.assign(Object.assign({}, this.formData), (_h = {}, _h[field.key] = multipleApiCallResponses, _h));
6164
+ this.formData = Object.assign(Object.assign({}, this.formData), (_k = {}, _k[field.key] = multipleApiCallResponses, _k));
6150
6165
  this.patchFormGroup(this.formData);
6151
6166
  return [2 /*return*/];
6152
6167
  });
@@ -6155,17 +6170,17 @@
6155
6170
  KwikIDFormViewComponent.prototype.taskApiCall = function (action, object) {
6156
6171
  return __awaiter(this, void 0, void 0, function () {
6157
6172
  var apiConfig;
6158
- var _h;
6159
- return __generator(this, function (_j) {
6160
- switch (_j.label) {
6173
+ var _k;
6174
+ return __generator(this, function (_l) {
6175
+ switch (_l.label) {
6161
6176
  case 0:
6162
6177
  this.showApiLoader();
6163
6178
  return [4 /*yield*/, this.apiCall(action, object)];
6164
6179
  case 1:
6165
- apiConfig = _j.sent();
6166
- this.taskData = kwikidToolkit.mergeObjects(this.taskData, (_h = {},
6167
- _h[action.props.formApiKey] = apiConfig.response.value,
6168
- _h));
6180
+ apiConfig = _l.sent();
6181
+ this.taskData = kwikidToolkit.mergeObjects(this.taskData, (_k = {},
6182
+ _k[action.props.formApiKey] = apiConfig.response.value,
6183
+ _k));
6169
6184
  this.waitingForChanges = false;
6170
6185
  this.hideApiLoader();
6171
6186
  return [2 /*return*/];
@@ -6176,8 +6191,8 @@
6176
6191
  KwikIDFormViewComponent.prototype.taskMultipleApiCalls = function (action, object) {
6177
6192
  return __awaiter(this, void 0, void 0, function () {
6178
6193
  var multipleApiConfig, entrypointApiKey_1, endpoints, nextApiIndex, apiConfig, response, apis;
6179
- return __generator(this, function (_h) {
6180
- switch (_h.label) {
6194
+ return __generator(this, function (_k) {
6195
+ switch (_k.label) {
6181
6196
  case 0:
6182
6197
  this.showApiLoader();
6183
6198
  multipleApiConfig = this.formConfig.apis[action.props.formApiKey];
@@ -6188,7 +6203,7 @@
6188
6203
  apiConfig = endpoints[nextApiIndex];
6189
6204
  return [4 /*yield*/, this.handleApiCall(apiConfig)];
6190
6205
  case 1:
6191
- response = _h.sent();
6206
+ response = _k.sent();
6192
6207
  multipleApiConfig.endpoints[nextApiIndex] = response.api;
6193
6208
  this.formConfig = kwikidToolkit.setValueToObjectPath(this.formConfig, "apis." + action.props.formApiKey, multipleApiConfig);
6194
6209
  this.hideApiLoader();
@@ -6205,8 +6220,8 @@
6205
6220
  }, this.takeAction.bind(this));
6206
6221
  return [4 /*yield*/, apis.callNextApi(multipleApiConfig.entrypoint)];
6207
6222
  case 3:
6208
- _h.sent();
6209
- _h.label = 4;
6223
+ _k.sent();
6224
+ _k.label = 4;
6210
6225
  case 4: return [2 /*return*/];
6211
6226
  }
6212
6227
  });
@@ -6215,15 +6230,15 @@
6215
6230
  KwikIDFormViewComponent.prototype.taskMultipleApiCallsEnd = function (action, object) {
6216
6231
  return __awaiter(this, void 0, void 0, function () {
6217
6232
  var multipleApiConfig, multipleApiCallResponses;
6218
- var _h;
6219
- return __generator(this, function (_j) {
6233
+ var _k;
6234
+ return __generator(this, function (_l) {
6220
6235
  multipleApiConfig = this.formConfig.apis[action.props.formApiKey];
6221
6236
  multipleApiCallResponses = {};
6222
6237
  multipleApiConfig.endpoints.map(function (api) {
6223
6238
  if (kwikidToolkit.checkObjectKeyExists(api.response, "value"))
6224
6239
  multipleApiCallResponses = kwikidToolkit.setValueToObjectPath(multipleApiCallResponses, "" + api.apiKey, api.response.value);
6225
6240
  });
6226
- this.taskData = Object.assign(Object.assign({}, this.taskData), (_h = {}, _h[action.props.formApiKey] = multipleApiCallResponses, _h));
6241
+ this.taskData = Object.assign(Object.assign({}, this.taskData), (_k = {}, _k[action.props.formApiKey] = multipleApiCallResponses, _k));
6227
6242
  this.waitingForChanges = false;
6228
6243
  this.hideApiLoader();
6229
6244
  return [2 /*return*/];
@@ -6405,7 +6420,7 @@
6405
6420
  };
6406
6421
  KwikIDFormViewComponent.prototype.takeActionOnFieldGroup = function (action, object) {
6407
6422
  return __awaiter(this, void 0, void 0, function () {
6408
- return __generator(this, function (_h) {
6423
+ return __generator(this, function (_k) {
6409
6424
  switch (action.key) {
6410
6425
  case EActionKey.FIELD_GROUP_HIDE:
6411
6426
  this.fieldGroupHide(action.props.groupKey);
@@ -6429,12 +6444,12 @@
6429
6444
  KwikIDFormViewComponent.prototype.takeAction = function (action, object) {
6430
6445
  var _a, _b, _c, _d, _e, _f;
6431
6446
  return __awaiter(this, void 0, void 0, function () {
6432
- var _h, fieldErrorShow_Source, fieldErrorShowSourceValue, fieldErrorHide_Source, fieldErrorHideSourceValue, redirectToUrl_Source, redirectToUrlSourceValue, previewErrorShow_Source, previewErrorShowSourceValue;
6433
- return __generator(this, function (_j) {
6434
- switch (_j.label) {
6447
+ var _k, fieldErrorShow_Source, fieldErrorShowSourceValue, fieldErrorHide_Source, fieldErrorHideSourceValue, redirectToUrl_Source, redirectToUrlSourceValue, previewErrorShow_Source, previewErrorShowSourceValue;
6448
+ return __generator(this, function (_l) {
6449
+ switch (_l.label) {
6435
6450
  case 0:
6436
- _h = action.key;
6437
- switch (_h) {
6451
+ _k = action.key;
6452
+ switch (_k) {
6438
6453
  case EActionKey.FIELD_HIDE: return [3 /*break*/, 1];
6439
6454
  case EActionKey.FIELD_SHOW: return [3 /*break*/, 2];
6440
6455
  case EActionKey.FIELD_DISABLE: return [3 /*break*/, 3];
@@ -6495,7 +6510,7 @@
6495
6510
  fieldErrorShow_Source = new kwikidToolkit.Source(object);
6496
6511
  return [4 /*yield*/, fieldErrorShow_Source.getValueFromSource(action.props.message.source)];
6497
6512
  case 7:
6498
- fieldErrorShowSourceValue = _j.sent();
6513
+ fieldErrorShowSourceValue = _l.sent();
6499
6514
  if (typeof fieldErrorShowSourceValue == "string" ||
6500
6515
  typeof fieldErrorShowSourceValue == "number") {
6501
6516
  fieldErrorShowSourceValue = String(fieldErrorShowSourceValue);
@@ -6504,7 +6519,7 @@
6504
6519
  fieldErrorShowSourceValue = "";
6505
6520
  }
6506
6521
  action = kwikidToolkit.setValueToObjectPath(action, "props.message.message", fieldErrorShowSourceValue);
6507
- _j.label = 8;
6522
+ _l.label = 8;
6508
6523
  case 8:
6509
6524
  this.fieldErrorShow(action.props.fieldKey, action.props.message);
6510
6525
  return [3 /*break*/, 63];
@@ -6513,7 +6528,7 @@
6513
6528
  fieldErrorHide_Source = new kwikidToolkit.Source(object);
6514
6529
  return [4 /*yield*/, fieldErrorHide_Source.getValueFromSource(action.props.message.source)];
6515
6530
  case 10:
6516
- fieldErrorHideSourceValue = _j.sent();
6531
+ fieldErrorHideSourceValue = _l.sent();
6517
6532
  if (typeof fieldErrorHideSourceValue == "string" ||
6518
6533
  typeof fieldErrorHideSourceValue == "number") {
6519
6534
  fieldErrorHideSourceValue = String(fieldErrorHideSourceValue);
@@ -6522,7 +6537,7 @@
6522
6537
  fieldErrorHideSourceValue = "";
6523
6538
  }
6524
6539
  action = kwikidToolkit.setValueToObjectPath(action, "props.message.message", fieldErrorHideSourceValue);
6525
- _j.label = 11;
6540
+ _l.label = 11;
6526
6541
  case 11:
6527
6542
  this.fieldErrorHide(action.props.fieldKey, action.props.message);
6528
6543
  return [3 /*break*/, 63];
@@ -6534,81 +6549,81 @@
6534
6549
  return [3 /*break*/, 63];
6535
6550
  case 14: return [4 /*yield*/, this.setValue(action, object)];
6536
6551
  case 15:
6537
- _j.sent();
6552
+ _l.sent();
6538
6553
  return [3 /*break*/, 63];
6539
6554
  case 16: return [4 /*yield*/, this.setFieldDefaultValue(action, object)];
6540
6555
  case 17:
6541
- _j.sent();
6556
+ _l.sent();
6542
6557
  return [3 /*break*/, 63];
6543
6558
  case 18: return [4 /*yield*/, this.setApiStatus(action, object)];
6544
6559
  case 19:
6545
- _j.sent();
6560
+ _l.sent();
6546
6561
  return [3 /*break*/, 63];
6547
6562
  case 20: return [4 /*yield*/, this.setApiHeaderValue(action, object)];
6548
6563
  case 21:
6549
- _j.sent();
6564
+ _l.sent();
6550
6565
  return [3 /*break*/, 63];
6551
6566
  case 22: return [4 /*yield*/, this.setApiHeaderValidity(action, object)];
6552
6567
  case 23:
6553
- _j.sent();
6568
+ _l.sent();
6554
6569
  return [3 /*break*/, 63];
6555
6570
  case 24: return [4 /*yield*/, this.setApiBodyValue(action, object)];
6556
6571
  case 25:
6557
- _j.sent();
6572
+ _l.sent();
6558
6573
  return [3 /*break*/, 63];
6559
6574
  case 26: return [4 /*yield*/, this.setApiBodyValidity(action, object)];
6560
6575
  case 27:
6561
- _j.sent();
6576
+ _l.sent();
6562
6577
  return [3 /*break*/, 63];
6563
6578
  case 28: return [4 /*yield*/, this.setDropdownOptions(action, object)];
6564
6579
  case 29:
6565
- _j.sent();
6580
+ _l.sent();
6566
6581
  return [3 /*break*/, 63];
6567
6582
  case 30: return [4 /*yield*/, this.setFieldValidity(action, object)];
6568
6583
  case 31:
6569
- _j.sent();
6584
+ _l.sent();
6570
6585
  return [3 /*break*/, 63];
6571
6586
  case 32:
6572
6587
  this.handleConnectedElements({ key: action.props.fieldKey }, "ON_ACTION");
6573
6588
  return [3 /*break*/, 63];
6574
6589
  case 33: return [4 /*yield*/, this.fieldApiCall(action, object)];
6575
6590
  case 34:
6576
- _j.sent();
6591
+ _l.sent();
6577
6592
  return [3 /*break*/, 63];
6578
6593
  case 35: return [4 /*yield*/, this.fieldMultipleApiCalls(action, object)];
6579
6594
  case 36:
6580
- _j.sent();
6595
+ _l.sent();
6581
6596
  return [3 /*break*/, 63];
6582
6597
  case 37: return [4 /*yield*/, this.fieldMultipleApiCallsEnd(action, object)];
6583
6598
  case 38:
6584
- _j.sent();
6599
+ _l.sent();
6585
6600
  return [3 /*break*/, 63];
6586
6601
  case 39: return [4 /*yield*/, this.taskApiCall(action, object)];
6587
6602
  case 40:
6588
- _j.sent();
6603
+ _l.sent();
6589
6604
  return [3 /*break*/, 63];
6590
6605
  case 41: return [4 /*yield*/, this.taskMultipleApiCalls(action, object)];
6591
6606
  case 42:
6592
- _j.sent();
6607
+ _l.sent();
6593
6608
  return [3 /*break*/, 63];
6594
6609
  case 43: return [4 /*yield*/, this.taskMultipleApiCallsEnd(action, object)];
6595
6610
  case 44:
6596
- _j.sent();
6611
+ _l.sent();
6597
6612
  return [3 /*break*/, 63];
6598
6613
  case 45:
6599
6614
  if (!kwikidToolkit.checkObjectKeyExists(action.props.url, "source")) return [3 /*break*/, 47];
6600
6615
  redirectToUrl_Source = new kwikidToolkit.Source(object);
6601
6616
  return [4 /*yield*/, redirectToUrl_Source.getValueFromSource(action.props.url.source)];
6602
6617
  case 46:
6603
- redirectToUrlSourceValue = _j.sent();
6618
+ redirectToUrlSourceValue = _l.sent();
6604
6619
  if (kwikidToolkit.isEmptyString(redirectToUrlSourceValue)) {
6605
6620
  redirectToUrlSourceValue = "";
6606
6621
  }
6607
6622
  action = kwikidToolkit.setValueToObjectPath(action, "props.url.url", redirectToUrlSourceValue);
6608
- _j.label = 47;
6623
+ _l.label = 47;
6609
6624
  case 47:
6610
6625
  this.redirectToUrl(action);
6611
- _j.label = 48;
6626
+ _l.label = 48;
6612
6627
  case 48:
6613
6628
  this.showPreview(action.props);
6614
6629
  return [3 /*break*/, 63];
@@ -6617,7 +6632,7 @@
6617
6632
  previewErrorShow_Source = new kwikidToolkit.Source(object);
6618
6633
  return [4 /*yield*/, previewErrorShow_Source.getValueFromSource(action.props.message.source)];
6619
6634
  case 50:
6620
- previewErrorShowSourceValue = _j.sent();
6635
+ previewErrorShowSourceValue = _l.sent();
6621
6636
  if (typeof previewErrorShowSourceValue == "string" ||
6622
6637
  typeof previewErrorShowSourceValue == "number") {
6623
6638
  previewErrorShowSourceValue = String(previewErrorShowSourceValue);
@@ -6626,7 +6641,7 @@
6626
6641
  previewErrorShowSourceValue = "";
6627
6642
  }
6628
6643
  action = kwikidToolkit.setValueToObjectPath(action, "props.message.message", previewErrorShowSourceValue);
6629
- _j.label = 51;
6644
+ _l.label = 51;
6630
6645
  case 51:
6631
6646
  this.showErrorPreview(action.props);
6632
6647
  return [3 /*break*/, 63];
@@ -6674,7 +6689,7 @@
6674
6689
  return KwikIDFormViewComponent;
6675
6690
  }());
6676
6691
  /** @nocollapse */ KwikIDFormViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDFormViewComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: KwikIDFormViewService }, { token: i5.TuiPushService }, { token: i3$1.TuiAlertService }, { token: i6.TuiPreviewDialogService }, { token: i3$1.TuiDialogService }, { token: i2__namespace.KwikUILoaderService }], target: i0__namespace.ɵɵFactoryTarget.Component });
6677
- /** @nocollapse */ KwikIDFormViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: { formConfig: "formConfig", formData: "formData", isMobileView: "isMobileView", allFormsData: "allFormsData", userConfig: "userConfig", apiCallResponse: "apiCallResponse", buttonClickResponse: "buttonClickResponse", popupFormCallback: "popupFormCallback" }, outputs: { onClickGoBack: "onClickGoBack", onClickViewForms: "onClickViewForms", getUnsavedDataState: "getUnsavedDataState", onClickSaveForm: "onClickSaveForm", onClickApiCall: "onClickApiCall", onActionShowPopupForm: "onActionShowPopupForm", onClickFormFieldButton: "onClickFormFieldButton" }, providers: [KwikIDFormViewService], viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div\n class=\"kwikid-form-container\"\n *ngIf=\"!loading\"\n>\n <div\n id=\"uf-form-fields-header-container\"\n *ngIf=\"\n !formConfig.properties?.header?.title?.hidden ||\n !formConfig.properties?.header?.logo?.hidden ||\n !formConfig.properties?.header?.steps?.hidden ||\n !formConfig.properties?.header?.backButton?.hidden\n \"\n >\n <img\n id=\"uf-header-logo\"\n *ngIf=\"!formConfig.properties?.header?.logo?.hidden && isMobileView\"\n [src]=\"formConfig.properties?.header?.logo?.src\"\n [alt]=\"formConfig.properties?.header?.logo?.alt\"\n [style]=\"\n formConfig.properties?.header?.logo?.styles ?? '' | styleSanitizer\n \"\n />\n <div id=\"uf-form-fields-header-main\">\n <div id=\"uf-form-fields-header-left\">\n <kwikui-button\n *ngIf=\"\n !formConfig.properties?.header.backButton.hidden && isMobileView\n \"\n [disabled]=\"backButton.disabled\"\n [showLoader]=\"backButton.showLoader\"\n appearance=\"mono\"\n icon=\"tuiIconArrowLeft\"\n shape=\"rounded\"\n (onClick)=\"\n handleOnClickGoBack(\n $event,\n formConfig.properties?.header.backButton.mode\n )\n \"\n ></kwikui-button>\n </div>\n <div id=\"uf-form-fields-header-right\">\n <div\n id=\"uf-form-fields-title\"\n *ngIf=\"!formConfig.properties?.header.title.hidden\"\n >{{ formConfig.properties?.header.title.label }}</div\n >\n <div\n id=\"uf-form-fields-steps\"\n *ngIf=\"!formConfig.properties?.header.steps.hidden\"\n >\n Step {{ formConfig.sequenceNo }} of {{ formConfig.formsListLength }}\n </div>\n </div>\n </div>\n <hr\n *ngIf=\"\n !formConfig.properties?.header.title.hidden ||\n !formConfig.properties?.header.steps.hidden ||\n !formConfig.properties?.header.backButton.hidden\n \"\n />\n </div>\n <form\n class=\"kwikid-form show\"\n [style]=\"formConfig.properties?.main?.styles ?? '' | styleSanitizer\"\n [formGroup]=\"formGroup\"\n >\n <ng-container\n *ngFor=\"\n let field of formFields;\n let i = index;\n trackBy: getUniqueIdentifier\n \"\n >\n <ng-container [ngSwitch]=\"field.type\">\n <!-- HTML Content -->\n <ng-container *ngSwitchCase=\"'html'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <div [innerHtml]=\"field.html | kwikuiSafeHtml\"></div>\n </div>\n </ng-container>\n <!-- Form Title -->\n <ng-container *ngSwitchCase=\"'title'\">\n <div\n class=\"title\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n [class.hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <div>\n {{ field.label }}\n </div>\n <kwikui-button\n *ngIf=\"field?.reset\"\n appearance=\"whiteblock\"\n size=\"s\"\n label=\"Reset\"\n (onClick)=\"handleOnClickResetFormFields($event, field)\"\n ></kwikui-button>\n </div>\n </ng-container>\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-button\n [appearance]=\"field?.properties?.appearance ?? 'primary'\"\n [class]=\"field?.properties?.class\"\n [disabled]=\"field?.disabled\"\n [icon]=\"field?.properties?.icon\"\n [iconRight]=\"field?.properties?.iconRight\"\n [id]=\"field?.key\"\n [label]=\"field?.label\"\n [shape]=\"field?.properties?.shape\"\n [showLoader]=\"field?.properties?.loading ?? false\"\n [size]=\"field?.properties?.size\"\n [styles]=\"field?.properties?.styles\"\n [type]=\"'button'\"\n (onClick)=\"handleOnClickFormFieldButton(field)\"\n ></kwikui-button>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Text -->\n <ng-container *ngSwitchCase=\"'text'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input\n [case]=\"field?.properties?.case\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [type]=\"'text'\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Email -->\n <ng-container *ngSwitchCase=\"'email'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-email\n [case]=\"field?.properties?.case\"\n [disabled]=\"field?.disabled\"\n [domains]=\"field?.properties?.domains\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-email>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Password -->\n <ng-container *ngSwitchCase=\"'password'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-password\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [hintContent]=\"field?.properties?.hintContent\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-password>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Textarea -->\n <ng-container *ngSwitchCase=\"'textarea'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-textarea\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-textarea>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Checkbox -->\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-checkbox\n [contentAlign]=\"field?.properties?.contentAlign ?? 'left'\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.properties?.placeholder\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size ?? 'l'\"\n [validators]=\"field?.validators\"\n [variant]=\"field?.properties?.variant ?? 'block'\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-checkbox>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Number -->\n <ng-container *ngSwitchCase=\"'number'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-number\n [decimal]=\"field?.properties?.decimal\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [min]=\"field?.properties?.min\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix ?? ''\"\n [precision]=\"field?.properties?.precision\"\n [prefix]=\"field?.properties?.prefix ?? ''\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-number>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Date -->\n <ng-container *ngSwitchCase=\"'date'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-date\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [maxCalculatedFromToday]=\"\n field?.properties?.maxCalculatedFromToday\n \"\n [min]=\"field?.properties?.min\"\n [minCalculatedFromToday]=\"\n field?.properties?.minCalculatedFromToday\n \"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-date>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Phone -->\n <ng-container *ngSwitchCase=\"'phone'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-phone\n [countryCode]=\"field?.properties?.countryCode\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [phoneMaskAfterCountryCode]=\"\n field?.properties?.phoneMaskAfterCountryCode\n \"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [removeCountryCodeFromValue]=\"\n field?.properties?.removeCountryCodeFromValue\n \"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-phone>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Radio -->\n <ng-container *ngSwitchCase=\"'radio'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n [tuiLabel]=\"labelTemplate\"\n style=\"min-height: auto; padding: 0px 0.5rem\"\n >\n <kwikui-input-radio\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [items]=\"field?.options\"\n [label]=\"field?.label\"\n [orientation]=\"field?.properties?.orientation\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-radio>\n </label>\n <ng-template #labelTemplate>\n <p\n class=\"tui-space_bottom-2\"\n [hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <b>\n {{ field.label }}\n <span *ngIf=\"field.validators?.required\">*</span>\n </b>\n </p>\n </ng-template>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Dropdown -->\n <ng-container *ngSwitchCase=\"'select'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-select\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [options]=\"field.options\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [searchable]=\"field?.properties?.searchable\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-select>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Slider -->\n <ng-container *ngSwitchCase=\"'slider'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-slider\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [min]=\"field?.properties?.min\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [quantum]=\"field?.properties?.quantum\"\n [size]=\"field?.properties?.size\"\n [steps]=\"field?.properties?.steps\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-slider>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- API Call -->\n <ng-container *ngSwitchCase=\"'api'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-button-api-call\n [apiStatus]=\"field?.api?.status?.value\"\n [class]=\"field?.class\"\n [disabled]=\"field?.disabled\"\n [id]=\"field.key\"\n [label]=\"field?.api?.status?.labels[field?.api?.status?.value]\"\n [showLoader]=\"field?.disabled === 'loading'\"\n styles=\"width: fit-content\"\n (onClick)=\"handleOnClickApiCall($event)\"\n ></kwikui-button-api-call>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Mobile OTP -->\n <ng-container *ngSwitchCase=\"'otp'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-otp\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [mask]=\"field?.properties?.mask\"\n [mode]=\"field?.properties?.mode\"\n [otpLength]=\"field?.properties?.otpLength\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-otp>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Aadhaar Number -->\n <ng-container *ngSwitchCase=\"'aadhaar-number'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-aadhaar\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [mask]=\"field?.properties?.mask\"\n [placeholder]=\"field?.placeholder\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-aadhaar>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Preview Image -->\n <ng-container *ngSwitchCase=\"'image'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-image\n [altText]=\"field?.properties?.altText\"\n [class]=\"field?.properties?.class\"\n [html]=\"field?.properties?.html\"\n [id]=\"field.key\"\n [imageSrc]=\"field?.default?.value?.value ?? ''\"\n [imageType]=\"field?.properties?.imageType\"\n [loadingType]=\"field?.properties?.loadingType\"\n [styles]=\"field?.properties?.styles\"\n ></kwikui-image>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- File Upload -->\n <ng-container *ngSwitchCase=\"'file'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n [tuiLabel]=\"labelTemplate\"\n style=\"min-height: auto\"\n >\n <kwikui-input-files\n [accept]=\"field?.properties?.accept\"\n [class]=\"field?.properties?.class\"\n [disabled]=\"field?.disabled\"\n [files]=\"files[field.key]\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field?.key\"\n [label]=\"field?.properties?.label\"\n [link]=\"field?.properties?.link\"\n [maxFileSize]=\"field?.properties?.maxFileSize\"\n [multiple]=\"field?.properties?.multiple\"\n [setFileTypesToForm]=\"['NORMAL']\"\n [styles]=\"field?.properties?.styles\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValueFile($event)\"\n (getRemovedFile)=\"handleRemovedFile($event)\"\n ></kwikui-input-files>\n </label>\n <ng-template #labelTemplate>\n <p\n style=\"padding: 0px 0.25rem; margin-bottom: 0.25rem\"\n [hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <b>\n {{ field.label }}\n <span *ngIf=\"field.validators?.required\">*</span>\n </b>\n </p>\n </ng-template>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Camera Capture -->\n <ng-container *ngSwitchCase=\"'capture'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n *ngIf=\"\n field?.label !== '' &&\n field?.label !== undefined &&\n field?.label !== null\n \"\n style=\"min-height: auto\"\n >\n <p\n *ngIf=\"field?.label !== ''\"\n style=\"padding: 0px 0.25rem; margin-bottom: 0.5rem\"\n [hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <b>\n {{ field.label }}\n <span *ngIf=\"field.validators?.required\">*</span>\n </b>\n </p>\n </label>\n <kwikui-input-camera\n [buttonText]=\"field?.properties?.buttonText\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [icon]=\"field?.properties?.icon\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [mediaFiles]=\"mediaFiles[field.key]\"\n [properties]=\"field?.properties\"\n [showMediaFiles]=\"field?.properties?.showMediaFiles\"\n [type]=\"'CAPTURE'\"\n [validators]=\"field?.validators\"\n (onClick)=\"handleOnClickInputCamera($event, field)\"\n (getRemovedFile)=\"handleOnClickGetRemovedMediaFile($event)\"\n ></kwikui-input-camera>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Star Rating -->\n <ng-container *ngSwitchCase=\"'star-rating'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n [tuiLabel]=\"labelTemplate\"\n style=\"min-height: auto; padding: 0px 0.5rem\"\n >\n <kwikui-star-rating\n [color]=\"field?.properties?.color\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [icon]=\"field?.properties?.icon\"\n [iconMarked]=\"field?.properties?.iconMarked\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [min]=\"field?.properties?.min\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-star-rating>\n </label>\n <ng-template #labelTemplate>\n <p>\n <b\n >{{ field?.properties?.placeholder }}\n <span *ngIf=\"field.validators?.required\">*</span></b\n >\n </p>\n </ng-template>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </form>\n <div\n class=\"kwikid-form-buttons\"\n *ngIf=\"\n !formConfig.properties.footer.viewFormsButton.hidden ||\n !formConfig.properties.footer.saveButton.hidden\n \"\n >\n <kwikui-button\n *ngIf=\"\n !formConfig.properties.footer.viewFormsButton.hidden && isMobileView\n \"\n [appearance]=\"'secondary'\"\n [disabled]=\"viewFormsButton.disabled\"\n [label]=\"formConfig.properties.footer.viewFormsButton.label\"\n [showLoader]=\"viewFormsButton.showLoader\"\n [styles]=\"'width: 100%'\"\n (onClick)=\"handleOnClickViewForms($event)\"\n ></kwikui-button>\n <kwikui-button\n *ngIf=\"!formConfig.properties.footer.saveButton.hidden\"\n [disabled]=\"saveFormButton.disabled\"\n [label]=\"formConfig.properties.footer.saveButton.label\"\n [showLoader]=\"saveFormButton.showLoader\"\n [styles]=\"'width: 100%'\"\n (onClick)=\"handleOnClickSaveForm($event)\"\n ></kwikui-button>\n </div>\n</div>\n<div\n class=\"kwikid-form-container-loading\"\n *ngIf=\"loading\"\n>\n <div\n *ngFor=\"let item of [].constructor(7); let i = index\"\n class=\"large-wrapper tui-skeleton tui-skeleton_rounded\"\n >\n </div>\n</div>\n\n<kwikui-loader></kwikui-loader>\n\n<tui-push\n id=\"field-error-notification\"\n *tuiPush=\"showErrorNotification\"\n heading=\"Missing/Incorrect Fields!\"\n type=\"Error\"\n (close)=\"toggleErrorNotification(false)\"\n>\n <tui-svg\n src=\"tuiIconXCircle\"\n style=\"color: #fff !important\"\n >\n </tui-svg>\n</tui-push>\n\n<ng-template\n #preview\n let-preview\n>\n <tui-preview\n [rotatable]=\"false\"\n [zoomable]=\"false\"\n class=\"preview-container\"\n >\n <tui-preview-title *ngIf=\"previewProperties.title !== ''\">{{\n previewProperties.title\n }}</tui-preview-title>\n\n <ng-container *ngIf=\"!previewProperties.unavailable\">\n <div\n *ngIf=\"previewProperties?.html?.before !== ''\"\n class=\"preview-html preview-html-before\"\n [style]=\"previewProperties?.html?.beforeStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.before | kwikuiSafeHtml\"\n ></div>\n\n <!-- Content within the iframe -->\n <div\n class=\"preview-iframe-content\"\n [style]=\"\n previewProperties?.iframe?.containerStyles ?? '' | styleSanitizer\n \"\n *ngIf=\"previewProperties.iframe.src !== ''\"\n >\n <!-- Your HTML content here -->\n <iframe\n [src]=\"previewProperties.iframe.src | kwikuiSafeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n [title]=\"previewProperties.iframe.title\"\n class=\"preview-iframe\"\n scrolling=\"auto\"\n ></iframe>\n </div>\n\n <div\n *ngIf=\"previewProperties?.html?.after !== ''\"\n class=\"preview-html preview-html-after\"\n [style]=\"previewProperties?.html?.afterStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.after | kwikuiSafeHtml\"\n ></div>\n </ng-container>\n\n <ng-container *ngIf=\"previewProperties.unavailable\">\n <div class=\"preview-unavailable\">\n <tui-svg\n src=\"tuiIconFileLarge\"\n class=\"t-icon\"\n ></tui-svg>\n <div>Preview unavailable</div>\n </div>\n </ng-container>\n\n <button\n tuiIconButton\n tuiPreviewAction\n icon=\"tuiIconCloseLarge\"\n title=\"Close\"\n type=\"button\"\n (click)=\"preview.complete()\"\n ></button>\n </tui-preview>\n</ng-template>\n\n<ng-template\n #dialog\n let-dialog\n>\n <div class=\"preview-container\">\n <ng-container *ngIf=\"!previewProperties.unavailable\">\n <div\n *ngIf=\"previewProperties?.html?.before !== ''\"\n class=\"preview-html preview-html-before\"\n [style]=\"previewProperties?.html?.beforeStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.before | kwikuiSafeHtml\"\n ></div>\n\n <!-- Content within the iframe -->\n <div\n class=\"preview-iframe-content\"\n [style]=\"\n previewProperties?.iframe?.containerStyles ?? '' | styleSanitizer\n \"\n *ngIf=\"previewProperties.iframe.src !== ''\"\n >\n <!-- Your HTML content here -->\n <iframe\n [src]=\"previewProperties.iframe.src | kwikuiSafeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n [title]=\"previewProperties.iframe.title\"\n class=\"preview-iframe\"\n scrolling=\"auto\"\n ></iframe>\n </div>\n\n <div\n *ngIf=\"previewProperties?.html?.after !== ''\"\n class=\"preview-html preview-html-after\"\n [style]=\"previewProperties?.html?.afterStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.after | kwikuiSafeHtml\"\n ></div>\n </ng-container>\n\n <ng-container *ngIf=\"previewProperties.unavailable\">\n <div class=\"preview-unavailable\">\n <tui-svg\n src=\"tuiIconFileLarge\"\n class=\"t-icon\"\n ></tui-svg>\n <div>Preview unavailable</div>\n </div>\n </ng-container>\n </div>\n</ng-template>\n\n<div\n id=\"kwikid-camera-container\"\n *ngIf=\"isShowCameraCapture\"\n>\n <div\n id=\"kwikid-camera-wrapper\"\n [class.fullscreen]=\"isShowCameraFullscreen\"\n >\n <kwikid-camera\n [type]=\"'CAPTURE'\"\n [image]=\"cameraCaptureImage\"\n [config]=\"cameraCaptureConfig\"\n (getImage)=\"handleGetImage($event)\"\n (onClickSave)=\"handleOnClickSaveCameraCapture($event)\"\n >\n <ng-container slot=\"header\">\n <div style=\"display: flex; width: 100%; max-width: 100%; padding: 0rem\">\n <div style=\"flex: 1; text-align: left\"> </div>\n <kwikui-button\n *ngIf=\"cameraCaptureConfig?.header?.title !== ''\"\n appearance=\"whiteblock\"\n [label]=\"cameraCaptureConfig?.header?.title\"\n shape=\"rounded\"\n style=\"\n flex: 1;\n width: 100%;\n min-width: max-content;\n text-align: center;\n margin: auto;\n \"\n size=\"s\"\n ></kwikui-button>\n <div\n style=\"\n flex: 1;\n text-align: right;\n display: flex;\n justify-content: flex-end;\n gap: 1rem;\n \"\n >\n <kwikui-button\n *ngIf=\"cameraCaptureConfig?.header?.isExpand\"\n id=\"kwikid-camera-header-enlarge-button\"\n appearance=\"whiteblock\"\n [icon]=\"\n isShowCameraFullscreen ? 'tuiIconMinimize2' : 'tuiIconMaximize2'\n \"\n shape=\"rounded\"\n size=\"s\"\n (click)=\"isShowCameraFullscreen = !isShowCameraFullscreen\"\n ></kwikui-button>\n <kwikui-button\n *ngIf=\"cameraCaptureConfig?.header?.isClose\"\n id=\"kwikid-camera-header-close-button\"\n appearance=\"whiteblock\"\n icon=\"tuiIconCloseLarge\"\n shape=\"rounded\"\n size=\"s\"\n (click)=\"handleOnClickCloseCamera($event)\"\n ></kwikui-button>\n </div>\n </div>\n </ng-container>\n </kwikid-camera>\n </div>\n</div>\n", styles: [".kwikid-form-container{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center}.kwikid-form.show{width:100%;height:100%;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;align-content:center;justify-content:flex-start;align-items:stretch}.kwikid-form.show>*:not(:last-child){margin-bottom:1rem}.kwikid-form-buttons{width:100%;bottom:0px;padding:1rem;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center}.kwikid-form-buttons>*:not(:last-child){margin-right:1rem}.kwikid-form-buttons *{flex-grow:1}#uf-form-fields-header-container{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:flex-start;padding:1rem 1rem 0}#uf-form-fields-header-container>*:not(:last-child){margin-bottom:.5rem}#uf-form-fields-header-container #uf-header-logo{width:-moz-fit-content;width:fit-content;height:50px}#uf-form-fields-header-container #uf-form-fields-header-main{display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;width:100%}#uf-form-fields-header-container #uf-form-fields-header-main>*:not(:last-child){margin-right:.25rem}#uf-form-fields-header-container #uf-form-fields-header-main #uf-form-fields-header-right{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:flex-start}#uf-form-fields-header-container #uf-form-fields-header-main #uf-form-fields-header-right>*{margin-bottom:.5rem}#uf-form-fields-header-container hr{width:100%}#uf-form-fields-title{color:#000;font-size:1.75em;font-weight:bold}#uf-form-fields-steps{color:var(--color-on-secondary-container);font-size:1rem}.title{border-left:.25rem solid var(--tui-primary);padding:.75rem;font-size:1.4em;font-weight:bold;background-color:var(--tui-secondary);display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center}.title>*:not(:last-child){margin-right:.5rem}.title:not(:first-child){margin-top:.5rem}.title.hidden{display:none}.large-wrapper{width:100%;height:60px}.large-wrapper:first-child{margin-bottom:auto}.large-wrapper:last-child{margin-top:auto}.kwikid-form-container-loading{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;padding:1rem}.kwikid-form-container-loading>* :not(:last-child){margin-bottom:1rem}#field-error-notification{background-color:var(--tui-error-fill);color:#fff!important}#field-error-notification .t-top{color:#fff!important}#field-error-notification .t-close{color:#fff!important}.preview-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-content:center;height:calc(100vh - 3rem)}.preview-container>*:not(:last-child){margin-bottom:1rem}.preview-container .preview-html{flex-grow:1}.preview-container .preview-iframe-content{height:100%;flex-grow:1}.preview-container .preview-iframe-content .preview-iframe{width:100%;height:100%}.preview-container .preview-unavailable{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;top:50%;left:50%;width:100%;height:100vh}.preview-container .preview-unavailable>*:not(:last-child){margin-bottom:1rem}#kwikid-camera-container{width:100%;height:100%;position:fixed;top:50%;left:50%;background-color:#0000008f;transform:translate(-50%,-50%);z-index:100}#kwikid-camera-container #kwikid-camera-wrapper{width:min(80%);height:max(85%);box-shadow:#0000008f 0 22px 70px 4px;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1rem;background-color:#000;transition:5s linear ease}#kwikid-camera-container #kwikid-camera-wrapper.fullscreen{width:100%;height:100%;border-radius:0;transition:5s linear ease}@media only screen and (max-width: 600px){#kwikid-camera-container #kwikid-camera-wrapper{width:100%;height:100%;border-radius:0;transition:5s linear ease}#kwikid-camera-container #kwikid-camera-wrapper #kwikid-camera-header-enlarge-button{display:none}}\n", "::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i2__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type"], outputs: ["onClick"] }, { type: i2__namespace.KwikUIMessagesComponent, selector: "kwikui-messages", inputs: ["id", "messages"] }, { type: i2__namespace.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputEmailComponent, selector: "kwikui-input-email", inputs: ["case", "disabled", "domains", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputPasswordComponent, selector: "kwikui-input-password", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUITextareaComponent, selector: "kwikui-textarea", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "placeholder", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUICheckboxComponent, selector: "kwikui-checkbox", inputs: ["contentAlign", "disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "placeholder", "properties", "size", "validators", "variant"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputNumberComponent, selector: "kwikui-input-number", inputs: ["decimal", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "min", "placeholder", "postfix", "precision", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputDateComponent, selector: "kwikui-input-date", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxCalculatedFromToday", "min", "minCalculatedFromToday", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputPhoneComponent, selector: "kwikui-input-phone", inputs: ["countryCode", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "phoneMaskAfterCountryCode", "placeholder", "postfix", "prefix", "properties", "removeCountryCodeFromValue", "size", "validators"], outputs: ["getKeyValue"] }, { type: i3__namespace.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { type: i2__namespace.KwikUIInputRadioComponent, selector: "kwikui-input-radio", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "items", "label", "orientation", "placeholder", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputSliderComponent, selector: "kwikui-input-slider", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "min", "placeholder", "postfix", "prefix", "properties", "quantum", "size", "steps", "type", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIButtonApiCallComponent, selector: "kwikui-button-api-call", inputs: ["apiStatus", "class", "disabled", "id", "label", "shape", "showLoader", "size", "styles"], outputs: ["onClick"] }, { type: i2__namespace.KwikUIInputOtpComponent, selector: "kwikui-input-otp", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "mask", "mode", "otpLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputAadhaarComponent, selector: "kwikui-input-aadhaar", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "mask", "placeholder", "properties", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIImageComponent, selector: "kwikui-image", inputs: ["altText", "class", "html", "id", "imageSrc", "imageType", "loadingType", "styles"], outputs: ["onClick"] }, { type: i2__namespace.KwikUIInputFilesComponent, selector: "kwikui-input-files", inputs: ["accept", "class", "disabled", "files", "formControl", "formControlName", "icon", "id", "label", "link", "maxFileSize", "multiple", "setFileTypesToForm", "showAddedFiles", "size", "styles", "validators"], outputs: ["getKeyValue", "getRemovedFile"] }, { type: i4__namespace.KwikUIInputCameraComponent, selector: "kwikui-input-camera", inputs: ["buttonText", "disabled", "focus", "formControl", "formControlName", "icon", "id", "invalid", "mediaFiles", "properties", "showMediaFiles", "size", "type", "validators"], outputs: ["onClick", "getRemovedFile"] }, { type: i2__namespace.KwikUIStarRatingComponent, selector: "kwikui-star-rating", inputs: ["color", "disabled", "focus", "formControl", "formControlName", "icon", "iconMarked", "id", "invalid", "label", "max", "min", "placeholder", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUILoaderComponent, selector: "kwikui-loader" }, { type: i5__namespace.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "timestamp"], outputs: ["close"] }, { type: i3__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i6__namespace.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { type: i6__namespace.TuiPreviewTitleComponent, selector: "tui-preview-title" }, { type: i3__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { type: i4__namespace.KwikIDCameraComponent, selector: "kwikid-camera", inputs: ["type", "config", "data", "image"], outputs: ["getImage", "onClickSave"] }], directives: [{ type: i3__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i5__namespace.TuiPushAlertDirective, selector: "[tuiPush]", inputs: ["tuiPush"] }, { type: i5__namespace.TuiPushDirective, selector: "tui-push" }, { type: i6__namespace.TuiPreviewActionDirective, selector: "[tuiPreviewAction]" }], pipes: { "styleSanitizer": StyleSanitizerPipe, "kwikuiSafeHtml": i2__namespace.KwikUISafeHtmlPipe, "kwikuiSafeUrl": i2__namespace.KwikUISafeUrlPipe } });
6692
+ /** @nocollapse */ KwikIDFormViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: { formConfig: "formConfig", formData: "formData", isMobileView: "isMobileView", allFormsData: "allFormsData", userConfig: "userConfig", apiCallResponse: "apiCallResponse", buttonClickResponse: "buttonClickResponse", popupFormCallback: "popupFormCallback" }, outputs: { onClickGoBack: "onClickGoBack", onClickViewForms: "onClickViewForms", getUnsavedDataState: "getUnsavedDataState", onClickSaveForm: "onClickSaveForm", onClickApiCall: "onClickApiCall", getLogs: "getLogs", onActionShowPopupForm: "onActionShowPopupForm", onClickFormFieldButton: "onClickFormFieldButton" }, providers: [KwikIDFormViewService], viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div\n class=\"kwikid-form-container\"\n *ngIf=\"!loading\"\n>\n <div\n id=\"uf-form-fields-header-container\"\n *ngIf=\"\n !formConfig.properties?.header?.title?.hidden ||\n !formConfig.properties?.header?.logo?.hidden ||\n !formConfig.properties?.header?.steps?.hidden ||\n !formConfig.properties?.header?.backButton?.hidden\n \"\n >\n <img\n id=\"uf-header-logo\"\n *ngIf=\"!formConfig.properties?.header?.logo?.hidden && isMobileView\"\n [src]=\"formConfig.properties?.header?.logo?.src\"\n [alt]=\"formConfig.properties?.header?.logo?.alt\"\n [style]=\"\n formConfig.properties?.header?.logo?.styles ?? '' | styleSanitizer\n \"\n />\n <div id=\"uf-form-fields-header-main\">\n <div id=\"uf-form-fields-header-left\">\n <kwikui-button\n *ngIf=\"\n !formConfig.properties?.header.backButton.hidden && isMobileView\n \"\n [disabled]=\"backButton.disabled\"\n [showLoader]=\"backButton.showLoader\"\n appearance=\"mono\"\n icon=\"tuiIconArrowLeft\"\n shape=\"rounded\"\n (onClick)=\"\n handleOnClickGoBack(\n $event,\n formConfig.properties?.header.backButton.mode\n )\n \"\n ></kwikui-button>\n </div>\n <div id=\"uf-form-fields-header-right\">\n <div\n id=\"uf-form-fields-title\"\n *ngIf=\"!formConfig.properties?.header.title.hidden\"\n >{{ formConfig.properties?.header.title.label }}</div\n >\n <div\n id=\"uf-form-fields-steps\"\n *ngIf=\"!formConfig.properties?.header.steps.hidden\"\n >\n Step {{ formConfig.sequenceNo }} of {{ formConfig.formsListLength }}\n </div>\n </div>\n </div>\n <hr\n *ngIf=\"\n !formConfig.properties?.header.title.hidden ||\n !formConfig.properties?.header.steps.hidden ||\n !formConfig.properties?.header.backButton.hidden\n \"\n />\n </div>\n <form\n class=\"kwikid-form show\"\n [style]=\"formConfig.properties?.main?.styles ?? '' | styleSanitizer\"\n [formGroup]=\"formGroup\"\n >\n <ng-container\n *ngFor=\"\n let field of formFields;\n let i = index;\n trackBy: getUniqueIdentifier\n \"\n >\n <ng-container [ngSwitch]=\"field.type\">\n <!-- HTML Content -->\n <ng-container *ngSwitchCase=\"'html'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <div [innerHtml]=\"field.html | kwikuiSafeHtml\"></div>\n </div>\n </ng-container>\n <!-- Form Title -->\n <ng-container *ngSwitchCase=\"'title'\">\n <div\n class=\"title\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n [class.hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <div>\n {{ field.label }}\n </div>\n <kwikui-button\n *ngIf=\"field?.reset\"\n appearance=\"whiteblock\"\n size=\"s\"\n label=\"Reset\"\n (onClick)=\"handleOnClickResetFormFields($event, field)\"\n ></kwikui-button>\n </div>\n </ng-container>\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-button\n [appearance]=\"field?.properties?.appearance ?? 'primary'\"\n [class]=\"field?.properties?.class\"\n [disabled]=\"field?.disabled\"\n [icon]=\"field?.properties?.icon\"\n [iconRight]=\"field?.properties?.iconRight\"\n [id]=\"field?.key\"\n [label]=\"field?.label\"\n [shape]=\"field?.properties?.shape\"\n [showLoader]=\"field?.properties?.loading ?? false\"\n [size]=\"field?.properties?.size\"\n [styles]=\"field?.properties?.styles\"\n [type]=\"'button'\"\n (onClick)=\"handleOnClickFormFieldButton(field)\"\n ></kwikui-button>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Text -->\n <ng-container *ngSwitchCase=\"'text'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input\n [case]=\"field?.properties?.case\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [type]=\"'text'\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Email -->\n <ng-container *ngSwitchCase=\"'email'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-email\n [case]=\"field?.properties?.case\"\n [disabled]=\"field?.disabled\"\n [domains]=\"field?.properties?.domains\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-email>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Password -->\n <ng-container *ngSwitchCase=\"'password'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-password\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [hintContent]=\"field?.properties?.hintContent\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-password>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Textarea -->\n <ng-container *ngSwitchCase=\"'textarea'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-textarea\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-textarea>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Checkbox -->\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-checkbox\n [contentAlign]=\"field?.properties?.contentAlign ?? 'left'\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.properties?.placeholder\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size ?? 'l'\"\n [validators]=\"field?.validators\"\n [variant]=\"field?.properties?.variant ?? 'block'\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-checkbox>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Number -->\n <ng-container *ngSwitchCase=\"'number'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-number\n [decimal]=\"field?.properties?.decimal\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [min]=\"field?.properties?.min\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix ?? ''\"\n [precision]=\"field?.properties?.precision\"\n [prefix]=\"field?.properties?.prefix ?? ''\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-number>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Date -->\n <ng-container *ngSwitchCase=\"'date'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-date\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [maxCalculatedFromToday]=\"\n field?.properties?.maxCalculatedFromToday\n \"\n [min]=\"field?.properties?.min\"\n [minCalculatedFromToday]=\"\n field?.properties?.minCalculatedFromToday\n \"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-date>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Phone -->\n <ng-container *ngSwitchCase=\"'phone'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-phone\n [countryCode]=\"field?.properties?.countryCode\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [phoneMaskAfterCountryCode]=\"\n field?.properties?.phoneMaskAfterCountryCode\n \"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [removeCountryCodeFromValue]=\"\n field?.properties?.removeCountryCodeFromValue\n \"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-phone>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Radio -->\n <ng-container *ngSwitchCase=\"'radio'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n [tuiLabel]=\"labelTemplate\"\n style=\"min-height: auto; padding: 0px 0.5rem\"\n >\n <kwikui-input-radio\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [items]=\"field?.options\"\n [label]=\"field?.label\"\n [orientation]=\"field?.properties?.orientation\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-radio>\n </label>\n <ng-template #labelTemplate>\n <p\n class=\"tui-space_bottom-2\"\n [hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <b>\n {{ field.label }}\n <span *ngIf=\"field.validators?.required\">*</span>\n </b>\n </p>\n </ng-template>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Dropdown -->\n <ng-container *ngSwitchCase=\"'select'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-select\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [options]=\"field.options\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [searchable]=\"field?.properties?.searchable\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-select>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Input Slider -->\n <ng-container *ngSwitchCase=\"'slider'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-slider\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [min]=\"field?.properties?.min\"\n [placeholder]=\"field?.properties?.placeholder\"\n [postfix]=\"field?.properties?.postfix\"\n [prefix]=\"field?.properties?.prefix\"\n [properties]=\"field?.properties\"\n [quantum]=\"field?.properties?.quantum\"\n [size]=\"field?.properties?.size\"\n [steps]=\"field?.properties?.steps\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-slider>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- API Call -->\n <ng-container *ngSwitchCase=\"'api'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-button-api-call\n [apiStatus]=\"field?.api?.status?.value\"\n [class]=\"field?.class\"\n [disabled]=\"field?.disabled\"\n [id]=\"field.key\"\n [label]=\"field?.api?.status?.labels[field?.api?.status?.value]\"\n [showLoader]=\"field?.disabled === 'loading'\"\n styles=\"width: fit-content\"\n (onClick)=\"handleOnClickApiCall($event)\"\n ></kwikui-button-api-call>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Mobile OTP -->\n <ng-container *ngSwitchCase=\"'otp'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-otp\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [mask]=\"field?.properties?.mask\"\n [mode]=\"field?.properties?.mode\"\n [otpLength]=\"field?.properties?.otpLength\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-otp>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Aadhaar Number -->\n <ng-container *ngSwitchCase=\"'aadhaar-number'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-input-aadhaar\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [mask]=\"field?.properties?.mask\"\n [placeholder]=\"field?.placeholder\"\n [properties]=\"field?.properties\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-input-aadhaar>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Preview Image -->\n <ng-container *ngSwitchCase=\"'image'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <kwikui-image\n [altText]=\"field?.properties?.altText\"\n [class]=\"field?.properties?.class\"\n [html]=\"field?.properties?.html\"\n [id]=\"field.key\"\n [imageSrc]=\"field?.default?.value?.value ?? ''\"\n [imageType]=\"field?.properties?.imageType\"\n [loadingType]=\"field?.properties?.loadingType\"\n [styles]=\"field?.properties?.styles\"\n ></kwikui-image>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- File Upload -->\n <ng-container *ngSwitchCase=\"'file'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n [tuiLabel]=\"labelTemplate\"\n style=\"min-height: auto\"\n >\n <kwikui-input-files\n [accept]=\"field?.properties?.accept\"\n [class]=\"field?.properties?.class\"\n [disabled]=\"field?.disabled\"\n [files]=\"files[field.key]\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [id]=\"field?.key\"\n [label]=\"field?.properties?.label\"\n [link]=\"field?.properties?.link\"\n [maxFileSize]=\"field?.properties?.maxFileSize\"\n [multiple]=\"field?.properties?.multiple\"\n [setFileTypesToForm]=\"['NORMAL']\"\n [styles]=\"field?.properties?.styles\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValueFile($event)\"\n (getRemovedFile)=\"handleRemovedFile($event)\"\n ></kwikui-input-files>\n </label>\n <ng-template #labelTemplate>\n <p\n style=\"padding: 0px 0.25rem; margin-bottom: 0.25rem\"\n [hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <b>\n {{ field.label }}\n <span *ngIf=\"field.validators?.required\">*</span>\n </b>\n </p>\n </ng-template>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Camera Capture -->\n <ng-container *ngSwitchCase=\"'capture'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n *ngIf=\"\n field?.label !== '' &&\n field?.label !== undefined &&\n field?.label !== null\n \"\n style=\"min-height: auto\"\n >\n <p\n *ngIf=\"field?.label !== ''\"\n style=\"padding: 0px 0.25rem; margin-bottom: 0.5rem\"\n [hidden]=\"field?.hidden\"\n id=\"field_{{ field.key }}\"\n >\n <b>\n {{ field.label }}\n <span *ngIf=\"field.validators?.required\">*</span>\n </b>\n </p>\n </label>\n <kwikui-input-camera\n [buttonText]=\"field?.properties?.buttonText\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [icon]=\"field?.properties?.icon\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [mediaFiles]=\"mediaFiles[field.key]\"\n [properties]=\"field?.properties\"\n [showMediaFiles]=\"field?.properties?.showMediaFiles\"\n [type]=\"'CAPTURE'\"\n [validators]=\"field?.validators\"\n (onClick)=\"handleOnClickInputCamera($event, field)\"\n (getRemovedFile)=\"handleOnClickGetRemovedMediaFile($event)\"\n ></kwikui-input-camera>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n <!-- Star Rating -->\n <ng-container *ngSwitchCase=\"'star-rating'\">\n <div\n [hidden]=\"field?.hidden\"\n [style]=\"field?.properties?.containerStyles ?? '' | styleSanitizer\"\n id=\"field_{{ field.key }}\"\n >\n <label\n [tuiLabel]=\"labelTemplate\"\n style=\"min-height: auto; padding: 0px 0.5rem\"\n >\n <kwikui-star-rating\n [color]=\"field?.properties?.color\"\n [disabled]=\"field?.disabled\"\n [focus]=\"field?.focus\"\n [formControl]=\"formGroup.controls[field.key]\"\n [formControlName]=\"field.key\"\n [icon]=\"field?.properties?.icon\"\n [iconMarked]=\"field?.properties?.iconMarked\"\n [id]=\"field.key\"\n [invalid]=\"field?.invalid\"\n [label]=\"field?.label\"\n [max]=\"field?.properties?.max\"\n [min]=\"field?.properties?.min\"\n [placeholder]=\"field?.properties?.placeholder\"\n [properties]=\"field?.properties\"\n [size]=\"field?.properties?.size\"\n [validators]=\"field?.validators\"\n (getKeyValue)=\"handleGetKeyValue($event)\"\n ></kwikui-star-rating>\n </label>\n <ng-template #labelTemplate>\n <p>\n <b\n >{{ field?.properties?.placeholder }}\n <span *ngIf=\"field.validators?.required\">*</span></b\n >\n </p>\n </ng-template>\n <kwikui-messages\n [messages]=\"field.messages\"\n [id]=\"field.key\"\n ></kwikui-messages>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </form>\n <div\n class=\"kwikid-form-buttons\"\n *ngIf=\"\n !formConfig.properties.footer.viewFormsButton.hidden ||\n !formConfig.properties.footer.saveButton.hidden\n \"\n >\n <kwikui-button\n *ngIf=\"\n !formConfig.properties.footer.viewFormsButton.hidden && isMobileView\n \"\n [appearance]=\"'secondary'\"\n [disabled]=\"viewFormsButton.disabled\"\n [label]=\"formConfig.properties.footer.viewFormsButton.label\"\n [showLoader]=\"viewFormsButton.showLoader\"\n [styles]=\"'width: 100%'\"\n (onClick)=\"handleOnClickViewForms($event)\"\n ></kwikui-button>\n <kwikui-button\n *ngIf=\"!formConfig.properties.footer.saveButton.hidden\"\n [disabled]=\"saveFormButton.disabled\"\n [label]=\"formConfig.properties.footer.saveButton.label\"\n [showLoader]=\"saveFormButton.showLoader\"\n [styles]=\"'width: 100%'\"\n (onClick)=\"handleOnClickSaveForm($event)\"\n ></kwikui-button>\n </div>\n</div>\n<div\n class=\"kwikid-form-container-loading\"\n *ngIf=\"loading\"\n>\n <div\n *ngFor=\"let item of [].constructor(7); let i = index\"\n class=\"large-wrapper tui-skeleton tui-skeleton_rounded\"\n >\n </div>\n</div>\n\n<kwikui-loader></kwikui-loader>\n\n<tui-push\n id=\"field-error-notification\"\n *tuiPush=\"showErrorNotification\"\n heading=\"Missing/Incorrect Fields!\"\n type=\"Error\"\n (close)=\"toggleErrorNotification(false)\"\n>\n <tui-svg\n src=\"tuiIconXCircle\"\n style=\"color: #fff !important\"\n >\n </tui-svg>\n</tui-push>\n\n<ng-template\n #preview\n let-preview\n>\n <tui-preview\n [rotatable]=\"false\"\n [zoomable]=\"false\"\n class=\"preview-container\"\n >\n <tui-preview-title *ngIf=\"previewProperties.title !== ''\">{{\n previewProperties.title\n }}</tui-preview-title>\n\n <ng-container *ngIf=\"!previewProperties.unavailable\">\n <div\n *ngIf=\"previewProperties?.html?.before !== ''\"\n class=\"preview-html preview-html-before\"\n [style]=\"previewProperties?.html?.beforeStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.before | kwikuiSafeHtml\"\n ></div>\n\n <!-- Content within the iframe -->\n <div\n class=\"preview-iframe-content\"\n [style]=\"\n previewProperties?.iframe?.containerStyles ?? '' | styleSanitizer\n \"\n *ngIf=\"previewProperties.iframe.src !== ''\"\n >\n <!-- Your HTML content here -->\n <iframe\n [src]=\"previewProperties.iframe.src | kwikuiSafeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n [title]=\"previewProperties.iframe.title\"\n class=\"preview-iframe\"\n scrolling=\"auto\"\n ></iframe>\n </div>\n\n <div\n *ngIf=\"previewProperties?.html?.after !== ''\"\n class=\"preview-html preview-html-after\"\n [style]=\"previewProperties?.html?.afterStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.after | kwikuiSafeHtml\"\n ></div>\n </ng-container>\n\n <ng-container *ngIf=\"previewProperties.unavailable\">\n <div class=\"preview-unavailable\">\n <tui-svg\n src=\"tuiIconFileLarge\"\n class=\"t-icon\"\n ></tui-svg>\n <div>Preview unavailable</div>\n </div>\n </ng-container>\n\n <button\n tuiIconButton\n tuiPreviewAction\n icon=\"tuiIconCloseLarge\"\n title=\"Close\"\n type=\"button\"\n (click)=\"preview.complete()\"\n ></button>\n </tui-preview>\n</ng-template>\n\n<ng-template\n #dialog\n let-dialog\n>\n <div class=\"preview-container\">\n <ng-container *ngIf=\"!previewProperties.unavailable\">\n <div\n *ngIf=\"previewProperties?.html?.before !== ''\"\n class=\"preview-html preview-html-before\"\n [style]=\"previewProperties?.html?.beforeStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.before | kwikuiSafeHtml\"\n ></div>\n\n <!-- Content within the iframe -->\n <div\n class=\"preview-iframe-content\"\n [style]=\"\n previewProperties?.iframe?.containerStyles ?? '' | styleSanitizer\n \"\n *ngIf=\"previewProperties.iframe.src !== ''\"\n >\n <!-- Your HTML content here -->\n <iframe\n [src]=\"previewProperties.iframe.src | kwikuiSafeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n [title]=\"previewProperties.iframe.title\"\n class=\"preview-iframe\"\n scrolling=\"auto\"\n ></iframe>\n </div>\n\n <div\n *ngIf=\"previewProperties?.html?.after !== ''\"\n class=\"preview-html preview-html-after\"\n [style]=\"previewProperties?.html?.afterStyles ?? '' | styleSanitizer\"\n [innerHtml]=\"previewProperties.html.after | kwikuiSafeHtml\"\n ></div>\n </ng-container>\n\n <ng-container *ngIf=\"previewProperties.unavailable\">\n <div class=\"preview-unavailable\">\n <tui-svg\n src=\"tuiIconFileLarge\"\n class=\"t-icon\"\n ></tui-svg>\n <div>Preview unavailable</div>\n </div>\n </ng-container>\n </div>\n</ng-template>\n\n<div\n id=\"kwikid-camera-container\"\n *ngIf=\"isShowCameraCapture\"\n>\n <div\n id=\"kwikid-camera-wrapper\"\n [class.fullscreen]=\"isShowCameraFullscreen\"\n >\n <kwikid-camera\n [type]=\"'CAPTURE'\"\n [image]=\"cameraCaptureImage\"\n [config]=\"cameraCaptureConfig\"\n (getImage)=\"handleGetImage($event)\"\n (onClickSave)=\"handleOnClickSaveCameraCapture($event)\"\n >\n <ng-container slot=\"header\">\n <div style=\"display: flex; width: 100%; max-width: 100%; padding: 0rem\">\n <div style=\"flex: 1; text-align: left\"> </div>\n <kwikui-button\n *ngIf=\"cameraCaptureConfig?.header?.title !== ''\"\n appearance=\"whiteblock\"\n [label]=\"cameraCaptureConfig?.header?.title\"\n shape=\"rounded\"\n style=\"\n flex: 1;\n width: 100%;\n min-width: max-content;\n text-align: center;\n margin: auto;\n \"\n size=\"s\"\n ></kwikui-button>\n <div\n style=\"\n flex: 1;\n text-align: right;\n display: flex;\n justify-content: flex-end;\n gap: 1rem;\n \"\n >\n <kwikui-button\n *ngIf=\"cameraCaptureConfig?.header?.isExpand\"\n id=\"kwikid-camera-header-enlarge-button\"\n appearance=\"whiteblock\"\n [icon]=\"\n isShowCameraFullscreen ? 'tuiIconMinimize2' : 'tuiIconMaximize2'\n \"\n shape=\"rounded\"\n size=\"s\"\n (click)=\"isShowCameraFullscreen = !isShowCameraFullscreen\"\n ></kwikui-button>\n <kwikui-button\n *ngIf=\"cameraCaptureConfig?.header?.isClose\"\n id=\"kwikid-camera-header-close-button\"\n appearance=\"whiteblock\"\n icon=\"tuiIconCloseLarge\"\n shape=\"rounded\"\n size=\"s\"\n (click)=\"handleOnClickCloseCamera($event)\"\n ></kwikui-button>\n </div>\n </div>\n </ng-container>\n </kwikid-camera>\n </div>\n</div>\n", styles: [".kwikid-form-container{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center}.kwikid-form.show{width:100%;height:100%;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;align-content:center;justify-content:flex-start;align-items:stretch}.kwikid-form.show>*:not(:last-child){margin-bottom:1rem}.kwikid-form-buttons{width:100%;bottom:0px;padding:1rem;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center}.kwikid-form-buttons>*:not(:last-child){margin-right:1rem}.kwikid-form-buttons *{flex-grow:1}#uf-form-fields-header-container{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:flex-start;padding:1rem 1rem 0}#uf-form-fields-header-container>*:not(:last-child){margin-bottom:.5rem}#uf-form-fields-header-container #uf-header-logo{width:-moz-fit-content;width:fit-content;height:50px}#uf-form-fields-header-container #uf-form-fields-header-main{display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;width:100%}#uf-form-fields-header-container #uf-form-fields-header-main>*:not(:last-child){margin-right:.25rem}#uf-form-fields-header-container #uf-form-fields-header-main #uf-form-fields-header-right{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:flex-start}#uf-form-fields-header-container #uf-form-fields-header-main #uf-form-fields-header-right>*{margin-bottom:.5rem}#uf-form-fields-header-container hr{width:100%}#uf-form-fields-title{color:#000;font-size:1.75em;font-weight:bold}#uf-form-fields-steps{color:var(--color-on-secondary-container);font-size:1rem}.title{border-left:.25rem solid var(--tui-primary);padding:.75rem;font-size:1.4em;font-weight:bold;background-color:var(--tui-secondary);display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center}.title>*:not(:last-child){margin-right:.5rem}.title:not(:first-child){margin-top:.5rem}.title.hidden{display:none}.large-wrapper{width:100%;height:60px}.large-wrapper:first-child{margin-bottom:auto}.large-wrapper:last-child{margin-top:auto}.kwikid-form-container-loading{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;padding:1rem}.kwikid-form-container-loading>* :not(:last-child){margin-bottom:1rem}#field-error-notification{background-color:var(--tui-error-fill);color:#fff!important}#field-error-notification .t-top{color:#fff!important}#field-error-notification .t-close{color:#fff!important}.preview-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-content:center;height:calc(100vh - 3rem)}.preview-container>*:not(:last-child){margin-bottom:1rem}.preview-container .preview-html{flex-grow:1}.preview-container .preview-iframe-content{height:100%;flex-grow:1}.preview-container .preview-iframe-content .preview-iframe{width:100%;height:100%}.preview-container .preview-unavailable{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;top:50%;left:50%;width:100%;height:100vh}.preview-container .preview-unavailable>*:not(:last-child){margin-bottom:1rem}#kwikid-camera-container{width:100%;height:100%;position:fixed;top:50%;left:50%;background-color:#0000008f;transform:translate(-50%,-50%);z-index:100}#kwikid-camera-container #kwikid-camera-wrapper{width:min(80%);height:max(85%);box-shadow:#0000008f 0 22px 70px 4px;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1rem;background-color:#000;transition:5s linear ease}#kwikid-camera-container #kwikid-camera-wrapper.fullscreen{width:100%;height:100%;border-radius:0;transition:5s linear ease}@media only screen and (max-width: 600px){#kwikid-camera-container #kwikid-camera-wrapper{width:100%;height:100%;border-radius:0;transition:5s linear ease}#kwikid-camera-container #kwikid-camera-wrapper #kwikid-camera-header-enlarge-button{display:none}}\n", "::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i2__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type"], outputs: ["onClick"] }, { type: i2__namespace.KwikUIMessagesComponent, selector: "kwikui-messages", inputs: ["id", "messages"] }, { type: i2__namespace.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputEmailComponent, selector: "kwikui-input-email", inputs: ["case", "disabled", "domains", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputPasswordComponent, selector: "kwikui-input-password", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUITextareaComponent, selector: "kwikui-textarea", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "placeholder", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUICheckboxComponent, selector: "kwikui-checkbox", inputs: ["contentAlign", "disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "placeholder", "properties", "size", "validators", "variant"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputNumberComponent, selector: "kwikui-input-number", inputs: ["decimal", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "min", "placeholder", "postfix", "precision", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputDateComponent, selector: "kwikui-input-date", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxCalculatedFromToday", "min", "minCalculatedFromToday", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputPhoneComponent, selector: "kwikui-input-phone", inputs: ["countryCode", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "phoneMaskAfterCountryCode", "placeholder", "postfix", "prefix", "properties", "removeCountryCodeFromValue", "size", "validators"], outputs: ["getKeyValue"] }, { type: i3__namespace.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { type: i2__namespace.KwikUIInputRadioComponent, selector: "kwikui-input-radio", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "items", "label", "orientation", "placeholder", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputSliderComponent, selector: "kwikui-input-slider", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "min", "placeholder", "postfix", "prefix", "properties", "quantum", "size", "steps", "type", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIButtonApiCallComponent, selector: "kwikui-button-api-call", inputs: ["apiStatus", "class", "disabled", "id", "label", "shape", "showLoader", "size", "styles"], outputs: ["onClick"] }, { type: i2__namespace.KwikUIInputOtpComponent, selector: "kwikui-input-otp", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "mask", "mode", "otpLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIInputAadhaarComponent, selector: "kwikui-input-aadhaar", inputs: ["disabled", "focus", "formControl", "formControlName", "id", "invalid", "label", "mask", "placeholder", "properties", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUIImageComponent, selector: "kwikui-image", inputs: ["altText", "class", "html", "id", "imageSrc", "imageType", "loadingType", "styles"], outputs: ["onClick"] }, { type: i2__namespace.KwikUIInputFilesComponent, selector: "kwikui-input-files", inputs: ["accept", "class", "disabled", "files", "formControl", "formControlName", "icon", "id", "label", "link", "maxFileSize", "multiple", "setFileTypesToForm", "showAddedFiles", "size", "styles", "validators"], outputs: ["getKeyValue", "getRemovedFile"] }, { type: i4__namespace.KwikUIInputCameraComponent, selector: "kwikui-input-camera", inputs: ["buttonText", "disabled", "focus", "formControl", "formControlName", "icon", "id", "invalid", "mediaFiles", "properties", "showMediaFiles", "size", "type", "validators"], outputs: ["onClick", "getRemovedFile"] }, { type: i2__namespace.KwikUIStarRatingComponent, selector: "kwikui-star-rating", inputs: ["color", "disabled", "focus", "formControl", "formControlName", "icon", "iconMarked", "id", "invalid", "label", "max", "min", "placeholder", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i2__namespace.KwikUILoaderComponent, selector: "kwikui-loader" }, { type: i5__namespace.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "timestamp"], outputs: ["close"] }, { type: i3__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i6__namespace.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { type: i6__namespace.TuiPreviewTitleComponent, selector: "tui-preview-title" }, { type: i3__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { type: i4__namespace.KwikIDCameraComponent, selector: "kwikid-camera", inputs: ["type", "config", "data", "image"], outputs: ["getImage", "onClickSave"] }], directives: [{ type: i3__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i5__namespace.TuiPushAlertDirective, selector: "[tuiPush]", inputs: ["tuiPush"] }, { type: i5__namespace.TuiPushDirective, selector: "tui-push" }, { type: i6__namespace.TuiPreviewActionDirective, selector: "[tuiPreviewAction]" }], pipes: { "styleSanitizer": StyleSanitizerPipe, "kwikuiSafeHtml": i2__namespace.KwikUISafeHtmlPipe, "kwikuiSafeUrl": i2__namespace.KwikUISafeUrlPipe } });
6678
6693
  __decorate([
6679
6694
  kwikidToolkit.logMethod
6680
6695
  ], KwikIDFormViewComponent.prototype, "ngOnInit", null);
@@ -6963,6 +6978,8 @@
6963
6978
  type: i0.Output
6964
6979
  }], onClickApiCall: [{
6965
6980
  type: i0.Output
6981
+ }], getLogs: [{
6982
+ type: i0.Output
6966
6983
  }], onActionShowPopupForm: [{
6967
6984
  type: i0.Output
6968
6985
  }], onClickFormFieldButton: [{
@@ -7225,6 +7242,7 @@
7225
7242
  this.onClickSubmit = new i0.EventEmitter();
7226
7243
  this.getFormData = new i0.EventEmitter();
7227
7244
  this.onClickApiCall = new i0.EventEmitter();
7245
+ this.getLogs = new i0.EventEmitter();
7228
7246
  this.onClickFormFieldButton = new i0.EventEmitter();
7229
7247
  this.loading = false;
7230
7248
  this.showErrorNotification = false;
@@ -8148,6 +8166,9 @@
8148
8166
  });
8149
8167
  });
8150
8168
  };
8169
+ KwikIDFormsRendererComponent.prototype.handleGetLogs = function (event) {
8170
+ this.getLogs.emit(event);
8171
+ };
8151
8172
  /**
8152
8173
  * Miscellaneous Methods
8153
8174
  */
@@ -8175,7 +8196,7 @@
8175
8196
  return KwikIDFormsRendererComponent;
8176
8197
  }());
8177
8198
  /** @nocollapse */ KwikIDFormsRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDFormsRendererComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i6.TuiPreviewDialogService }, { token: i2__namespace.KwikUILoaderService }, { token: i3$1.TuiDialogService }], target: i0__namespace.ɵɵFactoryTarget.Component });
8178
- /** @nocollapse */ KwikIDFormsRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDFormsRendererComponent, selector: "kwikid-forms-renderer", inputs: { stepConfig: "stepConfig", userConfig: "userConfig", formsData: "formsData", activeFormData: "activeFormData", apiCallResponse: "apiCallResponse", buttonClickResponse: "buttonClickResponse" }, outputs: { onClickSubmit: "onClickSubmit", getFormData: "getFormData", onClickApiCall: "onClickApiCall", onClickFormFieldButton: "onClickFormFieldButton" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div ngClass=\"kwikid-renderer\">\n <div\n ngClass=\"kwikid-layout-container\"\n *ngIf=\"!loading\"\n >\n <div\n ngClass=\"kwikid-sections-container\"\n *ngIf=\"showFormSections\"\n class=\"active\"\n [class.active]=\"showFormSections\"\n [class.mobile]=\"isMobileView\"\n >\n <kwikid-forms-list\n [showFormFields]=\"this.showFormFields\"\n [activeFormConfig]=\"this.activeFormConfig\"\n [userConfig]=\"this.userConfig\"\n [formsList]=\"this.formsList\"\n [stepConfig]=\"this.stepConfig\"\n [isUnsavedData]=\"this.isUnsavedData\"\n [formsListCompleted]=\"this.formsListCompleted\"\n [isMobileView]=\"this.isMobileView\"\n (onClickSetActiveForm)=\"this.handleOnClickSetActiveForm($event)\"\n (onClickSubmitForms)=\"this.handleOnClickSubmitForms($event)\"\n ></kwikid-forms-list>\n </div>\n <div\n ngClass=\"kwikid-forms-container\"\n *ngIf=\"\n this.showForm &&\n this.showFormFields &&\n this.activeFormConfig !== undefined\n \"\n [class.active]=\"showFormFields\"\n [class.mobile]=\"isMobileView\"\n [@panelInOut]\n >\n <kwikid-form-view\n *ngIf=\"this.activeFormConfig.type === 'FORM'\"\n [formConfig]=\"this.activeFormConfig\"\n [allFormsData]=\"this.allFormsData\"\n [isMobileView]=\"this.isMobileView\"\n [userConfig]=\"this.userConfig\"\n [popupFormCallback]=\"this.popupFormCallback\"\n [apiCallResponse]=\"this.apiCallResponse\"\n [buttonClickResponse]=\"this.buttonClickResponse\"\n (onClickFormFieldButton)=\"handleOnClickFormFieldButton($event)\"\n (getUnsavedDataState)=\"handleGetUnsavedState($event)\"\n (onClickApiCall)=\"handleOnClickApiCall($event)\"\n (onActionShowPopupForm)=\"\n this.handleOnActionShowPopupForm($event, content)\n \"\n (onClickGoBack)=\"this.handleOnClickGoBack($event)\"\n (onClickViewForms)=\"this.handleOnClickViewForms($event)\"\n (onClickSaveForm)=\"\n this.handleOnClickSaveForm($event, 'FORM', undefined)\n \"\n ></kwikid-form-view>\n </div>\n </div>\n</div>\n\n<kwikui-loader></kwikui-loader>\n\n<tui-push\n id=\"error-notification\"\n *tuiPush=\"showErrorNotification\"\n heading=\"Please complete the required Forms!\"\n type=\"Error\"\n (close)=\"toggleErrorNotification(false)\"\n>\n <tui-svg\n src=\"tuiIconXCircle\"\n style=\"color: #fff !important\"\n >\n </tui-svg>\n</tui-push>\n<ng-template\n #preview\n let-preview\n>\n <tui-preview\n [rotatable]=\"false\"\n [zoomable]=\"false\"\n class=\"preview-container\"\n *ngIf=\"popupFormConfig\"\n >\n <tui-preview-title *ngIf=\"previewProperties.title !== ''\">{{\n previewProperties.title\n }}</tui-preview-title>\n\n <div class=\"kwikid-form-view-popup-container\">\n <kwikid-form-view\n [formData]=\"activePopupFormData\"\n [formConfig]=\"popupFormConfig\"\n [allFormsData]=\"allFormsData\"\n [userConfig]=\"this.userConfig\"\n [isMobileView]=\"this.isMobileView\"\n [apiCallResponse]=\"this.apiCallResponse\"\n [buttonClickResponse]=\"this.buttonClickResponse\"\n (onClickFormFieldButton)=\"handleOnClickFormFieldButton($event)\"\n (getSavedState)=\"handleGetUnsavedState($event)\"\n (onClickApiCall)=\"handleOnClickApiCall($event)\"\n (onClickSaveForm)=\"\n this.handleOnClickSaveForm($event, 'POPUP_FORM', undefined)\n \"\n ></kwikid-form-view>\n </div>\n\n <button\n tuiIconButton\n tuiPreviewAction\n icon=\"tuiIconCloseLarge\"\n title=\"Close\"\n type=\"button\"\n (click)=\"preview.complete()\"\n ></button>\n </tui-preview>\n</ng-template>\n<ng-template\n #content\n let-context\n>\n <div class=\"kwikid-form-view-popup-container\">\n <kwikid-form-view\n [formData]=\"activePopupFormData\"\n [formConfig]=\"popupFormConfig\"\n [allFormsData]=\"allFormsData\"\n [userConfig]=\"this.userConfig\"\n [isMobileView]=\"this.isMobileView\"\n [apiCallResponse]=\"this.apiCallResponse\"\n [buttonClickResponse]=\"this.buttonClickResponse\"\n (onClickFormFieldButton)=\"handleOnClickFormFieldButton($event)\"\n (getSavedState)=\"handleGetUnsavedState($event)\"\n (onClickApiCall)=\"handleOnClickApiCall($event)\"\n (onClickSaveForm)=\"\n this.handleOnClickSaveForm($event, 'POPUP_FORM', context)\n \"\n ></kwikid-form-view>\n </div>\n</ng-template>\n", styles: [":host{position:relative;height:100%}.kwikid-root{width:100%;height:100%}.kwikid-renderer{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-layout-container{display:flex;flex-direction:row;padding:0 1rem;height:100%;justify-content:center;align-items:stretch;background:var(--tui-secondary-active);position:relative}.kwikid-sections-container{display:block;width:100%;max-width:400px;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);margin:auto 1rem auto 0;box-shadow:0 0 12px -8px var(--tui-secondary)}.kwikid-sections-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}.kwikid-forms-container{display:block;width:100%;max-width:min(50%,600px);margin:auto 0;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);box-shadow:0 0 12px -8px var(--tui-primary)}.kwikid-forms-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}@media screen and (max-width: 600px){.kwikid-layout-container{padding:0;background:transparent}.kwikid-sections-container{position:absolute;max-width:100%;bottom:-10000px;left:-10000px;opacity:0;padding:0;visibility:hidden}.kwikid-sections-container.active{visibility:visible}.kwikid-sections-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container{display:none;max-width:100%;height:100%;padding:0;border-radius:0;box-shadow:none}.kwikid-forms-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container.active{display:block}}#error-notification{background-color:var(--tui-error-fill);color:#fff!important}#error-notification .t-top{color:#fff!important}#error-notification .t-close{color:#fff!important}.preview-container{display:flex!important;flex-grow:1!important;flex-direction:column!important;align-content:center!important;justify-content:space-between!important;align-items:stretch!important}.preview-container .preview-iframe{width:100vw;height:100vh}.preview-container .preview-unavailable{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;top:50%;left:50%;width:100%;height:100vh}.preview-container .preview-unavailable>*:not(:last-child){margin-bottom:1rem}.kwikid-form-view-popup-container{border-radius:1rem;background:var(--tui-base-01)}\n", "::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: KwikIDFormsListComponent, selector: "kwikid-forms-list", inputs: ["showFormFields", "userConfig", "stepConfig", "activeFormConfig", "formsList", "formsListCompleted", "isMobileView", "isUnsavedData"], outputs: ["onClickSetActiveForm", "onClickHideFormsList", "onClickSubmitForms"] }, { type: KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["formConfig", "formData", "isMobileView", "allFormsData", "userConfig", "apiCallResponse", "buttonClickResponse", "popupFormCallback"], outputs: ["onClickGoBack", "onClickViewForms", "getUnsavedDataState", "onClickSaveForm", "onClickApiCall", "onActionShowPopupForm", "onClickFormFieldButton"] }, { type: i2__namespace.KwikUILoaderComponent, selector: "kwikui-loader" }, { type: i5__namespace.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "timestamp"], outputs: ["close"] }, { type: i3__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i6__namespace.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { type: i6__namespace.TuiPreviewTitleComponent, selector: "tui-preview-title" }, { type: i3__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i3__namespace$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.TuiPushAlertDirective, selector: "[tuiPush]", inputs: ["tuiPush"] }, { type: i5__namespace.TuiPushDirective, selector: "tui-push" }, { type: i6__namespace.TuiPreviewActionDirective, selector: "[tuiPreviewAction]" }], animations: [
8199
+ /** @nocollapse */ KwikIDFormsRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDFormsRendererComponent, selector: "kwikid-forms-renderer", inputs: { stepConfig: "stepConfig", userConfig: "userConfig", formsData: "formsData", activeFormData: "activeFormData", apiCallResponse: "apiCallResponse", buttonClickResponse: "buttonClickResponse" }, outputs: { onClickSubmit: "onClickSubmit", getFormData: "getFormData", onClickApiCall: "onClickApiCall", getLogs: "getLogs", onClickFormFieldButton: "onClickFormFieldButton" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div ngClass=\"kwikid-renderer\">\n <div\n ngClass=\"kwikid-layout-container\"\n *ngIf=\"!loading\"\n >\n <div\n ngClass=\"kwikid-sections-container\"\n *ngIf=\"showFormSections\"\n class=\"active\"\n [class.active]=\"showFormSections\"\n [class.mobile]=\"isMobileView\"\n >\n <kwikid-forms-list\n [showFormFields]=\"this.showFormFields\"\n [activeFormConfig]=\"this.activeFormConfig\"\n [userConfig]=\"this.userConfig\"\n [formsList]=\"this.formsList\"\n [stepConfig]=\"this.stepConfig\"\n [isUnsavedData]=\"this.isUnsavedData\"\n [formsListCompleted]=\"this.formsListCompleted\"\n [isMobileView]=\"this.isMobileView\"\n (onClickSetActiveForm)=\"this.handleOnClickSetActiveForm($event)\"\n (onClickSubmitForms)=\"this.handleOnClickSubmitForms($event)\"\n ></kwikid-forms-list>\n </div>\n <div\n ngClass=\"kwikid-forms-container\"\n *ngIf=\"\n this.showForm &&\n this.showFormFields &&\n this.activeFormConfig !== undefined\n \"\n [class.active]=\"showFormFields\"\n [class.mobile]=\"isMobileView\"\n [@panelInOut]\n >\n <kwikid-form-view\n *ngIf=\"this.activeFormConfig.type === 'FORM'\"\n [formConfig]=\"this.activeFormConfig\"\n [allFormsData]=\"this.allFormsData\"\n [isMobileView]=\"this.isMobileView\"\n [userConfig]=\"this.userConfig\"\n [popupFormCallback]=\"this.popupFormCallback\"\n [apiCallResponse]=\"this.apiCallResponse\"\n [buttonClickResponse]=\"this.buttonClickResponse\"\n (onClickFormFieldButton)=\"handleOnClickFormFieldButton($event)\"\n (getUnsavedDataState)=\"handleGetUnsavedState($event)\"\n (onClickApiCall)=\"handleOnClickApiCall($event)\"\n (onActionShowPopupForm)=\"\n this.handleOnActionShowPopupForm($event, content)\n \"\n (onClickGoBack)=\"this.handleOnClickGoBack($event)\"\n (onClickViewForms)=\"this.handleOnClickViewForms($event)\"\n (getLogs)=\"handleGetLogs($event)\"\n (onClickSaveForm)=\"\n this.handleOnClickSaveForm($event, 'FORM', undefined)\n \"\n ></kwikid-form-view>\n </div>\n </div>\n</div>\n\n<kwikui-loader></kwikui-loader>\n\n<tui-push\n id=\"error-notification\"\n *tuiPush=\"showErrorNotification\"\n heading=\"Please complete the required Forms!\"\n type=\"Error\"\n (close)=\"toggleErrorNotification(false)\"\n>\n <tui-svg\n src=\"tuiIconXCircle\"\n style=\"color: #fff !important\"\n >\n </tui-svg>\n</tui-push>\n<ng-template\n #preview\n let-preview\n>\n <tui-preview\n [rotatable]=\"false\"\n [zoomable]=\"false\"\n class=\"preview-container\"\n *ngIf=\"popupFormConfig\"\n >\n <tui-preview-title *ngIf=\"previewProperties.title !== ''\">{{\n previewProperties.title\n }}</tui-preview-title>\n\n <div class=\"kwikid-form-view-popup-container\">\n <kwikid-form-view\n [formData]=\"activePopupFormData\"\n [formConfig]=\"popupFormConfig\"\n [allFormsData]=\"allFormsData\"\n [userConfig]=\"this.userConfig\"\n [isMobileView]=\"this.isMobileView\"\n [apiCallResponse]=\"this.apiCallResponse\"\n [buttonClickResponse]=\"this.buttonClickResponse\"\n (onClickFormFieldButton)=\"handleOnClickFormFieldButton($event)\"\n (getSavedState)=\"handleGetUnsavedState($event)\"\n (onClickApiCall)=\"handleOnClickApiCall($event)\"\n (getLogs)=\"handleGetLogs($event)\"\n (onClickSaveForm)=\"\n this.handleOnClickSaveForm($event, 'POPUP_FORM', undefined)\n \"\n ></kwikid-form-view>\n </div>\n\n <button\n tuiIconButton\n tuiPreviewAction\n icon=\"tuiIconCloseLarge\"\n title=\"Close\"\n type=\"button\"\n (click)=\"preview.complete()\"\n ></button>\n </tui-preview>\n</ng-template>\n<ng-template\n #content\n let-context\n>\n <div class=\"kwikid-form-view-popup-container\">\n <kwikid-form-view\n [formData]=\"activePopupFormData\"\n [formConfig]=\"popupFormConfig\"\n [allFormsData]=\"allFormsData\"\n [userConfig]=\"this.userConfig\"\n [isMobileView]=\"this.isMobileView\"\n [apiCallResponse]=\"this.apiCallResponse\"\n [buttonClickResponse]=\"this.buttonClickResponse\"\n (onClickFormFieldButton)=\"handleOnClickFormFieldButton($event)\"\n (getSavedState)=\"handleGetUnsavedState($event)\"\n (onClickApiCall)=\"handleOnClickApiCall($event)\"\n (getLogs)=\"handleGetLogs($event)\"\n (onClickSaveForm)=\"\n this.handleOnClickSaveForm($event, 'POPUP_FORM', context)\n \"\n ></kwikid-form-view>\n </div>\n</ng-template>\n", styles: [":host{position:relative;height:100%}.kwikid-root{width:100%;height:100%}.kwikid-renderer{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-layout-container{display:flex;flex-direction:row;padding:0 1rem;height:100%;justify-content:center;align-items:stretch;background:var(--tui-secondary-active);position:relative}.kwikid-sections-container{display:block;width:100%;max-width:400px;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);margin:auto 1rem auto 0;box-shadow:0 0 12px -8px var(--tui-secondary)}.kwikid-sections-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}.kwikid-forms-container{display:block;width:100%;max-width:min(50%,600px);margin:auto 0;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);box-shadow:0 0 12px -8px var(--tui-primary)}.kwikid-forms-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}@media screen and (max-width: 600px){.kwikid-layout-container{padding:0;background:transparent}.kwikid-sections-container{position:absolute;max-width:100%;bottom:-10000px;left:-10000px;opacity:0;padding:0;visibility:hidden}.kwikid-sections-container.active{visibility:visible}.kwikid-sections-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container{display:none;max-width:100%;height:100%;padding:0;border-radius:0;box-shadow:none}.kwikid-forms-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container.active{display:block}}#error-notification{background-color:var(--tui-error-fill);color:#fff!important}#error-notification .t-top{color:#fff!important}#error-notification .t-close{color:#fff!important}.preview-container{display:flex!important;flex-grow:1!important;flex-direction:column!important;align-content:center!important;justify-content:space-between!important;align-items:stretch!important}.preview-container .preview-iframe{width:100vw;height:100vh}.preview-container .preview-unavailable{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;top:50%;left:50%;width:100%;height:100vh}.preview-container .preview-unavailable>*:not(:last-child){margin-bottom:1rem}.kwikid-form-view-popup-container{border-radius:1rem;background:var(--tui-base-01)}\n", "::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: KwikIDFormsListComponent, selector: "kwikid-forms-list", inputs: ["showFormFields", "userConfig", "stepConfig", "activeFormConfig", "formsList", "formsListCompleted", "isMobileView", "isUnsavedData"], outputs: ["onClickSetActiveForm", "onClickHideFormsList", "onClickSubmitForms"] }, { type: KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["formConfig", "formData", "isMobileView", "allFormsData", "userConfig", "apiCallResponse", "buttonClickResponse", "popupFormCallback"], outputs: ["onClickGoBack", "onClickViewForms", "getUnsavedDataState", "onClickSaveForm", "onClickApiCall", "getLogs", "onActionShowPopupForm", "onClickFormFieldButton"] }, { type: i2__namespace.KwikUILoaderComponent, selector: "kwikui-loader" }, { type: i5__namespace.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "timestamp"], outputs: ["close"] }, { type: i3__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i6__namespace.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { type: i6__namespace.TuiPreviewTitleComponent, selector: "tui-preview-title" }, { type: i3__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i3__namespace$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.TuiPushAlertDirective, selector: "[tuiPush]", inputs: ["tuiPush"] }, { type: i5__namespace.TuiPushDirective, selector: "tui-push" }, { type: i6__namespace.TuiPreviewActionDirective, selector: "[tuiPreviewAction]" }], animations: [
8179
8200
  animations.trigger("panelInOut", [
8180
8201
  animations.transition(":enter", [
8181
8202
  animations.style({ transform: "translateY(100%)" }),
@@ -8252,6 +8273,9 @@
8252
8273
  __decorate([
8253
8274
  kwikidToolkit.logMethod
8254
8275
  ], KwikIDFormsRendererComponent.prototype, "handleOnClickSubmitForms", null);
8276
+ __decorate([
8277
+ kwikidToolkit.logMethod
8278
+ ], KwikIDFormsRendererComponent.prototype, "handleGetLogs", null);
8255
8279
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDFormsRendererComponent, decorators: [{
8256
8280
  type: i0.Component,
8257
8281
  args: [{
@@ -8302,9 +8326,11 @@
8302
8326
  type: i0.Output
8303
8327
  }], onClickApiCall: [{
8304
8328
  type: i0.Output
8329
+ }], getLogs: [{
8330
+ type: i0.Output
8305
8331
  }], onClickFormFieldButton: [{
8306
8332
  type: i0.Output
8307
- }], toggleLoader: [], fetchFormConfig: [], convertFormListConfig: [], assignSequenceNoToForm: [], findCompletedFormsList: [], markFormInFormsListAsCompleted: [], markFormInFormsListAsDisabled: [], filterAllFormsData: [], checkIfFormsStatusCompleted: [], findActiveFormConfig: [], updateFormsList: [], showPreview: [], formHide: [], formShow: [], findFormsListLength: [], handleOnClickSetActiveForm: [], handleGetUnsavedState: [], handleOnClickFormFieldButton: [], handleOnActionShowPopupForm: [], handleOnClickSaveForm: [], handleOnClickGoBack: [], handleOnClickSubmitForms: [] } });
8333
+ }], toggleLoader: [], fetchFormConfig: [], convertFormListConfig: [], assignSequenceNoToForm: [], findCompletedFormsList: [], markFormInFormsListAsCompleted: [], markFormInFormsListAsDisabled: [], filterAllFormsData: [], checkIfFormsStatusCompleted: [], findActiveFormConfig: [], updateFormsList: [], showPreview: [], formHide: [], formShow: [], findFormsListLength: [], handleOnClickSetActiveForm: [], handleGetUnsavedState: [], handleOnClickFormFieldButton: [], handleOnActionShowPopupForm: [], handleOnClickSaveForm: [], handleOnClickGoBack: [], handleOnClickSubmitForms: [], handleGetLogs: [] } });
8308
8334
 
8309
8335
  var JsonFormatPipe = /** @class */ (function () {
8310
8336
  function JsonFormatPipe() {