kwikid-forms 0.6.23 → 0.6.24

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 +83 -42
  2. package/bundles/kwikid-forms.umd.js.map +1 -1
  3. package/esm2015/lib/renderer/form-view/definitions/form-view.actions.definition.js +2 -1
  4. package/esm2015/lib/renderer/form-view/form-view.component.js +30 -3
  5. package/esm2015/lib/renderer/form-view/helpers/form-view.fields.helper.js +10 -1
  6. package/fesm2015/kwikid-forms.js +38 -1
  7. package/fesm2015/kwikid-forms.js.map +1 -1
  8. package/lib/renderer/form-view/definitions/form-view.actions.definition.d.ts +10 -2
  9. package/lib/renderer/form-view/form-view.component.d.ts +1 -0
  10. package/lib/renderer/form-view/helpers/form-view.fields.helper.d.ts +3 -0
  11. package/package.json +2 -2
package/bundles/kwikid-forms.umd.js CHANGED
@@ -935,6 +935,15 @@
935
935
  field.focus = error;
936
936
  return field;
937
937
  };
938
+ var appendHtmlMessage = function (field, message) {
939
+ if (kwikidToolkit.checkObjectKeyExists(field, "html")) {
940
+ if (kwikidToolkit.isNotEmptyValue(field.html)) {
941
+ var html = field.html.replace("{{message}}", message.message);
942
+ field.html = html;
943
+ }
944
+ }
945
+ return field;
946
+ };
938
947
  var appendFormFieldMessage = function (field, message) {
939
948
  var hasDuplicateMessage = function (messages, message) {
940
949
  return messages.some(function (fieldMessage) {
@@ -3010,6 +3019,7 @@
3010
3019
  EActionKey["REDIRECT_TO_URL"] = "REDIRECT_TO_URL";
3011
3020
  EActionKey["SAVE_FORM"] = "SAVE_FORM";
3012
3021
  EActionKey["ALERT_SHOW"] = "ALERT_SHOW";
3022
+ EActionKey["SET_HTML"] = "SET_HTML";
3013
3023
  })(EActionKey || (EActionKey = {}));
3014
3024
 
3015
3025
  var EApiStatusType;
@@ -6424,6 +6434,14 @@
6424
6434
  break;
6425
6435
  }
6426
6436
  };
