kwikid-forms 0.5.2 → 0.5.4

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 +19 -16
  2. package/bundles/kwikid-forms.umd.js.map +1 -1
  3. package/esm2015/lib/builder/builder-form-editor/builder.form-editor.constants.js +4 -1
  4. package/esm2015/lib/renderer/config-converter/config-converter.js +16 -16
  5. package/esm2015/lib/renderer/form-view/definitions/form-view.fields.definition.js +1 -1
  6. package/esm2015/lib/renderer/form-view/form-view.component.js +3 -3
  7. package/fesm2015/kwikid-forms.js +19 -16
  8. package/fesm2015/kwikid-forms.js.map +1 -1
  9. package/lib/builder/builder-form-editor/builder.form-editor.constants.d.ts +25 -0
  10. package/lib/renderer/form-view/definitions/form-view.fields.definition.d.ts +1 -1
  11. package/package.json +1 -1
package/fesm2015/kwikid-forms.js CHANGED
@@ -575,7 +575,7 @@ class Converter {
575
575
  }
576
576
  };
577
577
  if (checkObjectKeyExists(formConfig, "properties")) {
578
- formConfig.properties = mergeObjects(formViewProperties, formConfig.properties);
578
+ formConfig.properties = getObjectDeepCopy(mergeObjects(formViewProperties, formConfig.properties));
579
579
  }
580
580
  else {
581
581
  formConfig.properties = formViewProperties;
@@ -597,7 +597,7 @@ class Converter {
597
597
  const formatFieldTypeText = (field) => {
598
598
  field = setFieldKeyHidden(field);
599
599
  field = setFieldAsFormElement(field, true);
600
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], field.properties);
600
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], field.properties));
601
601
  return field;
602
602
  };
603
603
  const formatFieldTypeTextarea = (field) => {
@@ -621,7 +621,7 @@ class Converter {
621
621
  field = setFieldKeyValue(field, "type", "phone");
622
622
  }
623
623
  if (field.type === "phone" || field.type === "number") {
624
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], field.properties);
624
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], field.properties));
625
625
  }
626
626
  }
627
627
  return field;
@@ -629,16 +629,16 @@ class Converter {
629
629
  const formatFieldTypeImage = (field) => {
630
630
  field = setFieldKeyHidden(field);
631
631
  field = setFieldAsFormElement(field, true);
632
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], field.properties);
632
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], field.properties));
633
633
  return field;
634
634
  };
635
635
  const formatFieldTypeDate = (field) => {
636
636
  field = setFieldKeyHidden(field);
637
637
  field = setFieldAsFormElement(field, true);
638
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], {
638
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], {
639
639
  max: getMaxDate(field),
640
640
  min: getMinDate(field)
641
- }, field.properties);
641
+ }, field.properties));
642
642
  return field;
643
643
  };
644
644
  const formatFieldTypePhone = (field) => {
@@ -649,7 +649,7 @@ class Converter {
649
649
  const formatFieldTypeRadio = (field) => {
650
650
  field = setFieldKeyHidden(field);
651
651
  field = setFieldAsFormElement(field, true);
652
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], field.properties);
652
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], field.properties));
653
653
  field.options = field.options.map((x) => {
654
654
  if (typeof x === "string" || typeof x === "number") {
655
655
  return { label: x, disabled: false, description: "" };
@@ -674,7 +674,7 @@ class Converter {
674
674
  const formatFieldTypeSlider = (field) => {
675
675
  field = setFieldKeyHidden(field);
676
676
  field = setFieldAsFormElement(field, true);
677
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], field.properties);
677
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], field.properties));
678
678
  return field;
679
679
  };
680
680
  const formatFieldTypeSelect = (field) => {
@@ -684,7 +684,7 @@ class Converter {
684
684
  };
685
685
  const formatFieldTypeApi = (field) => {
686
686
  field = setFieldAsFormElement(field, true);
687
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], field.properties);
687
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], field.properties));
688
688
  if (!checkObjectKeyExists(field, "showLoader")) {
689
689
  field = setFieldKeyValue(field, "showLoader", false);
690
690
  }
@@ -703,7 +703,7 @@ class Converter {
703
703
  }
704
704
  }
705
705
  };
706
- field.api = mergeObjects(fieldApiDefaults, fieldApiDefaults);
706
+ field.api = getObjectDeepCopy(mergeObjects(fieldApiDefaults, fieldApiDefaults));
707
707
  }
