@everymatrix/general-registration 1.88.14 → 1.88.16
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.
- package/dist/cjs/checkbox-group-input_15.cjs.entry.js +58 -26
- package/dist/collection/components/general-registration/general-registration.js +5 -5
- package/dist/esm/checkbox-group-input_15.entry.js +58 -26
- package/dist/general-registration/checkbox-group-input_15.entry.js +241 -241
- package/package.json +1 -1
|
@@ -40,7 +40,9 @@ const TRANSLATIONS$1 = {
|
|
|
40
40
|
"SAIdInvalidError": "Invalid SA ID",
|
|
41
41
|
"PassportLengthError": "Passport number must be 8 or 9 digits.",
|
|
42
42
|
"PasswordMustContain": "Password must contain:",
|
|
43
|
-
"AlphanumericalOnly": "Only alphanumerical characters are allowed"
|
|
43
|
+
"AlphanumericalOnly": "Only alphanumerical characters are allowed",
|
|
44
|
+
"InvalidFirstName": "Only alphabetic characters are allowed.",
|
|
45
|
+
"InvalidLastName": "Only alphabetic characters are allowed."
|
|
44
46
|
},
|
|
45
47
|
"hu": {
|
|
46
48
|
"dateError": "A választott dátumnak {min} és {max} között kell lennie",
|
|
@@ -73,7 +75,9 @@ const TRANSLATIONS$1 = {
|
|
|
73
75
|
"SAIdLengthError": "A dél-afrikai személyi számnak 13 számjegyűnek kell lennie",
|
|
74
76
|
"SAIdInvalidError": "Érvénytelen dél-afrikai személyi szám",
|
|
75
77
|
"PasswordMustContain": "A jelszónak tartalmaznia kell:",
|
|
76
|
-
"AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek"
|
|
78
|
+
"AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek",
|
|
79
|
+
"InvalidFirstName": "Csak betűk engedélyezettek.",
|
|
80
|
+
"InvalidLastName": "Csak betűk engedélyezettek."
|
|
77
81
|
},
|
|
78
82
|
"hr": {
|
|
79
83
|
"dateError": "Odabrani datum treba biti između {min} i {max}",
|
|
@@ -106,7 +110,9 @@ const TRANSLATIONS$1 = {
|
|
|
106
110
|
"SAIdLengthError": "Južnoafrički osobni broj mora imati 13 znamenki",
|
|
107
111
|
"SAIdInvalidError": "Nevažeći južnoafrički osobni broj",
|
|
108
112
|
"PasswordMustContain": "Lozinka mora sadržavati:",
|
|
109
|
-
"AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi"
|
|
113
|
+
"AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi",
|
|
114
|
+
"InvalidFirstName": "Dozvoljena su samo slova.",
|
|
115
|
+
"InvalidLastName": "Dozvoljena su samo slova."
|
|
110
116
|
},
|
|
111
117
|
"tr": {
|
|
112
118
|
"dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
|
|
@@ -139,7 +145,9 @@ const TRANSLATIONS$1 = {
|
|
|
139
145
|
"SAIdLengthError": "Güney Afrika kimlik numarası 13 haneli olmalıdır",
|
|
140
146
|
"SAIdInvalidError": "Geçersiz Güney Afrika kimlik numarası",
|
|
141
147
|
"PasswordMustContain": "Şifre şunları içermelidir:",
|
|
142
|
-
"AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir"
|
|
148
|
+
"AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir",
|
|
149
|
+
"InvalidFirstName": "Yalnızca alfabetik karakterlere izin verilir.",
|
|
150
|
+
"InvalidLastName": "Yalnızca alfabetik karakterlere izin verilir."
|
|
143
151
|
},
|
|
144
152
|
"pt-br": {
|
|
145
153
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -172,7 +180,9 @@ const TRANSLATIONS$1 = {
|
|
|
172
180
|
"SAIdLengthError": "O número de identificação da África do Sul deve ter 13 dígitos",
|
|
173
181
|
"SAIdInvalidError": "Número de identificação da África do Sul inválido",
|
|
174
182
|
"PasswordMustContain": "A senha deve conter:",
|
|
175
|
-
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
|
|
183
|
+
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
|
|
184
|
+
"InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
|
|
185
|
+
"InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
|
|
176
186
|
},
|
|
177
187
|
"pt": {
|
|
178
188
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -180,6 +190,7 @@ const TRANSLATIONS$1 = {
|
|
|
180
190
|
"dateFormatError": "A data selecionada tem um formato diferente do exigido.",
|
|
181
191
|
"numberLengthError": "O número deve estar entre {min} e {max}",
|
|
182
192
|
"lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
|
|
193
|
+
"fixedLengthError": "O comprimento deve ser de {length} caracteres",
|
|
183
194
|
"requiredError": "Este campo é obrigatório.",
|
|
184
195
|
"invalidOriginalPasswordError": "O campo da palavra-passe inicial não cumpre todos os critérios.",
|
|
185
196
|
"invalidPassword": "A palavra-passe não cumpre todos os critérios",
|
|
@@ -207,7 +218,9 @@ const TRANSLATIONS$1 = {
|
|
|
207
218
|
"SAIdInvalidError": "ID da África do Sul inválido",
|
|
208
219
|
"PassportLengthError": "O número de passaporte deve ter 8 ou 9 dígitos.",
|
|
209
220
|
"PasswordMustContain": "A palavra-passe deve conter:",
|
|
210
|
-
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
|
|
221
|
+
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
|
|
222
|
+
"InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
|
|
223
|
+
"InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
|
|
211
224
|
},
|
|
212
225
|
"es-mx": {
|
|
213
226
|
"dateError": "La fecha seleccionada debe ser entre {min} y {max}",
|
|
@@ -240,7 +253,9 @@ const TRANSLATIONS$1 = {
|
|
|
240
253
|
"SAIdLengthError": "El número de identificación de Sudáfrica debe tener 13 dígitos",
|
|
241
254
|
"SAIdInvalidError": "Número de identificación de Sudáfrica inválido",
|
|
242
255
|
"PasswordMustContain": "La contraseña debe contener:",
|
|
243
|
-
"AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos"
|
|
256
|
+
"AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos",
|
|
257
|
+
"InvalidFirstName": "Solo se permiten caracteres alfabéticos.",
|
|
258
|
+
"InvalidLastName": "Solo se permiten caracteres alfabéticos."
|
|
244
259
|
},
|
|
245
260
|
"fr": {
|
|
246
261
|
"dateError": "La date sélectionnée doit être comprise entre {min} et {max}",
|
|
@@ -276,7 +291,9 @@ const TRANSLATIONS$1 = {
|
|
|
276
291
|
"SAIdInvalidError": "Identifiant sud-africain invalide",
|
|
277
292
|
"PassportLengthError": "Le numéro de passeport doit comporter 8 ou 9 chiffres.",
|
|
278
293
|
"PasswordMustContain": "Le mot de passe doit contenir :",
|
|
279
|
-
"AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés"
|
|
294
|
+
"AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés",
|
|
295
|
+
"InvalidFirstName": "Seuls les caractères alphabétiques sont autorisés.",
|
|
296
|
+
"InvalidLastName": "Seuls les caractères alphabétiques sont autorisés."
|
|
280
297
|
}
|
|
281
298
|
};
|
|
282
299
|
const CONSTANTS = {
|
|
@@ -15026,16 +15043,16 @@ const GeneralRegistration = class {
|
|
|
15026
15043
|
}
|
|
15027
15044
|
formatConfig(config) {
|
|
15028
15045
|
this.listOfInputs = config.content.fields.flatMap((field) => {
|
|
15029
|
-
var _a, _b, _c;
|
|
15046
|
+
var _a, _b, _c, _d;
|
|
15030
15047
|
const duplicateInputRule = (_b = (_a = field.validate) === null || _a === void 0 ? void 0 : _a.custom) === null || _b === void 0 ? void 0 : _b.find(customRule => customRule.rule === 'duplicate-input');
|
|
15031
15048
|
const inputElement = Object.assign({}, field);
|
|
15032
|
-
const translations = (_c = field.customInfo) === null || _c === void 0 ? void 0 : _c.Translations;
|
|
15049
|
+
const translations = (_d = (_c = field.customInfo) === null || _c === void 0 ? void 0 : _c.Translations) === null || _d === void 0 ? void 0 : _d[this.language];
|
|
15033
15050
|
if (translations) {
|
|
15034
|
-
inputElement.displayName = translations
|
|
15035
|
-
inputElement.placeholder = translations
|
|
15051
|
+
inputElement.displayName = translations.DisplayName || inputElement.displayName;
|
|
15052
|
+
inputElement.placeholder = translations.Placeholder || inputElement.placeholder;
|
|
15036
15053
|
}
|
|
15037
15054
|
if (duplicateInputRule) {
|
|
15038
|
-
const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: (translations === null || translations === void 0 ? void 0 : translations
|
|
15055
|
+
const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: (translations === null || translations === void 0 ? void 0 : translations.DisplayNameDuplicate) || duplicateInputRule.displayName, placeholder: inputElement.placeholder, isDuplicateInput: true });
|
|
15039
15056
|
return [inputElement, duplicateInput];
|
|
15040
15057
|
}
|
|
15041
15058
|
else {
|
|
@@ -16011,10 +16028,18 @@ const PostalCodeInput = class {
|
|
|
16011
16028
|
return '';
|
|
16012
16029
|
}
|
|
16013
16030
|
if (this.inputReference.validity.valueMissing) {
|
|
16014
|
-
return translate$1(
|
|
16031
|
+
return translate$1(ERROR_KEYS.REQUIRED, this.language);
|
|
16015
16032
|
}
|
|
16016
16033
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
16017
|
-
|
|
16034
|
+
const { minLength, maxLength } = this.validation;
|
|
16035
|
+
if (minLength === maxLength) {
|
|
16036
|
+
return translate$1(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
16037
|
+
values: { length: minLength }
|
|
16038
|
+
});
|
|
16039
|
+
}
|
|
16040
|
+
return translate$1(ERROR_KEYS.LENGTH, this.language, {
|
|
16041
|
+
values: { minLength, maxLength }
|
|
16042
|
+
});
|
|
16018
16043
|
}
|
|
16019
16044
|
if (this.inputReference.value.match(this.validationPattern) == null) {
|
|
16020
16045
|
const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
|
|
@@ -16061,7 +16086,7 @@ const PostalCodeInput = class {
|
|
|
16061
16086
|
let shouldShowNoResults = this.showNoResultsMessage && this.currentPostalCode &&
|
|
16062
16087
|
this.currentPostalCode.length >= this.postalcodelength && (((_b = this.addresses) === null || _b === void 0 ? void 0 : _b.length) === 0) && isUKCountry;
|
|
16063
16088
|
let showLoadingMessage = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
16064
|
-
return (index.h("div", { key: '
|
|
16089
|
+
return (index.h("div", { key: 'e358dddfc4b20b0847d03e3f12ff637922470105', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'b806cac9ad62480a1be6bf802528c60c79804e94', class: 'text__wrapper--flex' }, index.h("label", { key: '4fb327989e8b828559c01601eea47bdd58da4bd3', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '6c293495a8935db477cbcac2eb9102bffeb85ddb', class: 'text__wrapper--relative' }, this.tooltip && (index.h("img", { key: '848bb5b44d834c4f0e4a78cfebef0ecf1b88fd2e', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip })), this.renderTooltip())), index.h("div", { key: '7f6195e5cfc5bfabc9854ec6acc19c1e52e70f1b', class: 'input__text-wrapper' }, index.h("input", { key: '4369b4a99016a7aebbb396bdda35c31d92e4d557', name: this.name, id: `${this.name}__input`, value: this.determineInputValue(), type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.maxPostalCodeLength, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !isUKCountry && (index.h("p", { key: '0e3c0fcb974d2f3dae76f9afdbf173fcc25d258f', class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, translate$1('enterIEAddressManually', this.language))), showAddressesDropdown && (index.h("div", { key: '1c644f87f2617180e6356c724d72b6d3fc8e472e', class: "input__addresses-container", ref: (el) => (this.addressesDropdownRef = el) }, index.h("div", { key: 'f2a7b8133908441a3cf67eb48928a2d61d17e32f', class: "options" }, this.addresses.map((addr, index$1) => (index.h("div", { key: index$1, class: "option", onClick: (e) => this.handlePostalCode(e, addr) }, addr.number, " ", addr.street, " ", addr.city)))))), showLoadingMessage && (index.h("div", { key: 'c0cb29f7d174ca8981c8b9dfd2ee9b972b0fd1ea', class: "postalcode__loading-spinner" }, index.h("div", { key: '76f17cb0a440f7ed9cc8de3620b55136549586e6', class: "loading-spinner" }), index.h("span", { key: 'e10c4177fb0f21f142fd3120177e450413687cf3' }, translate$1('searchingForAddresses', this.language)))), shouldShowNoResults && (index.h("div", { key: 'f729f6206cc900a2c94e3df0e8b08cc3dc5b751f', class: "postalcode__no-results-message" }, translate$1('postalLookUpNoAddressFound', this.language)))), index.h("small", { key: 'c8a79e601f22444b34dc7d037c94f92875f51aad', class: 'text__error-message' }, this.errorMessage)));
|
|
16065
16090
|
}
|
|
16066
16091
|
static get watchers() { return {
|
|
16067
16092
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16552,14 +16577,22 @@ const TelInput = class {
|
|
|
16552
16577
|
const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
|
|
16553
16578
|
return translate$1(`${errorCode}`, this.language) ? translate$1(`${errorCode}`, this.language) : errorMessage;
|
|
16554
16579
|
}
|
|
16580
|
+
const { minLength, maxLength } = this.validation;
|
|
16555
16581
|
if (this.inputReference.validity.tooShort
|
|
16556
16582
|
|| this.inputReference.validity.tooLong
|
|
16557
|
-
|| (
|
|
16558
|
-
|| (
|
|
16559
|
-
|
|
16583
|
+
|| (minLength && this.phoneValue && this.phoneValue.length < minLength)
|
|
16584
|
+
|| (maxLength && this.phoneValue && this.phoneValue.length > maxLength)) {
|
|
16585
|
+
if (minLength === maxLength) {
|
|
16586
|
+
return translate$1(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
16587
|
+
values: { length: minLength }
|
|
16588
|
+
});
|
|
16589
|
+
}
|
|
16590
|
+
return translate$1(ERROR_KEYS.LENGTH, this.language, {
|
|
16591
|
+
values: { minLength, maxLength }
|
|
16592
|
+
});
|
|
16560
16593
|
}
|
|
16561
16594
|
if (this.inputReference.validity.valueMissing) {
|
|
16562
|
-
return translate$1(
|
|
16595
|
+
return translate$1(ERROR_KEYS.REQUIRED, this.language);
|
|
16563
16596
|
}
|
|
16564
16597
|
}
|
|
16565
16598
|
renderTooltip() {
|
|
@@ -16574,8 +16607,8 @@ const TelInput = class {
|
|
|
16574
16607
|
if (this.touched) {
|
|
16575
16608
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16576
16609
|
}
|
|
16577
|
-
return index.h("div", { key: '
|
|
16578
|
-
index.h("img", { key: '
|
|
16610
|
+
return index.h("div", { key: 'bf824bf310bec50746fb6b82cd8f7decbcfc284b', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '0b6c42e7aca5686f310ffdcecb96cf909e83521f', class: 'tel__wrapper--flex-label' }, index.h("label", { key: 'ddf2fa885ac53e7f337525357a7dce52f911213d', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'e21a84509b32f379bb3ce92137255caf99a86dc5', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
16611
|
+
index.h("img", { key: '9ff0a8c19aa067c1e7799227617405e373b344e4', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: '5db13af7e421480b89253970a5f2470f999c922d', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: '164fe2bd2940bd5a251fda48b28f1af1bc3e78be', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: '90ae038a383645d6579fb68bc5adbe8a2b1d676c', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), index.h("small", { key: 'a68f95384965384a67d042b89264dbda03f25b7a', class: 'tel__error-message' }, this.errorMessage));
|
|
16579
16612
|
}
|
|
16580
16613
|
static get watchers() { return {
|
|
16581
16614
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16854,8 +16887,7 @@ const TextInput = class {
|
|
|
16854
16887
|
return translate$1(ERROR_KEYS.REQUIRED, this.language);
|
|
16855
16888
|
}
|
|
16856
16889
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
16857
|
-
const minLength = this.validation
|
|
16858
|
-
const maxLength = this.validation.maxLength;
|
|
16890
|
+
const { minLength, maxLength } = this.validation;
|
|
16859
16891
|
if (minLength === maxLength) {
|
|
16860
16892
|
return translate$1(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
16861
16893
|
values: { length: minLength }
|
|
@@ -16888,8 +16920,8 @@ const TextInput = class {
|
|
|
16888
16920
|
if (this.touched) {
|
|
16889
16921
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16890
16922
|
}
|
|
16891
|
-
return index.h("div", { key: '
|
|
16892
|
-
index.h("img", { key: '
|
|
16923
|
+
return index.h("div", { key: 'aacb35e1808720cfdb24708254c01cb5be0fe6b6', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: '14a292cc7661d663698384d989d57d21786210b9', class: 'text__wrapper--flex' }, index.h("label", { key: 'c04b29364c4b54e9aad3036264044177e4a2dc51', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'eb8aee30e47241b533c7ca8fcb354c782b4e2be1', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
16924
|
+
index.h("img", { key: '23d4b70d93910f43ce0ea54c1bcffd81dfc54ebc', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: '3f901d85111256370811f4abe51bcd5b2971b60c', name: this.name, id: `${this.name}__input`, value: this.value, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.enableSouthAfricanMode ? '' : this.validation.minLength, maxlength: this.enableSouthAfricanMode ? '' : this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: '1661215687f1eecd622b2610c3e056f45944fee3', class: 'text__error-message' }, this.errorMessage));
|
|
16893
16925
|
}
|
|
16894
16926
|
static get watchers() { return {
|
|
16895
16927
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -758,16 +758,16 @@ export class GeneralRegistration {
|
|
|
758
758
|
}
|
|
759
759
|
formatConfig(config) {
|
|
760
760
|
this.listOfInputs = config.content.fields.flatMap((field) => {
|
|
761
|
-
var _a, _b, _c;
|
|
761
|
+
var _a, _b, _c, _d;
|
|
762
762
|
const duplicateInputRule = (_b = (_a = field.validate) === null || _a === void 0 ? void 0 : _a.custom) === null || _b === void 0 ? void 0 : _b.find(customRule => customRule.rule === 'duplicate-input');
|
|
763
763
|
const inputElement = Object.assign({}, field);
|
|
764
|
-
const translations = (_c = field.customInfo) === null || _c === void 0 ? void 0 : _c.Translations;
|
|
764
|
+
const translations = (_d = (_c = field.customInfo) === null || _c === void 0 ? void 0 : _c.Translations) === null || _d === void 0 ? void 0 : _d[this.language];
|
|
765
765
|
if (translations) {
|
|
766
|
-
inputElement.displayName = translations
|
|
767
|
-
inputElement.placeholder = translations
|
|
766
|
+
inputElement.displayName = translations.DisplayName || inputElement.displayName;
|
|
767
|
+
inputElement.placeholder = translations.Placeholder || inputElement.placeholder;
|
|
768
768
|
}
|
|
769
769
|
if (duplicateInputRule) {
|
|
770
|
-
const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: (translations === null || translations === void 0 ? void 0 : translations
|
|
770
|
+
const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: (translations === null || translations === void 0 ? void 0 : translations.DisplayNameDuplicate) || duplicateInputRule.displayName, placeholder: inputElement.placeholder, isDuplicateInput: true });
|
|
771
771
|
return [inputElement, duplicateInput];
|
|
772
772
|
}
|
|
773
773
|
else {
|
|
@@ -36,7 +36,9 @@ const TRANSLATIONS$1 = {
|
|
|
36
36
|
"SAIdInvalidError": "Invalid SA ID",
|
|
37
37
|
"PassportLengthError": "Passport number must be 8 or 9 digits.",
|
|
38
38
|
"PasswordMustContain": "Password must contain:",
|
|
39
|
-
"AlphanumericalOnly": "Only alphanumerical characters are allowed"
|
|
39
|
+
"AlphanumericalOnly": "Only alphanumerical characters are allowed",
|
|
40
|
+
"InvalidFirstName": "Only alphabetic characters are allowed.",
|
|
41
|
+
"InvalidLastName": "Only alphabetic characters are allowed."
|
|
40
42
|
},
|
|
41
43
|
"hu": {
|
|
42
44
|
"dateError": "A választott dátumnak {min} és {max} között kell lennie",
|
|
@@ -69,7 +71,9 @@ const TRANSLATIONS$1 = {
|
|
|
69
71
|
"SAIdLengthError": "A dél-afrikai személyi számnak 13 számjegyűnek kell lennie",
|
|
70
72
|
"SAIdInvalidError": "Érvénytelen dél-afrikai személyi szám",
|
|
71
73
|
"PasswordMustContain": "A jelszónak tartalmaznia kell:",
|
|
72
|
-
"AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek"
|
|
74
|
+
"AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek",
|
|
75
|
+
"InvalidFirstName": "Csak betűk engedélyezettek.",
|
|
76
|
+
"InvalidLastName": "Csak betűk engedélyezettek."
|
|
73
77
|
},
|
|
74
78
|
"hr": {
|
|
75
79
|
"dateError": "Odabrani datum treba biti između {min} i {max}",
|
|
@@ -102,7 +106,9 @@ const TRANSLATIONS$1 = {
|
|
|
102
106
|
"SAIdLengthError": "Južnoafrički osobni broj mora imati 13 znamenki",
|
|
103
107
|
"SAIdInvalidError": "Nevažeći južnoafrički osobni broj",
|
|
104
108
|
"PasswordMustContain": "Lozinka mora sadržavati:",
|
|
105
|
-
"AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi"
|
|
109
|
+
"AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi",
|
|
110
|
+
"InvalidFirstName": "Dozvoljena su samo slova.",
|
|
111
|
+
"InvalidLastName": "Dozvoljena su samo slova."
|
|
106
112
|
},
|
|
107
113
|
"tr": {
|
|
108
114
|
"dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
|
|
@@ -135,7 +141,9 @@ const TRANSLATIONS$1 = {
|
|
|
135
141
|
"SAIdLengthError": "Güney Afrika kimlik numarası 13 haneli olmalıdır",
|
|
136
142
|
"SAIdInvalidError": "Geçersiz Güney Afrika kimlik numarası",
|
|
137
143
|
"PasswordMustContain": "Şifre şunları içermelidir:",
|
|
138
|
-
"AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir"
|
|
144
|
+
"AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir",
|
|
145
|
+
"InvalidFirstName": "Yalnızca alfabetik karakterlere izin verilir.",
|
|
146
|
+
"InvalidLastName": "Yalnızca alfabetik karakterlere izin verilir."
|
|
139
147
|
},
|
|
140
148
|
"pt-br": {
|
|
141
149
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -168,7 +176,9 @@ const TRANSLATIONS$1 = {
|
|
|
168
176
|
"SAIdLengthError": "O número de identificação da África do Sul deve ter 13 dígitos",
|
|
169
177
|
"SAIdInvalidError": "Número de identificação da África do Sul inválido",
|
|
170
178
|
"PasswordMustContain": "A senha deve conter:",
|
|
171
|
-
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
|
|
179
|
+
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
|
|
180
|
+
"InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
|
|
181
|
+
"InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
|
|
172
182
|
},
|
|
173
183
|
"pt": {
|
|
174
184
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -176,6 +186,7 @@ const TRANSLATIONS$1 = {
|
|
|
176
186
|
"dateFormatError": "A data selecionada tem um formato diferente do exigido.",
|
|
177
187
|
"numberLengthError": "O número deve estar entre {min} e {max}",
|
|
178
188
|
"lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
|
|
189
|
+
"fixedLengthError": "O comprimento deve ser de {length} caracteres",
|
|
179
190
|
"requiredError": "Este campo é obrigatório.",
|
|
180
191
|
"invalidOriginalPasswordError": "O campo da palavra-passe inicial não cumpre todos os critérios.",
|
|
181
192
|
"invalidPassword": "A palavra-passe não cumpre todos os critérios",
|
|
@@ -203,7 +214,9 @@ const TRANSLATIONS$1 = {
|
|
|
203
214
|
"SAIdInvalidError": "ID da África do Sul inválido",
|
|
204
215
|
"PassportLengthError": "O número de passaporte deve ter 8 ou 9 dígitos.",
|
|
205
216
|
"PasswordMustContain": "A palavra-passe deve conter:",
|
|
206
|
-
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
|
|
217
|
+
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
|
|
218
|
+
"InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
|
|
219
|
+
"InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
|
|
207
220
|
},
|
|
208
221
|
"es-mx": {
|
|
209
222
|
"dateError": "La fecha seleccionada debe ser entre {min} y {max}",
|
|
@@ -236,7 +249,9 @@ const TRANSLATIONS$1 = {
|
|
|
236
249
|
"SAIdLengthError": "El número de identificación de Sudáfrica debe tener 13 dígitos",
|
|
237
250
|
"SAIdInvalidError": "Número de identificación de Sudáfrica inválido",
|
|
238
251
|
"PasswordMustContain": "La contraseña debe contener:",
|
|
239
|
-
"AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos"
|
|
252
|
+
"AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos",
|
|
253
|
+
"InvalidFirstName": "Solo se permiten caracteres alfabéticos.",
|
|
254
|
+
"InvalidLastName": "Solo se permiten caracteres alfabéticos."
|
|
240
255
|
},
|
|
241
256
|
"fr": {
|
|
242
257
|
"dateError": "La date sélectionnée doit être comprise entre {min} et {max}",
|
|
@@ -272,7 +287,9 @@ const TRANSLATIONS$1 = {
|
|
|
272
287
|
"SAIdInvalidError": "Identifiant sud-africain invalide",
|
|
273
288
|
"PassportLengthError": "Le numéro de passeport doit comporter 8 ou 9 chiffres.",
|
|
274
289
|
"PasswordMustContain": "Le mot de passe doit contenir :",
|
|
275
|
-
"AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés"
|
|
290
|
+
"AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés",
|
|
291
|
+
"InvalidFirstName": "Seuls les caractères alphabétiques sont autorisés.",
|
|
292
|
+
"InvalidLastName": "Seuls les caractères alphabétiques sont autorisés."
|
|
276
293
|
}
|
|
277
294
|
};
|
|
278
295
|
const CONSTANTS = {
|
|
@@ -15022,16 +15039,16 @@ const GeneralRegistration = class {
|
|
|
15022
15039
|
}
|
|
15023
15040
|
formatConfig(config) {
|
|
15024
15041
|
this.listOfInputs = config.content.fields.flatMap((field) => {
|
|
15025
|
-
var _a, _b, _c;
|
|
15042
|
+
var _a, _b, _c, _d;
|
|
15026
15043
|
const duplicateInputRule = (_b = (_a = field.validate) === null || _a === void 0 ? void 0 : _a.custom) === null || _b === void 0 ? void 0 : _b.find(customRule => customRule.rule === 'duplicate-input');
|
|
15027
15044
|
const inputElement = Object.assign({}, field);
|
|
15028
|
-
const translations = (_c = field.customInfo) === null || _c === void 0 ? void 0 : _c.Translations;
|
|
15045
|
+
const translations = (_d = (_c = field.customInfo) === null || _c === void 0 ? void 0 : _c.Translations) === null || _d === void 0 ? void 0 : _d[this.language];
|
|
15029
15046
|
if (translations) {
|
|
15030
|
-
inputElement.displayName = translations
|
|
15031
|
-
inputElement.placeholder = translations
|
|
15047
|
+
inputElement.displayName = translations.DisplayName || inputElement.displayName;
|
|
15048
|
+
inputElement.placeholder = translations.Placeholder || inputElement.placeholder;
|
|
15032
15049
|
}
|
|
15033
15050
|
if (duplicateInputRule) {
|
|
15034
|
-
const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: (translations === null || translations === void 0 ? void 0 : translations
|
|
15051
|
+
const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: (translations === null || translations === void 0 ? void 0 : translations.DisplayNameDuplicate) || duplicateInputRule.displayName, placeholder: inputElement.placeholder, isDuplicateInput: true });
|
|
15035
15052
|
return [inputElement, duplicateInput];
|
|
15036
15053
|
}
|
|
15037
15054
|
else {
|
|
@@ -16007,10 +16024,18 @@ const PostalCodeInput = class {
|
|
|
16007
16024
|
return '';
|
|
16008
16025
|
}
|
|
16009
16026
|
if (this.inputReference.validity.valueMissing) {
|
|
16010
|
-
return translate$1(
|
|
16027
|
+
return translate$1(ERROR_KEYS.REQUIRED, this.language);
|
|
16011
16028
|
}
|
|
16012
16029
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
16013
|
-
|
|
16030
|
+
const { minLength, maxLength } = this.validation;
|
|
16031
|
+
if (minLength === maxLength) {
|
|
16032
|
+
return translate$1(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
16033
|
+
values: { length: minLength }
|
|
16034
|
+
});
|
|
16035
|
+
}
|
|
16036
|
+
return translate$1(ERROR_KEYS.LENGTH, this.language, {
|
|
16037
|
+
values: { minLength, maxLength }
|
|
16038
|
+
});
|
|
16014
16039
|
}
|
|
16015
16040
|
if (this.inputReference.value.match(this.validationPattern) == null) {
|
|
16016
16041
|
const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
|
|
@@ -16057,7 +16082,7 @@ const PostalCodeInput = class {
|
|
|
16057
16082
|
let shouldShowNoResults = this.showNoResultsMessage && this.currentPostalCode &&
|
|
16058
16083
|
this.currentPostalCode.length >= this.postalcodelength && (((_b = this.addresses) === null || _b === void 0 ? void 0 : _b.length) === 0) && isUKCountry;
|
|
16059
16084
|
let showLoadingMessage = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
16060
|
-
return (h("div", { key: '
|
|
16085
|
+
return (h("div", { key: 'e358dddfc4b20b0847d03e3f12ff637922470105', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: 'b806cac9ad62480a1be6bf802528c60c79804e94', class: 'text__wrapper--flex' }, h("label", { key: '4fb327989e8b828559c01601eea47bdd58da4bd3', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '6c293495a8935db477cbcac2eb9102bffeb85ddb', class: 'text__wrapper--relative' }, this.tooltip && (h("img", { key: '848bb5b44d834c4f0e4a78cfebef0ecf1b88fd2e', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip })), this.renderTooltip())), h("div", { key: '7f6195e5cfc5bfabc9854ec6acc19c1e52e70f1b', class: 'input__text-wrapper' }, h("input", { key: '4369b4a99016a7aebbb396bdda35c31d92e4d557', name: this.name, id: `${this.name}__input`, value: this.determineInputValue(), type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.maxPostalCodeLength, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !isUKCountry && (h("p", { key: '0e3c0fcb974d2f3dae76f9afdbf173fcc25d258f', class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, translate$1('enterIEAddressManually', this.language))), showAddressesDropdown && (h("div", { key: '1c644f87f2617180e6356c724d72b6d3fc8e472e', class: "input__addresses-container", ref: (el) => (this.addressesDropdownRef = el) }, h("div", { key: 'f2a7b8133908441a3cf67eb48928a2d61d17e32f', class: "options" }, this.addresses.map((addr, index) => (h("div", { key: index, class: "option", onClick: (e) => this.handlePostalCode(e, addr) }, addr.number, " ", addr.street, " ", addr.city)))))), showLoadingMessage && (h("div", { key: 'c0cb29f7d174ca8981c8b9dfd2ee9b972b0fd1ea', class: "postalcode__loading-spinner" }, h("div", { key: '76f17cb0a440f7ed9cc8de3620b55136549586e6', class: "loading-spinner" }), h("span", { key: 'e10c4177fb0f21f142fd3120177e450413687cf3' }, translate$1('searchingForAddresses', this.language)))), shouldShowNoResults && (h("div", { key: 'f729f6206cc900a2c94e3df0e8b08cc3dc5b751f', class: "postalcode__no-results-message" }, translate$1('postalLookUpNoAddressFound', this.language)))), h("small", { key: 'c8a79e601f22444b34dc7d037c94f92875f51aad', class: 'text__error-message' }, this.errorMessage)));
|
|
16061
16086
|
}
|
|
16062
16087
|
static get watchers() { return {
|
|
16063
16088
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16548,14 +16573,22 @@ const TelInput = class {
|
|
|
16548
16573
|
const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
|
|
16549
16574
|
return translate$1(`${errorCode}`, this.language) ? translate$1(`${errorCode}`, this.language) : errorMessage;
|
|
16550
16575
|
}
|
|
16576
|
+
const { minLength, maxLength } = this.validation;
|
|
16551
16577
|
if (this.inputReference.validity.tooShort
|
|
16552
16578
|
|| this.inputReference.validity.tooLong
|
|
16553
|
-
|| (
|
|
16554
|
-
|| (
|
|
16555
|
-
|
|
16579
|
+
|| (minLength && this.phoneValue && this.phoneValue.length < minLength)
|
|
16580
|
+
|| (maxLength && this.phoneValue && this.phoneValue.length > maxLength)) {
|
|
16581
|
+
if (minLength === maxLength) {
|
|
16582
|
+
return translate$1(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
16583
|
+
values: { length: minLength }
|
|
16584
|
+
});
|
|
16585
|
+
}
|
|
16586
|
+
return translate$1(ERROR_KEYS.LENGTH, this.language, {
|
|
16587
|
+
values: { minLength, maxLength }
|
|
16588
|
+
});
|
|
16556
16589
|
}
|
|
16557
16590
|
if (this.inputReference.validity.valueMissing) {
|
|
16558
|
-
return translate$1(
|
|
16591
|
+
return translate$1(ERROR_KEYS.REQUIRED, this.language);
|
|
16559
16592
|
}
|
|
16560
16593
|
}
|
|
16561
16594
|
renderTooltip() {
|
|
@@ -16570,8 +16603,8 @@ const TelInput = class {
|
|
|
16570
16603
|
if (this.touched) {
|
|
16571
16604
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16572
16605
|
}
|
|
16573
|
-
return h("div", { key: '
|
|
16574
|
-
h("img", { key: '
|
|
16606
|
+
return h("div", { key: 'bf824bf310bec50746fb6b82cd8f7decbcfc284b', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '0b6c42e7aca5686f310ffdcecb96cf909e83521f', class: 'tel__wrapper--flex-label' }, h("label", { key: 'ddf2fa885ac53e7f337525357a7dce52f911213d', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'e21a84509b32f379bb3ce92137255caf99a86dc5', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
16607
|
+
h("img", { key: '9ff0a8c19aa067c1e7799227617405e373b344e4', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: '5db13af7e421480b89253970a5f2470f999c922d', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: '164fe2bd2940bd5a251fda48b28f1af1bc3e78be', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '90ae038a383645d6579fb68bc5adbe8a2b1d676c', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), h("small", { key: 'a68f95384965384a67d042b89264dbda03f25b7a', class: 'tel__error-message' }, this.errorMessage));
|
|
16575
16608
|
}
|
|
16576
16609
|
static get watchers() { return {
|
|
16577
16610
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16850,8 +16883,7 @@ const TextInput = class {
|
|
|
16850
16883
|
return translate$1(ERROR_KEYS.REQUIRED, this.language);
|
|
16851
16884
|
}
|
|
16852
16885
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
16853
|
-
const minLength = this.validation
|
|
16854
|
-
const maxLength = this.validation.maxLength;
|
|
16886
|
+
const { minLength, maxLength } = this.validation;
|
|
16855
16887
|
if (minLength === maxLength) {
|
|
16856
16888
|
return translate$1(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
16857
16889
|
values: { length: minLength }
|
|
@@ -16884,8 +16916,8 @@ const TextInput = class {
|
|
|
16884
16916
|
if (this.touched) {
|
|
16885
16917
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16886
16918
|
}
|
|
16887
|
-
return h("div", { key: '
|
|
16888
|
-
h("img", { key: '
|
|
16919
|
+
return h("div", { key: 'aacb35e1808720cfdb24708254c01cb5be0fe6b6', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: '14a292cc7661d663698384d989d57d21786210b9', class: 'text__wrapper--flex' }, h("label", { key: 'c04b29364c4b54e9aad3036264044177e4a2dc51', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'eb8aee30e47241b533c7ca8fcb354c782b4e2be1', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
16920
|
+
h("img", { key: '23d4b70d93910f43ce0ea54c1bcffd81dfc54ebc', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("input", { key: '3f901d85111256370811f4abe51bcd5b2971b60c', name: this.name, id: `${this.name}__input`, value: this.value, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.enableSouthAfricanMode ? '' : this.validation.minLength, maxlength: this.enableSouthAfricanMode ? '' : this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h("small", { key: '1661215687f1eecd622b2610c3e056f45944fee3', class: 'text__error-message' }, this.errorMessage));
|
|
16889
16921
|
}
|
|
16890
16922
|
static get watchers() { return {
|
|
16891
16923
|
"clientStyling": ["handleStylingChange"],
|