6437
+ KwikIDFormViewComponent.prototype.setHtml = function (fieldKey, message) {
6438
+ var field = getFormFieldByKey(this.formFields, fieldKey);
6439
+ var fieldIndex = this.formFields.findIndex(function (_) {
6440
+ return field.key === _.key;
6441
+ });
6442
+ field = appendHtmlMessage(field, message);
6443
+ this.formFields[fieldIndex] = field;
6444
+ };
6427
6445
  KwikIDFormViewComponent.prototype.fieldErrorShow = function (fieldKey, message) {
6428
6446
  var field = getFormFieldByKey(this.formFields, fieldKey);
6429
6447
  var fieldIndex = this.formFields.findIndex(function (_) {
@@ -7034,7 +7052,7 @@
7034
7052
  KwikIDFormViewComponent.prototype.takeAction = function (action, object) {
7035
7053
  var _a, _b, _c, _d, _e, _f;
7036
7054
  return __awaiter(this, void 0, void 0, function () {
7037
- var _o, fieldErrorShow_Source, fieldErrorShowSourceValue, fieldErrorHide_Source, fieldErrorHideSourceValue, redirectToUrl_Source, redirectToUrlSourceValue, previewErrorShow_Source, previewErrorShowSourceValue;
7055
+ var _o, fieldErrorShow_Source, fieldErrorShowSourceValue, fieldErrorHide_Source, fieldErrorHideSourceValue, redirectToUrl_Source, redirectToUrlSourceValue, previewErrorShow_Source, previewErrorShowSourceValue, fieldHtmlMessage_Source, fieldHtmlMessageSourceValue;
7038
7056
  return __generator(this, function (_p) {
7039
7057
  switch (_p.label) {
7040
7058
  case 0:
@@ -7078,23 +7096,24 @@
7078
7096
  case EActionKey.DIALOG_HIDE: return [3 /*break*/, 59];
7079
7097
  case EActionKey.SAVE_FORM: return [3 /*break*/, 60];
7080
7098
  case EActionKey.ALERT_SHOW: return [3 /*break*/, 61];
7099
+ case EActionKey.SET_HTML: return [3 /*break*/, 62];
7081
7100
  }
7082
- return [3 /*break*/, 62];
7101
+ return [3 /*break*/, 65];
7083
7102
  case 1:
7084
7103
  this.fieldHide(action.props.fieldKey);
7085
- return [3 /*break*/, 63];
7104
+ return [3 /*break*/, 66];
7086
7105
  case 2:
7087
7106
  this.fieldShow(action.props.fieldKey);
7088
- return [3 /*break*/, 63];
7107
+ return [3 /*break*/, 66];
7089
7108
  case 3:
7090
7109
  this.fieldDisable(action.props.fieldKey);
7091
- return [3 /*break*/, 63];
7110
+ return [3 /*break*/, 66];
7092
7111
  case 4:
7093
7112
  this.fieldEnable(action.props.fieldKey);
7094
- return [3 /*break*/, 63];
7113
+ return [3 /*break*/, 66];
7095
7114
  case 5:
7096
7115
  this.fieldReset(action.props.fieldKey);
7097
- return [3 /*break*/, 63];
7116
+ return [3 /*break*/, 66];
7098
7117
  case 6:
7099
7118
  if (!kwikidToolkit.checkObjectKeyExists(action.props.message, "source")) return [3 /*break*/, 8];
7100
7119
  fieldErrorShow_Source = new kwikidToolkit.Source(object);
@@ -7113,7 +7132,7 @@
7113
7132
  case 8:
7114
7133
  action.props.message.message = updateLanguage(action.props.message.message, getLanguage());
7115
7134
  this.fieldErrorShow(action.props.fieldKey, action.props.message);
7116
- return [3 /*break*/, 63];
7135
+ return [3 /*break*/, 66];
7117
7136
  case 9:
7118
7137
  if (!kwikidToolkit.checkObjectKeyExists(action.props.message, "source")) return [3 /*break*/, 11];
7119
7138
  fieldErrorHide_Source = new kwikidToolkit.Source(object);
@@ -7131,76 +7150,76 @@
7131
7150
  _p.label = 11;
7132
7151
  case 11:
7133
7152
  this.fieldErrorHide(action.props.fieldKey, action.props.message);
7134
- return [3 /*break*/, 63];
7153
+ return [3 /*break*/, 66];
7135
7154
  case 12:
7136
7155
  this.fieldMessageShow(action.props.fieldKey, action.props.message);
7137
- return [3 /*break*/, 63];
7156
+ return [3 /*break*/, 66];
7138
7157
  case 13:
7139
7158
  this.fieldMessageHide(action.props.fieldKey, action.props.message);
7140
- return [3 /*break*/, 63];
7159
+ return [3 /*break*/, 66];
7141
7160
  case 14: return [4 /*yield*/, this.setValue(action, object)];
7142
7161
  case 15:
7143
7162
  _p.sent();
7144
- return [3 /*break*/, 63];
7163
+ return [3 /*break*/, 66];
7145
7164
  case 16: return [4 /*yield*/, this.setFieldDefaultValue(action, object)];
7146
7165
  case 17:
7147
7166
  _p.sent();
7148
- return [3 /*break*/, 63];
7167
+ return [3 /*break*/, 66];
7149
7168
  case 18: return [4 /*yield*/, this.setApiStatus(action, object)];
7150
7169
  case 19:
7151
7170
  _p.sent();
7152
- return [3 /*break*/, 63];
7171
+ return [3 /*break*/, 66];
7153
7172
  case 20: return [4 /*yield*/, this.setApiHeaderValue(action, object)];
7154
7173
  case 21:
7155
7174
  _p.sent();
7156
- return [3 /*break*/, 63];
7175
+ return [3 /*break*/, 66];
7157
7176
  case 22: return [4 /*yield*/, this.setApiHeaderValidity(action, object)];
7158
7177
  case 23:
7159
7178
  _p.sent();
7160
- return [3 /*break*/, 63];
7179
+ return [3 /*break*/, 66];
7161
7180
  case 24: return [4 /*yield*/, this.setApiBodyValue(action, object)];
7162
7181
  case 25:
7163
7182
  _p.sent();
7164
- return [3 /*break*/, 63];
7183
+ return [3 /*break*/, 66];
7165
7184
  case 26: return [4 /*yield*/, this.setApiBodyValidity(action, object)];
7166
7185
  case 27:
7167
7186
  _p.sent();
7168
- return [3 /*break*/, 63];
7187
+ return [3 /*break*/, 66];
7169
7188
  case 28: return [4 /*yield*/, this.setDropdownOptions(action, object)];
7170
7189
  case 29:
7171
7190
  _p.sent();
7172
- return [3 /*break*/, 63];
7191
+ return [3 /*break*/, 66];
7173
7192
  case 30: return [4 /*yield*/, this.setFieldValidity(action, object)];
7174
7193
  case 31:
7175
7194
  _p.sent();
7176
- return [3 /*break*/, 63];
7195
+ return [3 /*break*/, 66];
7177
7196
  case 32:
7178
7197
  this.handleConnectedElements({ key: action.props.fieldKey }, "ON_ACTION");
7179
- return [3 /*break*/, 63];
7198
+ return [3 /*break*/, 66];
7180
7199
  case 33: return [4 /*yield*/, this.fieldApiCall(action, object)];
7181
7200
  case 34:
7182
7201
  _p.sent();
7183
- return [3 /*break*/, 63];
7202
+ return [3 /*break*/, 66];
7184
7203
  case 35: return [4 /*yield*/, this.fieldMultipleApiCalls(action, object)];
7185
7204
  case 36:
7186
7205
  _p.sent();
7187
- return [3 /*break*/, 63];
7206
+ return [3 /*break*/, 66];
7188
7207
  case 37: return [4 /*yield*/, this.fieldMultipleApiCallsEnd(action, object)];
7189
7208
  case 38:
7190
7209
  _p.sent();
7191
- return [3 /*break*/, 63];
7210
+ return [3 /*break*/, 66];
7192
7211
  case 39: return [4 /*yield*/, this.taskApiCall(action, object)];
7193
7212
  case 40:
7194
7213
  _p.sent();
7195
- return [3 /*break*/, 63];
7214
+ return [3 /*break*/, 66];
7196
7215
  case 41: return [4 /*yield*/, this.taskMultipleApiCalls(action, object)];
7197
7216
  case 42:
7198
7217
  _p.sent();
7199
- return [3 /*break*/, 63];
7218
+ return [3 /*break*/, 66];
7200
7219
  case 43: return [4 /*yield*/, this.taskMultipleApiCallsEnd(action, object)];
7201
7220
  case 44:
7202
7221
  _p.sent();
7203
- return [3 /*break*/, 63];
7222
+ return [3 /*break*/, 66];
7204
7223
  case 45:
7205
7224
  if (!kwikidToolkit.checkObjectKeyExists(action.props.url, "source")) return [3 /*break*/, 47];
7206
7225
  redirectToUrl_Source = new kwikidToolkit.Source(object);
@@ -7217,7 +7236,7 @@
7217
7236
  _p.label = 48;
7218
7237
  case 48:
7219
7238
  this.showPreview(action.props);
7220
- return [3 /*break*/, 63];
7239
+ return [3 /*break*/, 66];
7221
7240
  case 49:
7222
7241
  if (!kwikidToolkit.checkObjectKeyExists(action.props.message, "source")) return [3 /*break*/, 51];
7223
7242
  previewErrorShow_Source = new kwikidToolkit.Source(object);
@@ -7235,25 +7254,25 @@
7235
7254
  _p.label = 51;
7236
7255
  case 51:
7237
7256
  this.showErrorPreview(action.props);
7238
- return [3 /*break*/, 63];
7257
+ return [3 /*break*/, 66];
7239
7258
  case 52:
7240
7259
  this.showPopupForm(action.props.popupFormKey, (_b = (_a = action.props) === null || _a === void 0 ? void 0 : _a.popupType) !== null && _b !== void 0 ? _b : "DIALOG");
7241
- return [3 /*break*/, 63];
7260
+ return [3 /*break*/, 66];
7242
7261
  case 53:
7243
7262
  this.waitingForChanges = false;
7244
- return [3 /*break*/, 63];
7263
+ return [3 /*break*/, 66];
7245
7264
  case 54:
7246
7265
  this.toggleErrorNotification(true);
7247
- return [3 /*break*/, 63];
7266
+ return [3 /*break*/, 66];
7248
7267
  case 55:
7249
7268
  this.toggleErrorNotification(false);
7250
- return [3 /*break*/, 63];
7269
+ return [3 /*break*/, 66];
7251
7270
  case 56:
7252
7271
  this.stopTaskExecution = false;
7253
- return [3 /*break*/, 63];
7272
+ return [3 /*break*/, 66];
7254
7273
  case 57:
7255
7274
  this.stopTaskExecution = true;
7256
- return [3 /*break*/, 63];
7275
+ return [3 /*break*/, 66];
7257
7276
  case 58:
7258
7277
  this.dialogShow({
7259
7278
  html: (_c = action.props) === null || _c === void 0 ? void 0 : _c.html,
@@ -7261,18 +7280,37 @@
7261
7280
  size: (_e = action.props) === null || _e === void 0 ? void 0 : _e.size,
7262
7281
  button: (_f = action.props) === null || _f === void 0 ? void 0 : _f.button
7263
7282
  });
7264
- return [3 /*break*/, 63];
7283
+ return [3 /*break*/, 66];
7265
7284
  case 59:
7266
7285
  this.dialogHide();
7267
- return [3 /*break*/, 63];
7286
+ return [3 /*break*/, 66];
7268
7287
  case 60:
7269
7288
  this.handleOnClickSaveForm(undefined);
7270
- return [3 /*break*/, 63];
7289
+ return [3 /*break*/, 66];
7271
7290
  case 61:
7272
7291
  this.alertShow(action.props.type, action.props.message);
7273
- return [3 /*break*/, 63];
7274
- case 62: return [3 /*break*/, 63];
7275
- case 63: return [2 /*return*/];
7292
+ return [3 /*break*/, 66];
7293
+ case 62:
7294
+ if (!kwikidToolkit.checkObjectKeyExists(action.props.message, "source")) return [3 /*break*/, 64];
7295
+ fieldHtmlMessage_Source = new kwikidToolkit.Source(object);
7296
+ return [4 /*yield*/, fieldHtmlMessage_Source.getValueFromSource(action.props.message.source)];
7297
+ case 63:
7298
+ fieldHtmlMessageSourceValue = _p.sent();
7299
+ if (typeof fieldHtmlMessageSourceValue == "string" ||
7300
+ typeof fieldHtmlMessageSourceValue == "number") {
7301
+ fieldHtmlMessageSourceValue = String(fieldHtmlMessageSourceValue);
7302
+ }
7303
+ else {
7304
+ fieldHtmlMessageSourceValue = "";
7305
+ }
7306
+ action = kwikidToolkit.setValueToObjectPath(action, "props.message.message", fieldHtmlMessageSourceValue);
7307
+ _p.label = 64;
7308
+ case 64:
7309
+ action.props.message.message = updateLanguage(action.props.message.message, getLanguage());
7310
+ this.setHtml(action.props.fieldKey, action.props.message);
7311
+ return [3 /*break*/, 66];
7312
+ case 65: return [3 /*break*/, 66];
7313
+ case 66: return [2 /*return*/];
7276
7314
  }
7277
7315
  });
7278
7316
  });
@@ -7419,6 +7457,9 @@
7419
7457
  __decorate([
7420
7458
  kwikidToolkit.logMethod
7421
7459
  ], KwikIDFormViewComponent.prototype, "fieldReset", null);
7460
+ __decorate([
7461
+ kwikidToolkit.logMethod
7462
+ ], KwikIDFormViewComponent.prototype, "setHtml", null);
7422
7463
  __decorate([
7423
7464
  kwikidToolkit.logMethod
7424
7465
  ], KwikIDFormViewComponent.prototype, "fieldErrorShow", null);
@@ -7584,7 +7625,7 @@
7584
7625
  type: i0.Output
7585
7626
  }], onClickViewForms: [{
7586
7627
  type: i0.Output
7587
- }], resetCamera: [], ngOnInit: [], ngAfterViewInit: [], ngOnChanges: [], ngOnDestroy: [], initFormConfig: [], setFormFieldsFromFormConfig: [], setFormFieldGroupsFromFormConfig: [], setFormDataFromAllFormsData: [], handleConnectedElementFieldGroupActions: [], handleConnectedElementFieldGroup: [], handleConnectedElementFieldActions: [], handleConnectedElementFields: [], handleConnectedElements: [], handleRemovedFile: [], handleGetKeyValueFile: [], handleOnClickGetRemovedMediaFile: [], handleOnClickInputCamera: [], setCameraMedia: [], handleGetCameraMedia: [], handleOnClickSaveCameraMedia: [], handleOnClickCameraBack: [], handleOnClickCameraClose: [], updateFiles: [], uploadFile: [], handleOnClickFormFieldButton: [], handleGetKeyValue: [], handleOnClickResetFormFields: [], handleFieldApiCall: [], handleApiCall: [], executeApiCall: [], isValidRequestHeadersAndBody: [], handleOnClickApiCall: [], handleOnClickGoBack: [], handleOnClickViewForms: [], handleOnClickSaveForm: [], toggleErrorNotification: [], fieldHide: [], fieldGroupHide: [], fieldShow: [], fieldGroupShow: [], fieldDisable: [], fieldGroupDisable: [], fieldEnable: [], fieldGroupEnable: [], fieldReset: [], fieldErrorShow: [], fieldErrorHide: [], fieldMessageShow: [], fieldMessageHide: [], setValue: [], setFieldDefaultValue: [], setApiStatus: [], setApiHeaderValue: [], setApiHeaderValidity: [], setApiBodyValue: [], setApiBodyValidity: [], setFieldValidity: [], setDropdownOptions: [], apiCall: [], fieldApiCall: [], fieldMultipleApiCalls: [], fieldMultipleApiCallsEnd: [], taskApiCall: [], taskMultipleApiCalls: [], taskMultipleApiCallsEnd: [], dialogShow: [], dialogHide: [], redirectToUrl: [], patchFieldControlValue: [], setFieldControlValue: [], patchFormGroup: [], isFieldValid: [], isFieldEnabled: [], getFormGroupRawValues: [], showPreview: [], showErrorPreview: [], showPopupForm: [], alertShow: [], takeActionOnFieldGroup: [], takeAction: [] } });
7628
+ }], resetCamera: [], ngOnInit: [], ngAfterViewInit: [], ngOnChanges: [], ngOnDestroy: [], initFormConfig: [], setFormFieldsFromFormConfig: [], setFormFieldGroupsFromFormConfig: [], setFormDataFromAllFormsData: [], handleConnectedElementFieldGroupActions: [], handleConnectedElementFieldGroup: [], handleConnectedElementFieldActions: [], handleConnectedElementFields: [], handleConnectedElements: [], handleRemovedFile: [], handleGetKeyValueFile: [], handleOnClickGetRemovedMediaFile: [], handleOnClickInputCamera: [], setCameraMedia: [], handleGetCameraMedia: [], handleOnClickSaveCameraMedia: [], handleOnClickCameraBack: [], handleOnClickCameraClose: [], updateFiles: [], uploadFile: [], handleOnClickFormFieldButton: [], handleGetKeyValue: [], handleOnClickResetFormFields: [], handleFieldApiCall: [], handleApiCall: [], executeApiCall: [], isValidRequestHeadersAndBody: [], handleOnClickApiCall: [], handleOnClickGoBack: [], handleOnClickViewForms: [], handleOnClickSaveForm: [], toggleErrorNotification: [], fieldHide: [], fieldGroupHide: [], fieldShow: [], fieldGroupShow: [], fieldDisable: [], fieldGroupDisable: [], fieldEnable: [], fieldGroupEnable: [], fieldReset: [], setHtml: [], fieldErrorShow: [], fieldErrorHide: [], fieldMessageShow: [], fieldMessageHide: [], setValue: [], setFieldDefaultValue: [], setApiStatus: [], setApiHeaderValue: [], setApiHeaderValidity: [], setApiBodyValue: [], setApiBodyValidity: [], setFieldValidity: [], setDropdownOptions: [], apiCall: [], fieldApiCall: [], fieldMultipleApiCalls: [], fieldMultipleApiCallsEnd: [], taskApiCall: [], taskMultipleApiCalls: [], taskMultipleApiCallsEnd: [], dialogShow: [], dialogHide: [], redirectToUrl: [], patchFieldControlValue: [], setFieldControlValue: [], patchFormGroup: [], isFieldValid: [], isFieldEnabled: [], getFormGroupRawValues: [], showPreview: [], showErrorPreview: [], showPopupForm: [], alertShow: [], takeActionOnFieldGroup: [], takeAction: [] } });
7588
7629
 
7589
7630
  var EFormType;
7590
7631
  (function (EFormType) {