708
708
  if (!checkObjectKeyExists(field.api, "request") &&
709
709
  !checkObjectKeyExists(field.api, "entrypoint")) {
@@ -722,7 +722,7 @@ class Converter {
722
722
  }
723
723
  ]
724
724
  };
725
- field.entrypoint = mergeObjects(apiEntrypoint, field.api);
725
+ field.entrypoint = getObjectDeepCopy(mergeObjects(apiEntrypoint, field.api));
726
726
  }
727
727
  return field;
728
728
  };
@@ -730,11 +730,11 @@ class Converter {
730
730
  var _a, _b;
731
731
  field = setFieldKeyHidden(field);
732
732
  field = setFieldAsFormElement(field, true);
733
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], {
733
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], {
734
734
  mask: new Array((_b = (_a = field === null || field === void 0 ? void 0 : field.properties) === null || _a === void 0 ? void 0 : _a.otpLength) !== null && _b !== void 0 ? _b : 4)
735
735
  .fill("#")
736
736
  .join(" ")
737
- }, field.properties);
737
+ }, field.properties));
738
738
  return field;
739
739
  };
740
740
  const formatFieldTypeAadhaarNumber = (field) => {
@@ -745,7 +745,7 @@ class Converter {
745
745
  const formatFieldTypeFile = (field) => {
746
746
  field = setFieldKeyHidden(field);
747
747
  field = setFieldAsFormElement(field, true);
748
- field.properties = mergeObjects(FIELD_PROPERTIES[field.type], field.properties);
748
+ field.properties = getObjectDeepCopy(mergeObjects(FIELD_PROPERTIES[field.type], field.properties));
749
749
  return field;
750
750
  };
751
751
  switch (field.type) {
@@ -1105,6 +1105,7 @@ const OPTIONS = {
1105
1105
  "select",
1106
1106
  "slider",
1107
1107
  "otp",
1108
+ "api",
1108
1109
  "api-call",
1109
1110
  "aadhaar-number",
1110
1111
  "input-aadhaar",
@@ -1231,6 +1232,7 @@ const FIELD_PROPERTIES_CONFIG = {
1231
1232
  select: Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
1232
1233
  slider: Object.assign(Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG), { min: -Infinity, max: Infinity, quantum: 0, size: "m", steps: 1 }),
1233
1234
  otp: Object.assign(Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG), { mask: "", size: "m", mode: "multiple", otpLength: 6 }),
1235
+ api: Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
1234
1236
  "api-call": Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
1235
1237
  "aadhaar-number": Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
1236
1238
  "input-aadhaar": Object.assign({}, FIELD_PROPERTIES_COMMON_CONFIG),
@@ -1258,6 +1260,7 @@ const FIELD_CONFIG = {
1258
1260
  select: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "select", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["select"]), options: [] }),
1259
1261
  slider: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "slider", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG.slider) }),
1260
1262
  otp: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "otp", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG.otp) }),
1263
+ api: Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "api", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["api"]) }),
1261
1264
  "api-call": Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "api-call", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["api-call"]) }),
1262
1265
  "aadhaar-number": Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "aadhaar-number", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["aadhaar-number"]) }),
1263
1266
  "input-aadhaar": Object.assign(Object.assign({}, FIELD_COMMON_CONFIG), { type: "input-aadhaar", properties: Object.assign({}, FIELD_PROPERTIES_CONFIG["input-aadhaar"]) }),
@@ -3055,7 +3058,7 @@ class KwikIDFormViewComponent {
3055
3058
  handleOnClickApiCall(e) {
3056
3059
  return __awaiter(this, void 0, void 0, function* () {
3057
3060
  let field = getFormFieldByKey(this.formFields, e.key);
3058
- if (field.type === "api-call") {
3061
+ if (field.type === EFieldType.API) {
3059
3062
  // set button status to loading
3060
3063
  field["api"]["status"]["value"] = EApiStatusType.LOADING;
3061
3064
  field["showLoader"] = true;
@@ -3331,7 +3334,7 @@ class KwikIDFormViewComponent {
3331
3334
  });
3332
3335
  // Reset the value of the field in the formFields array
3333
3336
  switch (field.type) {
3334
- case "api-call":
3337
+ case EFieldType.API:
3335
3338
  const fieldApiCall = field;
3336
3339
  fieldApiCall.api.status.value = EApiStatusType.DEFAULT;
3337
3340
  this.formFields[fieldIndex] = fieldApiCall;