@everymatrix/user-login 1.63.1 → 1.63.3
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/loader.cjs.js +1 -1
- package/dist/cjs/user-login.cjs.entry.js +67 -29
- package/dist/cjs/user-login.cjs.js +1 -1
- package/dist/collection/components/user-login/user-login.js +20 -17
- package/dist/collection/utils/locale.utils.js +48 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/user-login.entry.js +67 -29
- package/dist/esm/user-login.js +1 -1
- package/dist/types/components/user-login/user-login.d.ts +4 -0
- package/dist/user-login/{p-c0428412.entry.js → p-07ad23d4.entry.js} +34 -34
- package/dist/user-login/user-login.esm.js +1 -1
- package/package.json +1 -1
|
@@ -17,7 +17,10 @@ const TRANSLATIONS = {
|
|
|
17
17
|
"setUpPassowrd": "You need to reset your password",
|
|
18
18
|
"Unauthorized": "The player account number, e-mail address or password is incorrect",
|
|
19
19
|
"CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.",
|
|
20
|
-
"configError": "An unexpected error has occured when fetchig the configuration"
|
|
20
|
+
"configError": "An unexpected error has occured when fetchig the configuration",
|
|
21
|
+
"userEmailError": "The email or username have an invalid format.",
|
|
22
|
+
"userPhoneError": "The prefix or the phone number have an invalid format.",
|
|
23
|
+
"userPasswordError": "The password has an invalid format."
|
|
21
24
|
},
|
|
22
25
|
"tr": {
|
|
23
26
|
"invalidField": "Üzgünüz, bu kullanıcı adı/e-posta adresi ve/veya şifre tanınmadı.",
|
|
@@ -34,7 +37,10 @@ const TRANSLATIONS = {
|
|
|
34
37
|
"setUpPassowrd": "Şifrenizi sıfırlamanız gerekiyor",
|
|
35
38
|
"Unauthorized": "Oyuncu hesap numarası, e-posta adresi veya şifre hatalı",
|
|
36
39
|
"CountryRestricted": "Kısıtlı bir yargı bölgesinden kayıt yapılamaz. Daha fazla sorunla karşılaşırsanız, lütfen destek ile iletişime geçin.",
|
|
37
|
-
"configError": "Yapılandırma alınırken beklenmeyen bir hata oluştu"
|
|
40
|
+
"configError": "Yapılandırma alınırken beklenmeyen bir hata oluştu",
|
|
41
|
+
"userEmailError": "E-posta veya kullanıcı adı geçersiz bir formata sahip.",
|
|
42
|
+
"userPhoneError": "Ön ek veya telefon numarası geçersiz bir formata sahip.",
|
|
43
|
+
"userPasswordError": "Şifre geçersiz bir formata sahip."
|
|
38
44
|
},
|
|
39
45
|
"en-us": {
|
|
40
46
|
"invalidField": "Sorry, that username/email address and/or password has not been recognized.",
|
|
@@ -51,7 +57,10 @@ const TRANSLATIONS = {
|
|
|
51
57
|
"setUpPassowrd": "You need to reset your password",
|
|
52
58
|
"Unauthorized": "The player account number, e-mail address or password is incorrect",
|
|
53
59
|
"CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.",
|
|
54
|
-
"configError": "An unexpected error has occured when fetchig the configuration"
|
|
60
|
+
"configError": "An unexpected error has occured when fetchig the configuration",
|
|
61
|
+
"userEmailError": "The email or username have an invalid format.",
|
|
62
|
+
"userPhoneError": "The prefix or the phone number have an invalid format.",
|
|
63
|
+
"userPasswordError": "The password has an invalid format."
|
|
55
64
|
},
|
|
56
65
|
"ro": {
|
|
57
66
|
"invalidField": "Ne pare rău, acest nume de utilizator/adresă de e-mail și/sau parolă nu a fost recunoscut.",
|
|
@@ -68,7 +77,10 @@ const TRANSLATIONS = {
|
|
|
68
77
|
"setUpPassowrd": "Trebuie să vă resetați parola",
|
|
69
78
|
"Unauthorized": "Numărul contului de jucător, adresa de e-mail sau parola sunt incorecte",
|
|
70
79
|
"CountryRestricted": "Înregistrarea nu este posibilă dintr-o jurisdicție restricționată. Dacă întâmpinați alte probleme, vă rugăm să contactați asistența.",
|
|
71
|
-
"configError": "A apărut o eroare neașteptată la preluarea configurației"
|
|
80
|
+
"configError": "A apărut o eroare neașteptată la preluarea configurației",
|
|
81
|
+
"userEmailError": "Emailul sau numele de utilizator au un format invalid.",
|
|
82
|
+
"userPhoneError": "Prefixul sau numărul de telefon au un format invalid.",
|
|
83
|
+
"userPasswordError": "Parola are un format invalid."
|
|
72
84
|
},
|
|
73
85
|
"hr": {
|
|
74
86
|
"invalidField": "Žao nam je, to korisničko ime/adresa e-pošte i/ili lozinka nisu prepoznati.",
|
|
@@ -85,7 +97,10 @@ const TRANSLATIONS = {
|
|
|
85
97
|
"GmErr_USER_ACCOUNT_BLOCKED": "Trenutno se ne možete prijaviti na svoj račun - molimo kontaktirajte Službu za korisnike za više informacija.",
|
|
86
98
|
"Unauthorized": "Lozinka, e-mail adresa ili korisničko ime su pogrešno uneseni",
|
|
87
99
|
"CountryRestricted": "Prijava nije moguća iz zemlje ograničene jurisdikcije. U slučaju daljnjih poteškoća, molimo kontaktirajte podršku.",
|
|
88
|
-
"configError": "Došlo je do neočekivane pogreške prilikom dohvaćanja konfiguracije"
|
|
100
|
+
"configError": "Došlo je do neočekivane pogreške prilikom dohvaćanja konfiguracije",
|
|
101
|
+
"userEmailError": "E-mail ili korisničko ime imaju nevažeći format.",
|
|
102
|
+
"userPhoneError": "Prefiks ili telefonski broj imaju nevažeći format.",
|
|
103
|
+
"userPasswordError": "Lozinka ima nevažeći format."
|
|
89
104
|
},
|
|
90
105
|
"fr": {
|
|
91
106
|
"invalidField": "Désolé, ce nom d'utilisateur/adresse e-mail et/ou mot de passe n'a pas été reconnu.",
|
|
@@ -102,7 +117,10 @@ const TRANSLATIONS = {
|
|
|
102
117
|
"setUpPassowrd": "Vous devez réinitialiser votre mot de passe",
|
|
103
118
|
"Unauthorized": "Le numéro de compte joueur, l'adresse e-mail ou le mot de passe est incorrect",
|
|
104
119
|
"CountryRestricted": "L'inscription n'est pas possible depuis une juridiction restreinte. Si vous rencontrez d'autres problèmes, veuillez contacter le support.",
|
|
105
|
-
"configError": "Une erreur inattendue s'est produite lors de la récupération de la configuration"
|
|
120
|
+
"configError": "Une erreur inattendue s'est produite lors de la récupération de la configuration",
|
|
121
|
+
"userEmailError": "L'email ou le nom d'utilisateur ont un format invalide.",
|
|
122
|
+
"userPhoneError": "Le préfixe ou le numéro de téléphone ont un format invalide.",
|
|
123
|
+
"userPasswordError": "Le mot de passe a un format invalide."
|
|
106
124
|
},
|
|
107
125
|
"cs": {
|
|
108
126
|
"invalidField": "Omlouváme se, toto uživatelské jméno/e-mailová adresa a/nebo heslo nebyly rozpoznány.",
|
|
@@ -119,7 +137,10 @@ const TRANSLATIONS = {
|
|
|
119
137
|
"setUpPassowrd": "Musíte resetovat své heslo",
|
|
120
138
|
"Unauthorized": "Číslo účtu hráče, e-mailová adresa nebo heslo je nesprávné",
|
|
121
139
|
"CountryRestricted": "Registrace není možná z omezené jurisdikce. Pokud narazíte na další potíže, kontaktujte prosím podporu.",
|
|
122
|
-
"configError": "Při načítání konfigurace došlo k neočekávané chybě"
|
|
140
|
+
"configError": "Při načítání konfigurace došlo k neočekávané chybě",
|
|
141
|
+
"userEmailError": "E-mail nebo uživatelské jméno mají neplatný formát.",
|
|
142
|
+
"userPhoneError": "Předvolba nebo telefonní číslo mají neplatný formát.",
|
|
143
|
+
"userPasswordError": "Heslo má neplatný formát."
|
|
123
144
|
},
|
|
124
145
|
"de": {
|
|
125
146
|
"invalidField": "Entschuldigung, dieser Benutzername/diese E-Mail-Adresse und/oder dieses Passwort wurde nicht erkannt.",
|
|
@@ -136,7 +157,10 @@ const TRANSLATIONS = {
|
|
|
136
157
|
"setUpPassowrd": "Sie müssen Ihr Passwort zurücksetzen",
|
|
137
158
|
"Unauthorized": "Die Spieler-Kontonummer, E-Mail-Adresse oder das Passwort ist falsch",
|
|
138
159
|
"CountryRestricted": "Eine Registrierung ist aus einer eingeschränkten Gerichtsbarkeit nicht möglich. Wenn Sie weitere Probleme haben, wenden Sie sich bitte an den Support.",
|
|
139
|
-
"configError": "Beim Abrufen der Konfiguration ist ein unerwarteter Fehler aufgetreten"
|
|
160
|
+
"configError": "Beim Abrufen der Konfiguration ist ein unerwarteter Fehler aufgetreten",
|
|
161
|
+
"userEmailError": "Die E-Mail oder der Benutzername haben ein ungültiges Format.",
|
|
162
|
+
"userPhoneError": "Die Vorwahl oder die Telefonnummer haben ein ungültiges Format.",
|
|
163
|
+
"userPasswordError": "Das Passwort hat ein ungültiges Format."
|
|
140
164
|
},
|
|
141
165
|
"pt-br": {
|
|
142
166
|
"invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
|
|
@@ -153,7 +177,10 @@ const TRANSLATIONS = {
|
|
|
153
177
|
"setUpPassowrd": "Você precisa redefinir sua senha",
|
|
154
178
|
"Unauthorized": "O número da conta de jogador, o endereço de e-mail ou a senha estão incorretos",
|
|
155
179
|
"CountryRestricted": "O registro não é possível a partir de uma jurisdição restrita. Caso encontre outros problemas, entre em contato com o suporte.",
|
|
156
|
-
"configError": "Ocorreu um erro inesperado ao buscar a configuração"
|
|
180
|
+
"configError": "Ocorreu um erro inesperado ao buscar a configuração",
|
|
181
|
+
"userEmailError": "O e-mail ou nome de usuário têm um formato inválido.",
|
|
182
|
+
"userPhoneError": "O prefixo ou o número de telefone têm um formato inválido.",
|
|
183
|
+
"userPasswordError": "A senha tem um formato inválido."
|
|
157
184
|
},
|
|
158
185
|
"es-mx": {
|
|
159
186
|
"invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
|
|
@@ -170,7 +197,10 @@ const TRANSLATIONS = {
|
|
|
170
197
|
"setUpPassowrd": "Necesitas restablecer tu contraseña",
|
|
171
198
|
"Unauthorized": "El número de cuenta de jugador, la dirección de correo electrónico o la contraseña son incorrectos",
|
|
172
199
|
"CountryRestricted": "El registro no es posible desde una jurisdicción restringida. Si encuentra más problemas, por favor contacte al soporte.",
|
|
173
|
-
"configError": "Se ha producido un error inesperado al obtener la configuración"
|
|
200
|
+
"configError": "Se ha producido un error inesperado al obtener la configuración",
|
|
201
|
+
"userEmailError": "El correo electrónico o nombre de usuario tienen un formato inválido.",
|
|
202
|
+
"userPhoneError": "El prefijo o el número de teléfono tienen un formato inválido.",
|
|
203
|
+
"userPasswordError": "La contraseña tiene un formato inválido."
|
|
174
204
|
},
|
|
175
205
|
"es": {
|
|
176
206
|
"invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
|
|
@@ -187,7 +217,10 @@ const TRANSLATIONS = {
|
|
|
187
217
|
"setUpPassowrd": "Necesitas restablecer tu contraseña",
|
|
188
218
|
"Unauthorized": "El número de cuenta, correo electrónico o contraseña es incorrecto",
|
|
189
219
|
"CountryRestricted": "No es posible registrarse desde una jurisdicción restringida. Si encuentra más problemas, comuníquese con el soporte.",
|
|
190
|
-
"configError": "Se ha producido un error inesperado al obtener la configuración"
|
|
220
|
+
"configError": "Se ha producido un error inesperado al obtener la configuración",
|
|
221
|
+
"userEmailError": "El correo electrónico o nombre de usuario tienen un formato inválido.",
|
|
222
|
+
"userPhoneError": "El prefijo o el número de teléfono tienen un formato inválido.",
|
|
223
|
+
"userPasswordError": "La contraseña tiene un formato inválido."
|
|
191
224
|
},
|
|
192
225
|
"pt": {
|
|
193
226
|
"invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
|
|
@@ -204,7 +237,10 @@ const TRANSLATIONS = {
|
|
|
204
237
|
"setUpPassowrd": "Você precisa redefinir a sua senha",
|
|
205
238
|
"Unauthorized": "O número da conta, e-mail ou senha está incorreto",
|
|
206
239
|
"CountryRestricted": "Não é possível se registrar de uma jurisdição restrita. Se encontrar mais problemas, entre em contato com o suporte.",
|
|
207
|
-
"configError": "Ocorreu um erro inesperado ao procurar a configuração"
|
|
240
|
+
"configError": "Ocorreu um erro inesperado ao procurar a configuração",
|
|
241
|
+
"userEmailError": "O e-mail ou nome de usuário têm um formato inválido.",
|
|
242
|
+
"userPhoneError": "O prefixo ou o número de telefone têm um formato inválido.",
|
|
243
|
+
"userPasswordError": "A senha tem um formato inválido."
|
|
208
244
|
}
|
|
209
245
|
};
|
|
210
246
|
const getTranslations = (url) => {
|
|
@@ -22077,30 +22113,29 @@ const UserLogin = class {
|
|
|
22077
22113
|
* @param location - 'user' | 'phone' | 'password'
|
|
22078
22114
|
*/
|
|
22079
22115
|
this.handleInputChange = (event, location) => {
|
|
22080
|
-
this.hasError = false;
|
|
22081
22116
|
const inputValue = event.target.value;
|
|
22082
22117
|
switch (location) {
|
|
22083
22118
|
case 'user':
|
|
22084
22119
|
this.userNameEmail = inputValue;
|
|
22085
22120
|
this.isValidUserEmail = this.validate('user', this.userNameEmail);
|
|
22121
|
+
this.errorForFields[location] = !this.isValidUserEmail && inputValue.length > 3 ? true : false;
|
|
22086
22122
|
break;
|
|
22087
22123
|
case 'phone':
|
|
22088
22124
|
this.userPhone = inputValue;
|
|
22089
22125
|
this.isValidUserPhone = this.validate('phone', this.userPhone);
|
|
22126
|
+
this.errorForFields[location] = !this.isValidUserPhone && inputValue.length > 3 ? true : false;
|
|
22090
22127
|
break;
|
|
22091
22128
|
case 'prefix':
|
|
22092
22129
|
this.userPrefix = inputValue;
|
|
22093
22130
|
this.isValidUserPhone = this.validate('phone', this.userPhone);
|
|
22131
|
+
this.errorForFields[location] = !this.isValidUserPhone ? true : false;
|
|
22094
22132
|
break;
|
|
22095
22133
|
case 'password':
|
|
22096
22134
|
this.userPassword = inputValue;
|
|
22097
22135
|
this.isValidPassword = this.validate('password', inputValue);
|
|
22136
|
+
this.errorForFields[location] = !this.isValidPassword && inputValue.length > 3 ? true : false;
|
|
22098
22137
|
break;
|
|
22099
22138
|
}
|
|
22100
|
-
if (!this.isValidUserEmail || !this.isValidUserPhone || !this.isValidPassword) {
|
|
22101
|
-
this.hasError = true;
|
|
22102
|
-
this.errorMessage = translate$1('invalidField', this.lang);
|
|
22103
|
-
}
|
|
22104
22139
|
};
|
|
22105
22140
|
// this partially applies the location to avoid constructing an anonymous function in jsx, i.e. (e)=>handleInputChange(e,location), which would be needed for 2 args
|
|
22106
22141
|
this.handleInputChangePartial = (location) => (e) => this.handleInputChange(e, location);
|
|
@@ -22159,6 +22194,7 @@ const UserLogin = class {
|
|
|
22159
22194
|
this.isValidUserPhone = true;
|
|
22160
22195
|
this.isPasswordVisible = false;
|
|
22161
22196
|
this.errorMessage = '';
|
|
22197
|
+
this.errorForFields = {};
|
|
22162
22198
|
this.hasError = false;
|
|
22163
22199
|
this.userPrefixOptions = undefined;
|
|
22164
22200
|
this.isLoginLoading = false;
|
|
@@ -22375,19 +22411,21 @@ const UserLogin = class {
|
|
|
22375
22411
|
* Render function
|
|
22376
22412
|
*/
|
|
22377
22413
|
render() {
|
|
22378
|
-
let visibilityIcon = h$2("span", { key: '
|
|
22379
|
-
h$2("svg", { key: '
|
|
22380
|
-
h$2("svg", { key: '
|
|
22381
|
-
let userIdentification = h$2("div", { key: '
|
|
22382
|
-
? h$2("div", { class: (!this.isValidUserPhone
|
|
22383
|
-
|
|
22384
|
-
h$2("div", {
|
|
22385
|
-
|
|
22386
|
-
h$2("
|
|
22414
|
+
let visibilityIcon = h$2("span", { key: '3f7e7234ba93172f1ea58f29f524f20d7c3fa855', class: "InputIcon" }, this.isPasswordVisible &&
|
|
22415
|
+
h$2("svg", { key: '40d86efd1acd0858a735d41cd10ec17d4a48c498', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, h$2("g", { key: 'ecb1cf7d267242cf6d5f8c77dced070a41cd72a7', transform: "translate(-110.856 -23.242)" }, h$2("circle", { key: '857678e638b382387b37a6939d9af9dbdc933c54', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h$2("g", { key: 'f6f49b92ea0e53e1c52768d1545b787b9a306c20', transform: "translate(117.499 27.37)" }, h$2("path", { key: 'ec124a5df84f73f5d5b874d4a43e625da9aa13eb', class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), h$2("path", { key: 'f5c1c2da8cfc7f80fe7550ee1c662b7d187e01bc', class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), h$2("g", { key: '0c90dd3d955e27b2313aca2d7ff44a401407ab6c', transform: "translate(110.856 24.899)" }, h$2("path", { key: '5b339ce26673e1b9a0202cb6c9bd9c8baa365750', class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), h$2("path", { key: '0b9aaac72a1c0713dc17e5be2a07af9612fdad69', class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), h$2("rect", { key: 'fe82a4461c5b54626fedfe6620e9cd8fc5c50f64', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
|
|
22416
|
+
h$2("svg", { key: 'ee919c1687ef678f0cb149da165ef8b15b87295b', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, h$2("g", { key: 'bb8199268a624e09ca1433e9e74c0f9585461025', transform: "translate(-14.185 -27.832)" }, h$2("path", { key: '5cdd3f31c453cd32db384f9ef233e58bd677e850', class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), h$2("circle", { key: '883db98ff9453459de9421a68738eaf75a0c8a92', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
|
|
22417
|
+
let userIdentification = h$2("div", { key: '2328187a0bb1d37bb3f5f42cc2ecf42d0531f8ab', class: "FormBox" }, h$2("div", { key: '20b3fff48f776b694803f67ccfedc467a324b14c', class: "FormValue" }, this.loginByPhoneNumber === 'true'
|
|
22418
|
+
? h$2("div", { class: (!this.isValidUserPhone && this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, h$2("div", { class: "PhoneInputBox" }, h$2("div", { class: "PrefixBox" }, h$2("vaadin-combo-box", { items: this.userPrefixOptions, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') }), h$2("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate$1('userPrefix', this.lang))), h$2("div", { class: "PhoneBox" }, h$2("input", { type: "text", placeholder: '', value: this.userPhone, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), h$2("label", { class: (this.userPhone ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate$1('userPhone', this.lang)), !this.isValidUserPhone && this.errorForFields['phone'] &&
|
|
22419
|
+
h$2("p", { class: "CredentialsError" }, translate$1('userPhoneError', this.lang)))))
|
|
22420
|
+
: h$2("div", { class: (!this.isValidUserEmail && this.errorForFields['user']) ? 'InputBox InputInvalidBox' : 'InputBox' }, h$2("input", { type: "text", placeholder: '', value: this.userNameEmail, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h$2("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail && this.errorForFields['user'] ? 'FieldInvalid' : '') }, translate$1('userEmail', this.lang)), !this.isValidUserEmail && this.errorForFields['user'] &&
|
|
22421
|
+
h$2("p", { class: "CredentialsError" }, translate$1('userEmailError', this.lang))), h$2("div", { key: '95ec1495c1b849e4b8c3bf1bfc9cc50424c11d31', class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h$2("input", { key: '5c9edaf052d7f49ef43899a5ab7de1ba58aa24b5', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h$2("label", { key: '92e1e726adc77404161c13db41c1a5e4dde98255', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword && this.errorForFields['password'] ? 'FieldInvalid' : '') }, translate$1('password', this.lang)), !this.isValidPassword && this.errorForFields['password'] &&
|
|
22422
|
+
h$2("p", { key: '3444dddb1edad1f4d0d32f04f6105009bd7ffca7', class: "CredentialsError" }, translate$1('userPasswordError', this.lang))), this.passwordReset == 'true' &&
|
|
22423
|
+
h$2("div", { key: 'b9eb375fec6246203418553dcf388b44c04db740', class: "ForgotPassword" }, h$2("button", { key: '5f492abf8e136c5d05712b410378a996a9605534', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
|
|
22424
|
+
h$2("slot", { key: '1eb8f8a9d89dd8cb4039316de5161e8d2fe20e2c', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
|
|
22425
|
+
h$2("slot", { key: 'c64c52ff8de23f6d538390feebeb4725e2c84f8d', name: "google" }), h$2("button", { key: 'b9a102164579f4c651a892c08bc024c1349d3632', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
|
|
22387
22426
|
(this.loginByPhoneNumber === 'true' && (!this.isValidUserPhone || !this.userPhone || !this.userPrefix)) ||
|
|
22388
|
-
!this.userPassword || !this.isValidPassword) || this.isLoginLoading || (this.version === 'gm17' && this.captchaData.isEnabled && !this.captchaData.token), class: "SubmitCredentials", onClick: this.handleLogin }, translate$1('login', this.lang))
|
|
22389
|
-
|
|
22390
|
-
return h$2("section", { key: '936a5cb3b6fa82502b0206bebf509184b775c8ca', ref: el => this.stylingContainer = el }, userIdentification);
|
|
22427
|
+
!this.userPassword || !this.isValidPassword) || this.isLoginLoading || (this.version === 'gm17' && this.captchaData.isEnabled && !this.captchaData.token), class: "SubmitCredentials", onClick: this.handleLogin }, translate$1('login', this.lang))));
|
|
22428
|
+
return h$2("section", { key: '52b2b25633508891ef80418d302983afcf441ea5', ref: el => this.stylingContainer = el }, userIdentification);
|
|
22391
22429
|
}
|
|
22392
22430
|
static get watchers() { return {
|
|
22393
22431
|
"translationUrl": ["handleNewTranslations"],
|
package/dist/esm/user-login.js
CHANGED
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"mbSource":[513,"mb-source"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"hasError":[32],"userPrefixOptions":[32],"isLoginLoading":[32],"captchaData":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"mbSource":[513,"mb-source"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"userPrefixOptions":[32],"isLoginLoading":[32],"captchaData":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
|
|
20
20
|
});
|