@everymatrix/user-login 1.63.0 → 1.63.2
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
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["user-login.cjs",[[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);
|
|
11
|
+
return index.bootstrapLazy([["user-login.cjs",[[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);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -21,7 +21,10 @@ const TRANSLATIONS = {
|
|
|
21
21
|
"setUpPassowrd": "You need to reset your password",
|
|
22
22
|
"Unauthorized": "The player account number, e-mail address or password is incorrect",
|
|
23
23
|
"CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.",
|
|
24
|
-
"configError": "An unexpected error has occured when fetchig the configuration"
|
|
24
|
+
"configError": "An unexpected error has occured when fetchig the configuration",
|
|
25
|
+
"userEmailError": "The email or username have an invalid format.",
|
|
26
|
+
"userPhoneError": "The prefix or the phone number have an invalid format.",
|
|
27
|
+
"userPasswordError": "The password has an invalid format."
|
|
25
28
|
},
|
|
26
29
|
"tr": {
|
|
27
30
|
"invalidField": "Üzgünüz, bu kullanıcı adı/e-posta adresi ve/veya şifre tanınmadı.",
|
|
@@ -38,7 +41,10 @@ const TRANSLATIONS = {
|
|
|
38
41
|
"setUpPassowrd": "Şifrenizi sıfırlamanız gerekiyor",
|
|
39
42
|
"Unauthorized": "Oyuncu hesap numarası, e-posta adresi veya şifre hatalı",
|
|
40
43
|
"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.",
|
|
41
|
-
"configError": "Yapılandırma alınırken beklenmeyen bir hata oluştu"
|
|
44
|
+
"configError": "Yapılandırma alınırken beklenmeyen bir hata oluştu",
|
|
45
|
+
"userEmailError": "E-posta veya kullanıcı adı geçersiz bir formata sahip.",
|
|
46
|
+
"userPhoneError": "Ön ek veya telefon numarası geçersiz bir formata sahip.",
|
|
47
|
+
"userPasswordError": "Şifre geçersiz bir formata sahip."
|
|
42
48
|
},
|
|
43
49
|
"en-us": {
|
|
44
50
|
"invalidField": "Sorry, that username/email address and/or password has not been recognized.",
|
|
@@ -55,7 +61,10 @@ const TRANSLATIONS = {
|
|
|
55
61
|
"setUpPassowrd": "You need to reset your password",
|
|
56
62
|
"Unauthorized": "The player account number, e-mail address or password is incorrect",
|
|
57
63
|
"CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.",
|
|
58
|
-
"configError": "An unexpected error has occured when fetchig the configuration"
|
|
64
|
+
"configError": "An unexpected error has occured when fetchig the configuration",
|
|
65
|
+
"userEmailError": "The email or username have an invalid format.",
|
|
66
|
+
"userPhoneError": "The prefix or the phone number have an invalid format.",
|
|
67
|
+
"userPasswordError": "The password has an invalid format."
|
|
59
68
|
},
|
|
60
69
|
"ro": {
|
|
61
70
|
"invalidField": "Ne pare rău, acest nume de utilizator/adresă de e-mail și/sau parolă nu a fost recunoscut.",
|
|
@@ -72,7 +81,10 @@ const TRANSLATIONS = {
|
|
|
72
81
|
"setUpPassowrd": "Trebuie să vă resetați parola",
|
|
73
82
|
"Unauthorized": "Numărul contului de jucător, adresa de e-mail sau parola sunt incorecte",
|
|
74
83
|
"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.",
|
|
75
|
-
"configError": "A apărut o eroare neașteptată la preluarea configurației"
|
|
84
|
+
"configError": "A apărut o eroare neașteptată la preluarea configurației",
|
|
85
|
+
"userEmailError": "Emailul sau numele de utilizator au un format invalid.",
|
|
86
|
+
"userPhoneError": "Prefixul sau numărul de telefon au un format invalid.",
|
|
87
|
+
"userPasswordError": "Parola are un format invalid."
|
|
76
88
|
},
|
|
77
89
|
"hr": {
|
|
78
90
|
"invalidField": "Žao nam je, to korisničko ime/adresa e-pošte i/ili lozinka nisu prepoznati.",
|
|
@@ -89,7 +101,10 @@ const TRANSLATIONS = {
|
|
|
89
101
|
"GmErr_USER_ACCOUNT_BLOCKED": "Trenutno se ne možete prijaviti na svoj račun - molimo kontaktirajte Službu za korisnike za više informacija.",
|
|
90
102
|
"Unauthorized": "Lozinka, e-mail adresa ili korisničko ime su pogrešno uneseni",
|
|
91
103
|
"CountryRestricted": "Prijava nije moguća iz zemlje ograničene jurisdikcije. U slučaju daljnjih poteškoća, molimo kontaktirajte podršku.",
|
|
92
|
-
"configError": "Došlo je do neočekivane pogreške prilikom dohvaćanja konfiguracije"
|
|
104
|
+
"configError": "Došlo je do neočekivane pogreške prilikom dohvaćanja konfiguracije",
|
|
105
|
+
"userEmailError": "E-mail ili korisničko ime imaju nevažeći format.",
|
|
106
|
+
"userPhoneError": "Prefiks ili telefonski broj imaju nevažeći format.",
|
|
107
|
+
"userPasswordError": "Lozinka ima nevažeći format."
|
|
93
108
|
},
|
|
94
109
|
"fr": {
|
|
95
110
|
"invalidField": "Désolé, ce nom d'utilisateur/adresse e-mail et/ou mot de passe n'a pas été reconnu.",
|
|
@@ -106,7 +121,10 @@ const TRANSLATIONS = {
|
|
|
106
121
|
"setUpPassowrd": "Vous devez réinitialiser votre mot de passe",
|
|
107
122
|
"Unauthorized": "Le numéro de compte joueur, l'adresse e-mail ou le mot de passe est incorrect",
|
|
108
123
|
"CountryRestricted": "L'inscription n'est pas possible depuis une juridiction restreinte. Si vous rencontrez d'autres problèmes, veuillez contacter le support.",
|
|
109
|
-
"configError": "Une erreur inattendue s'est produite lors de la récupération de la configuration"
|
|
124
|
+
"configError": "Une erreur inattendue s'est produite lors de la récupération de la configuration",
|
|
125
|
+
"userEmailError": "L'email ou le nom d'utilisateur ont un format invalide.",
|
|
126
|
+
"userPhoneError": "Le préfixe ou le numéro de téléphone ont un format invalide.",
|
|
127
|
+
"userPasswordError": "Le mot de passe a un format invalide."
|
|
110
128
|
},
|
|
111
129
|
"cs": {
|
|
112
130
|
"invalidField": "Omlouváme se, toto uživatelské jméno/e-mailová adresa a/nebo heslo nebyly rozpoznány.",
|
|
@@ -123,7 +141,10 @@ const TRANSLATIONS = {
|
|
|
123
141
|
"setUpPassowrd": "Musíte resetovat své heslo",
|
|
124
142
|
"Unauthorized": "Číslo účtu hráče, e-mailová adresa nebo heslo je nesprávné",
|
|
125
143
|
"CountryRestricted": "Registrace není možná z omezené jurisdikce. Pokud narazíte na další potíže, kontaktujte prosím podporu.",
|
|
126
|
-
"configError": "Při načítání konfigurace došlo k neočekávané chybě"
|
|
144
|
+
"configError": "Při načítání konfigurace došlo k neočekávané chybě",
|
|
145
|
+
"userEmailError": "E-mail nebo uživatelské jméno mají neplatný formát.",
|
|
146
|
+
"userPhoneError": "Předvolba nebo telefonní číslo mají neplatný formát.",
|
|
147
|
+
"userPasswordError": "Heslo má neplatný formát."
|
|
127
148
|
},
|
|
128
149
|
"de": {
|
|
129
150
|
"invalidField": "Entschuldigung, dieser Benutzername/diese E-Mail-Adresse und/oder dieses Passwort wurde nicht erkannt.",
|
|
@@ -140,7 +161,10 @@ const TRANSLATIONS = {
|
|
|
140
161
|
"setUpPassowrd": "Sie müssen Ihr Passwort zurücksetzen",
|
|
141
162
|
"Unauthorized": "Die Spieler-Kontonummer, E-Mail-Adresse oder das Passwort ist falsch",
|
|
142
163
|
"CountryRestricted": "Eine Registrierung ist aus einer eingeschränkten Gerichtsbarkeit nicht möglich. Wenn Sie weitere Probleme haben, wenden Sie sich bitte an den Support.",
|
|
143
|
-
"configError": "Beim Abrufen der Konfiguration ist ein unerwarteter Fehler aufgetreten"
|
|
164
|
+
"configError": "Beim Abrufen der Konfiguration ist ein unerwarteter Fehler aufgetreten",
|
|
165
|
+
"userEmailError": "Die E-Mail oder der Benutzername haben ein ungültiges Format.",
|
|
166
|
+
"userPhoneError": "Die Vorwahl oder die Telefonnummer haben ein ungültiges Format.",
|
|
167
|
+
"userPasswordError": "Das Passwort hat ein ungültiges Format."
|
|
144
168
|
},
|
|
145
169
|
"pt-br": {
|
|
146
170
|
"invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
|
|
@@ -157,7 +181,10 @@ const TRANSLATIONS = {
|
|
|
157
181
|
"setUpPassowrd": "Você precisa redefinir sua senha",
|
|
158
182
|
"Unauthorized": "O número da conta de jogador, o endereço de e-mail ou a senha estão incorretos",
|
|
159
183
|
"CountryRestricted": "O registro não é possível a partir de uma jurisdição restrita. Caso encontre outros problemas, entre em contato com o suporte.",
|
|
160
|
-
"configError": "Ocorreu um erro inesperado ao buscar a configuração"
|
|
184
|
+
"configError": "Ocorreu um erro inesperado ao buscar a configuração",
|
|
185
|
+
"userEmailError": "O e-mail ou nome de usuário têm um formato inválido.",
|
|
186
|
+
"userPhoneError": "O prefixo ou o número de telefone têm um formato inválido.",
|
|
187
|
+
"userPasswordError": "A senha tem um formato inválido."
|
|
161
188
|
},
|
|
162
189
|
"es-mx": {
|
|
163
190
|
"invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
|
|
@@ -174,7 +201,10 @@ const TRANSLATIONS = {
|
|
|
174
201
|
"setUpPassowrd": "Necesitas restablecer tu contraseña",
|
|
175
202
|
"Unauthorized": "El número de cuenta de jugador, la dirección de correo electrónico o la contraseña son incorrectos",
|
|
176
203
|
"CountryRestricted": "El registro no es posible desde una jurisdicción restringida. Si encuentra más problemas, por favor contacte al soporte.",
|
|
177
|
-
"configError": "Se ha producido un error inesperado al obtener la configuración"
|
|
204
|
+
"configError": "Se ha producido un error inesperado al obtener la configuración",
|
|
205
|
+
"userEmailError": "El correo electrónico o nombre de usuario tienen un formato inválido.",
|
|
206
|
+
"userPhoneError": "El prefijo o el número de teléfono tienen un formato inválido.",
|
|
207
|
+
"userPasswordError": "La contraseña tiene un formato inválido."
|
|
178
208
|
},
|
|
179
209
|
"es": {
|
|
180
210
|
"invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
|
|
@@ -191,7 +221,10 @@ const TRANSLATIONS = {
|
|
|
191
221
|
"setUpPassowrd": "Necesitas restablecer tu contraseña",
|
|
192
222
|
"Unauthorized": "El número de cuenta, correo electrónico o contraseña es incorrecto",
|
|
193
223
|
"CountryRestricted": "No es posible registrarse desde una jurisdicción restringida. Si encuentra más problemas, comuníquese con el soporte.",
|
|
194
|
-
"configError": "Se ha producido un error inesperado al obtener la configuración"
|
|
224
|
+
"configError": "Se ha producido un error inesperado al obtener la configuración",
|
|
225
|
+
"userEmailError": "El correo electrónico o nombre de usuario tienen un formato inválido.",
|
|
226
|
+
"userPhoneError": "El prefijo o el número de teléfono tienen un formato inválido.",
|
|
227
|
+
"userPasswordError": "La contraseña tiene un formato inválido."
|
|
195
228
|
},
|
|
196
229
|
"pt": {
|
|
197
230
|
"invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
|
|
@@ -208,7 +241,10 @@ const TRANSLATIONS = {
|
|
|
208
241
|
"setUpPassowrd": "Você precisa redefinir a sua senha",
|
|
209
242
|
"Unauthorized": "O número da conta, e-mail ou senha está incorreto",
|
|
210
243
|
"CountryRestricted": "Não é possível se registrar de uma jurisdição restrita. Se encontrar mais problemas, entre em contato com o suporte.",
|
|
211
|
-
"configError": "Ocorreu um erro inesperado ao procurar a configuração"
|
|
244
|
+
"configError": "Ocorreu um erro inesperado ao procurar a configuração",
|
|
245
|
+
"userEmailError": "O e-mail ou nome de usuário têm um formato inválido.",
|
|
246
|
+
"userPhoneError": "O prefixo ou o número de telefone têm um formato inválido.",
|
|
247
|
+
"userPasswordError": "A senha tem um formato inválido."
|
|
212
248
|
}
|
|
213
249
|
};
|
|
214
250
|
const getTranslations = (url) => {
|
|
@@ -22081,30 +22117,29 @@ const UserLogin = class {
|
|
|
22081
22117
|
* @param location - 'user' | 'phone' | 'password'
|
|
22082
22118
|
*/
|
|
22083
22119
|
this.handleInputChange = (event, location) => {
|
|
22084
|
-
this.hasError = false;
|
|
22085
22120
|
const inputValue = event.target.value;
|
|
22086
22121
|
switch (location) {
|
|
22087
22122
|
case 'user':
|
|
22088
22123
|
this.userNameEmail = inputValue;
|
|
22089
22124
|
this.isValidUserEmail = this.validate('user', this.userNameEmail);
|
|
22125
|
+
this.errorForFields[location] = !this.isValidUserEmail && inputValue.length > 3 ? true : false;
|
|
22090
22126
|
break;
|
|
22091
22127
|
case 'phone':
|
|
22092
22128
|
this.userPhone = inputValue;
|
|
22093
22129
|
this.isValidUserPhone = this.validate('phone', this.userPhone);
|
|
22130
|
+
this.errorForFields[location] = !this.isValidUserPhone && inputValue.length > 3 ? true : false;
|
|
22094
22131
|
break;
|
|
22095
22132
|
case 'prefix':
|
|
22096
22133
|
this.userPrefix = inputValue;
|
|
22097
22134
|
this.isValidUserPhone = this.validate('phone', this.userPhone);
|
|
22135
|
+
this.errorForFields[location] = !this.isValidUserPhone ? true : false;
|
|
22098
22136
|
break;
|
|
22099
22137
|
case 'password':
|
|
22100
22138
|
this.userPassword = inputValue;
|
|
22101
22139
|
this.isValidPassword = this.validate('password', inputValue);
|
|
22140
|
+
this.errorForFields[location] = !this.isValidPassword && inputValue.length > 3 ? true : false;
|
|
22102
22141
|
break;
|
|
22103
22142
|
}
|
|
22104
|
-
if (!this.isValidUserEmail || !this.isValidUserPhone || !this.isValidPassword) {
|
|
22105
|
-
this.hasError = true;
|
|
22106
|
-
this.errorMessage = translate$1('invalidField', this.lang);
|
|
22107
|
-
}
|
|
22108
22143
|
};
|
|
22109
22144
|
// 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
|
|
22110
22145
|
this.handleInputChangePartial = (location) => (e) => this.handleInputChange(e, location);
|
|
@@ -22163,6 +22198,7 @@ const UserLogin = class {
|
|
|
22163
22198
|
this.isValidUserPhone = true;
|
|
22164
22199
|
this.isPasswordVisible = false;
|
|
22165
22200
|
this.errorMessage = '';
|
|
22201
|
+
this.errorForFields = {};
|
|
22166
22202
|
this.hasError = false;
|
|
22167
22203
|
this.userPrefixOptions = undefined;
|
|
22168
22204
|
this.isLoginLoading = false;
|
|
@@ -22379,19 +22415,21 @@ const UserLogin = class {
|
|
|
22379
22415
|
* Render function
|
|
22380
22416
|
*/
|
|
22381
22417
|
render() {
|
|
22382
|
-
let visibilityIcon = index.h("span", { key: '
|
|
22383
|
-
index.h("svg", { key: '
|
|
22384
|
-
index.h("svg", { key: '
|
|
22385
|
-
let userIdentification = index.h("div", { key: '
|
|
22386
|
-
? index.h("div", { class: (!this.isValidUserPhone
|
|
22387
|
-
|
|
22388
|
-
index.h("div", {
|
|
22389
|
-
|
|
22390
|
-
index.h("
|
|
22418
|
+
let visibilityIcon = index.h("span", { key: '3f7e7234ba93172f1ea58f29f524f20d7c3fa855', class: "InputIcon" }, this.isPasswordVisible &&
|
|
22419
|
+
index.h("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" }, index.h("g", { key: 'ecb1cf7d267242cf6d5f8c77dced070a41cd72a7', transform: "translate(-110.856 -23.242)" }, index.h("circle", { key: '857678e638b382387b37a6939d9af9dbdc933c54', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), index.h("g", { key: 'f6f49b92ea0e53e1c52768d1545b787b9a306c20', transform: "translate(117.499 27.37)" }, index.h("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)" }), index.h("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)" })), index.h("g", { key: '0c90dd3d955e27b2313aca2d7ff44a401407ab6c', transform: "translate(110.856 24.899)" }, index.h("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)" }), index.h("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)" })), index.h("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 &&
|
|
22420
|
+
index.h("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" }, index.h("g", { key: 'bb8199268a624e09ca1433e9e74c0f9585461025', transform: "translate(-14.185 -27.832)" }, index.h("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)" }), index.h("circle", { key: '883db98ff9453459de9421a68738eaf75a0c8a92', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
|
|
22421
|
+
let userIdentification = index.h("div", { key: '2328187a0bb1d37bb3f5f42cc2ecf42d0531f8ab', class: "FormBox" }, index.h("div", { key: '20b3fff48f776b694803f67ccfedc467a324b14c', class: "FormValue" }, this.loginByPhoneNumber === 'true'
|
|
22422
|
+
? index.h("div", { class: (!this.isValidUserPhone && this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, index.h("div", { class: "PhoneInputBox" }, index.h("div", { class: "PrefixBox" }, index.h("vaadin-combo-box", { items: this.userPrefixOptions, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') }), index.h("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate$1('userPrefix', this.lang))), index.h("div", { class: "PhoneBox" }, index.h("input", { type: "text", placeholder: '', value: this.userPhone, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), index.h("label", { class: (this.userPhone ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate$1('userPhone', this.lang)), !this.isValidUserPhone && this.errorForFields['phone'] &&
|
|
22423
|
+
index.h("p", { class: "CredentialsError" }, translate$1('userPhoneError', this.lang)))))
|
|
22424
|
+
: index.h("div", { class: (!this.isValidUserEmail && this.errorForFields['user']) ? 'InputBox InputInvalidBox' : 'InputBox' }, index.h("input", { type: "text", placeholder: '', value: this.userNameEmail, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), index.h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail && this.errorForFields['user'] ? 'FieldInvalid' : '') }, translate$1('userEmail', this.lang)), !this.isValidUserEmail && this.errorForFields['user'] &&
|
|
22425
|
+
index.h("p", { class: "CredentialsError" }, translate$1('userEmailError', this.lang))), index.h("div", { key: '95ec1495c1b849e4b8c3bf1bfc9cc50424c11d31', class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, index.h("input", { key: '5c9edaf052d7f49ef43899a5ab7de1ba58aa24b5', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), index.h("label", { key: '92e1e726adc77404161c13db41c1a5e4dde98255', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword && this.errorForFields['password'] ? 'FieldInvalid' : '') }, translate$1('password', this.lang)), !this.isValidPassword && this.errorForFields['password'] &&
|
|
22426
|
+
index.h("p", { key: '3444dddb1edad1f4d0d32f04f6105009bd7ffca7', class: "CredentialsError" }, translate$1('userPasswordError', this.lang))), this.passwordReset == 'true' &&
|
|
22427
|
+
index.h("div", { key: 'b9eb375fec6246203418553dcf388b44c04db740', class: "ForgotPassword" }, index.h("button", { key: '5f492abf8e136c5d05712b410378a996a9605534', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
|
|
22428
|
+
index.h("slot", { key: '1eb8f8a9d89dd8cb4039316de5161e8d2fe20e2c', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
|
|
22429
|
+
index.h("slot", { key: 'c64c52ff8de23f6d538390feebeb4725e2c84f8d', name: "google" }), index.h("button", { key: 'b9a102164579f4c651a892c08bc024c1349d3632', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
|
|
22391
22430
|
(this.loginByPhoneNumber === 'true' && (!this.isValidUserPhone || !this.userPhone || !this.userPrefix)) ||
|
|
22392
|
-
!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))
|
|
22393
|
-
|
|
22394
|
-
return index.h("section", { key: '936a5cb3b6fa82502b0206bebf509184b775c8ca', ref: el => this.stylingContainer = el }, userIdentification);
|
|
22431
|
+
!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))));
|
|
22432
|
+
return index.h("section", { key: '52b2b25633508891ef80418d302983afcf441ea5', ref: el => this.stylingContainer = el }, userIdentification);
|
|
22395
22433
|
}
|
|
22396
22434
|
static get watchers() { return {
|
|
22397
22435
|
"translationUrl": ["handleNewTranslations"],
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["user-login.cjs",[[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);
|
|
22
|
+
return index.bootstrapLazy([["user-login.cjs",[[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);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -205,30 +205,29 @@ export class UserLogin {
|
|
|
205
205
|
* @param location - 'user' | 'phone' | 'password'
|
|
206
206
|
*/
|
|
207
207
|
this.handleInputChange = (event, location) => {
|
|
208
|
-
this.hasError = false;
|
|
209
208
|
const inputValue = event.target.value;
|
|
210
209
|
switch (location) {
|
|
211
210
|
case 'user':
|
|
212
211
|
this.userNameEmail = inputValue;
|
|
213
212
|
this.isValidUserEmail = this.validate('user', this.userNameEmail);
|
|
213
|
+
this.errorForFields[location] = !this.isValidUserEmail && inputValue.length > 3 ? true : false;
|
|
214
214
|
break;
|
|
215
215
|
case 'phone':
|
|
216
216
|
this.userPhone = inputValue;
|
|
217
217
|
this.isValidUserPhone = this.validate('phone', this.userPhone);
|
|
218
|
+
this.errorForFields[location] = !this.isValidUserPhone && inputValue.length > 3 ? true : false;
|
|
218
219
|
break;
|
|
219
220
|
case 'prefix':
|
|
220
221
|
this.userPrefix = inputValue;
|
|
221
222
|
this.isValidUserPhone = this.validate('phone', this.userPhone);
|
|
223
|
+
this.errorForFields[location] = !this.isValidUserPhone ? true : false;
|
|
222
224
|
break;
|
|
223
225
|
case 'password':
|
|
224
226
|
this.userPassword = inputValue;
|
|
225
227
|
this.isValidPassword = this.validate('password', inputValue);
|
|
228
|
+
this.errorForFields[location] = !this.isValidPassword && inputValue.length > 3 ? true : false;
|
|
226
229
|
break;
|
|
227
230
|
}
|
|
228
|
-
if (!this.isValidUserEmail || !this.isValidUserPhone || !this.isValidPassword) {
|
|
229
|
-
this.hasError = true;
|
|
230
|
-
this.errorMessage = translate('invalidField', this.lang);
|
|
231
|
-
}
|
|
232
231
|
};
|
|
233
232
|
// 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
|
|
234
233
|
this.handleInputChangePartial = (location) => (e) => this.handleInputChange(e, location);
|
|
@@ -287,6 +286,7 @@ export class UserLogin {
|
|
|
287
286
|
this.isValidUserPhone = true;
|
|
288
287
|
this.isPasswordVisible = false;
|
|
289
288
|
this.errorMessage = '';
|
|
289
|
+
this.errorForFields = {};
|
|
290
290
|
this.hasError = false;
|
|
291
291
|
this.userPrefixOptions = undefined;
|
|
292
292
|
this.isLoginLoading = false;
|
|
@@ -503,19 +503,21 @@ export class UserLogin {
|
|
|
503
503
|
* Render function
|
|
504
504
|
*/
|
|
505
505
|
render() {
|
|
506
|
-
let visibilityIcon = h("span", { key: '
|
|
507
|
-
h("svg", { key: '
|
|
508
|
-
h("svg", { key: '
|
|
509
|
-
let userIdentification = h("div", { key: '
|
|
510
|
-
? h("div", { class: (!this.isValidUserPhone
|
|
511
|
-
|
|
512
|
-
h("div", {
|
|
513
|
-
|
|
514
|
-
h("
|
|
506
|
+
let visibilityIcon = h("span", { key: '3f7e7234ba93172f1ea58f29f524f20d7c3fa855', class: "InputIcon" }, this.isPasswordVisible &&
|
|
507
|
+
h("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("g", { key: 'ecb1cf7d267242cf6d5f8c77dced070a41cd72a7', transform: "translate(-110.856 -23.242)" }, h("circle", { key: '857678e638b382387b37a6939d9af9dbdc933c54', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { key: 'f6f49b92ea0e53e1c52768d1545b787b9a306c20', transform: "translate(117.499 27.37)" }, h("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("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("g", { key: '0c90dd3d955e27b2313aca2d7ff44a401407ab6c', transform: "translate(110.856 24.899)" }, h("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("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("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 &&
|
|
508
|
+
h("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("g", { key: 'bb8199268a624e09ca1433e9e74c0f9585461025', transform: "translate(-14.185 -27.832)" }, h("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("circle", { key: '883db98ff9453459de9421a68738eaf75a0c8a92', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
|
|
509
|
+
let userIdentification = h("div", { key: '2328187a0bb1d37bb3f5f42cc2ecf42d0531f8ab', class: "FormBox" }, h("div", { key: '20b3fff48f776b694803f67ccfedc467a324b14c', class: "FormValue" }, this.loginByPhoneNumber === 'true'
|
|
510
|
+
? h("div", { class: (!this.isValidUserPhone && this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, h("div", { class: "PhoneInputBox" }, h("div", { class: "PrefixBox" }, h("vaadin-combo-box", { items: this.userPrefixOptions, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') }), h("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate('userPrefix', this.lang))), h("div", { class: "PhoneBox" }, h("input", { type: "text", placeholder: '', value: this.userPhone, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), h("label", { class: (this.userPhone ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate('userPhone', this.lang)), !this.isValidUserPhone && this.errorForFields['phone'] &&
|
|
511
|
+
h("p", { class: "CredentialsError" }, translate('userPhoneError', this.lang)))))
|
|
512
|
+
: h("div", { class: (!this.isValidUserEmail && this.errorForFields['user']) ? 'InputBox InputInvalidBox' : 'InputBox' }, h("input", { type: "text", placeholder: '', value: this.userNameEmail, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail && this.errorForFields['user'] ? 'FieldInvalid' : '') }, translate('userEmail', this.lang)), !this.isValidUserEmail && this.errorForFields['user'] &&
|
|
513
|
+
h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), h("div", { key: '95ec1495c1b849e4b8c3bf1bfc9cc50424c11d31', class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h("input", { key: '5c9edaf052d7f49ef43899a5ab7de1ba58aa24b5', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '92e1e726adc77404161c13db41c1a5e4dde98255', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword && this.errorForFields['password'] ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword && this.errorForFields['password'] &&
|
|
514
|
+
h("p", { key: '3444dddb1edad1f4d0d32f04f6105009bd7ffca7', class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.passwordReset == 'true' &&
|
|
515
|
+
h("div", { key: 'b9eb375fec6246203418553dcf388b44c04db740', class: "ForgotPassword" }, h("button", { key: '5f492abf8e136c5d05712b410378a996a9605534', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
|
|
516
|
+
h("slot", { key: '1eb8f8a9d89dd8cb4039316de5161e8d2fe20e2c', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
|
|
517
|
+
h("slot", { key: 'c64c52ff8de23f6d538390feebeb4725e2c84f8d', name: "google" }), h("button", { key: 'b9a102164579f4c651a892c08bc024c1349d3632', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
|
|
515
518
|
(this.loginByPhoneNumber === 'true' && (!this.isValidUserPhone || !this.userPhone || !this.userPrefix)) ||
|
|
516
|
-
!this.userPassword || !this.isValidPassword) || this.isLoginLoading || (this.version === 'gm17' && this.captchaData.isEnabled && !this.captchaData.token), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang))
|
|
517
|
-
|
|
518
|
-
return h("section", { key: '936a5cb3b6fa82502b0206bebf509184b775c8ca', ref: el => this.stylingContainer = el }, userIdentification);
|
|
519
|
+
!this.userPassword || !this.isValidPassword) || this.isLoginLoading || (this.version === 'gm17' && this.captchaData.isEnabled && !this.captchaData.token), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang))));
|
|
520
|
+
return h("section", { key: '52b2b25633508891ef80418d302983afcf441ea5', ref: el => this.stylingContainer = el }, userIdentification);
|
|
519
521
|
}
|
|
520
522
|
static get is() { return "user-login"; }
|
|
521
523
|
static get encapsulation() { return "shadow"; }
|
|
@@ -810,6 +812,7 @@ export class UserLogin {
|
|
|
810
812
|
"isValidUserPhone": {},
|
|
811
813
|
"isPasswordVisible": {},
|
|
812
814
|
"errorMessage": {},
|
|
815
|
+
"errorForFields": {},
|
|
813
816
|
"hasError": {},
|
|
814
817
|
"userPrefixOptions": {},
|
|
815
818
|
"isLoginLoading": {},
|
|
@@ -15,7 +15,10 @@ const TRANSLATIONS = {
|
|
|
15
15
|
"setUpPassowrd": "You need to reset your password",
|
|
16
16
|
"Unauthorized": "The player account number, e-mail address or password is incorrect",
|
|
17
17
|
"CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.",
|
|
18
|
-
"configError": "An unexpected error has occured when fetchig the configuration"
|
|
18
|
+
"configError": "An unexpected error has occured when fetchig the configuration",
|
|
19
|
+
"userEmailError": "The email or username have an invalid format.",
|
|
20
|
+
"userPhoneError": "The prefix or the phone number have an invalid format.",
|
|
21
|
+
"userPasswordError": "The password has an invalid format."
|
|
19
22
|
},
|
|
20
23
|
"tr": {
|
|
21
24
|
"invalidField": "Üzgünüz, bu kullanıcı adı/e-posta adresi ve/veya şifre tanınmadı.",
|
|
@@ -32,7 +35,10 @@ const TRANSLATIONS = {
|
|
|
32
35
|
"setUpPassowrd": "Şifrenizi sıfırlamanız gerekiyor",
|
|
33
36
|
"Unauthorized": "Oyuncu hesap numarası, e-posta adresi veya şifre hatalı",
|
|
34
37
|
"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.",
|
|
35
|
-
"configError": "Yapılandırma alınırken beklenmeyen bir hata oluştu"
|
|
38
|
+
"configError": "Yapılandırma alınırken beklenmeyen bir hata oluştu",
|
|
39
|
+
"userEmailError": "E-posta veya kullanıcı adı geçersiz bir formata sahip.",
|
|
40
|
+
"userPhoneError": "Ön ek veya telefon numarası geçersiz bir formata sahip.",
|
|
41
|
+
"userPasswordError": "Şifre geçersiz bir formata sahip."
|
|
36
42
|
},
|
|
37
43
|
"en-us": {
|
|
38
44
|
"invalidField": "Sorry, that username/email address and/or password has not been recognized.",
|
|
@@ -49,7 +55,10 @@ const TRANSLATIONS = {
|
|
|
49
55
|
"setUpPassowrd": "You need to reset your password",
|
|
50
56
|
"Unauthorized": "The player account number, e-mail address or password is incorrect",
|
|
51
57
|
"CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.",
|
|
52
|
-
"configError": "An unexpected error has occured when fetchig the configuration"
|
|
58
|
+
"configError": "An unexpected error has occured when fetchig the configuration",
|
|
59
|
+
"userEmailError": "The email or username have an invalid format.",
|
|
60
|
+
"userPhoneError": "The prefix or the phone number have an invalid format.",
|
|
61
|
+
"userPasswordError": "The password has an invalid format."
|
|
53
62
|
},
|
|
54
63
|
"ro": {
|
|
55
64
|
"invalidField": "Ne pare rău, acest nume de utilizator/adresă de e-mail și/sau parolă nu a fost recunoscut.",
|
|
@@ -66,7 +75,10 @@ const TRANSLATIONS = {
|
|
|
66
75
|
"setUpPassowrd": "Trebuie să vă resetați parola",
|
|
67
76
|
"Unauthorized": "Numărul contului de jucător, adresa de e-mail sau parola sunt incorecte",
|
|
68
77
|
"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.",
|
|
69
|
-
"configError": "A apărut o eroare neașteptată la preluarea configurației"
|
|
78
|
+
"configError": "A apărut o eroare neașteptată la preluarea configurației",
|
|
79
|
+
"userEmailError": "Emailul sau numele de utilizator au un format invalid.",
|
|
80
|
+
"userPhoneError": "Prefixul sau numărul de telefon au un format invalid.",
|
|
81
|
+
"userPasswordError": "Parola are un format invalid."
|
|
70
82
|
},
|
|
71
83
|
"hr": {
|
|
72
84
|
"invalidField": "Žao nam je, to korisničko ime/adresa e-pošte i/ili lozinka nisu prepoznati.",
|
|
@@ -83,7 +95,10 @@ const TRANSLATIONS = {
|
|
|
83
95
|
"GmErr_USER_ACCOUNT_BLOCKED": "Trenutno se ne možete prijaviti na svoj račun - molimo kontaktirajte Službu za korisnike za više informacija.",
|
|
84
96
|
"Unauthorized": "Lozinka, e-mail adresa ili korisničko ime su pogrešno uneseni",
|
|
85
97
|
"CountryRestricted": "Prijava nije moguća iz zemlje ograničene jurisdikcije. U slučaju daljnjih poteškoća, molimo kontaktirajte podršku.",
|
|
86
|
-
"configError": "Došlo je do neočekivane pogreške prilikom dohvaćanja konfiguracije"
|
|
98
|
+
"configError": "Došlo je do neočekivane pogreške prilikom dohvaćanja konfiguracije",
|
|
99
|
+
"userEmailError": "E-mail ili korisničko ime imaju nevažeći format.",
|
|
100
|
+
"userPhoneError": "Prefiks ili telefonski broj imaju nevažeći format.",
|
|
101
|
+
"userPasswordError": "Lozinka ima nevažeći format."
|
|
87
102
|
},
|
|
88
103
|
"fr": {
|
|
89
104
|
"invalidField": "Désolé, ce nom d'utilisateur/adresse e-mail et/ou mot de passe n'a pas été reconnu.",
|
|
@@ -100,7 +115,10 @@ const TRANSLATIONS = {
|
|
|
100
115
|
"setUpPassowrd": "Vous devez réinitialiser votre mot de passe",
|
|
101
116
|
"Unauthorized": "Le numéro de compte joueur, l'adresse e-mail ou le mot de passe est incorrect",
|
|
102
117
|
"CountryRestricted": "L'inscription n'est pas possible depuis une juridiction restreinte. Si vous rencontrez d'autres problèmes, veuillez contacter le support.",
|
|
103
|
-
"configError": "Une erreur inattendue s'est produite lors de la récupération de la configuration"
|
|
118
|
+
"configError": "Une erreur inattendue s'est produite lors de la récupération de la configuration",
|
|
119
|
+
"userEmailError": "L'email ou le nom d'utilisateur ont un format invalide.",
|
|
120
|
+
"userPhoneError": "Le préfixe ou le numéro de téléphone ont un format invalide.",
|
|
121
|
+
"userPasswordError": "Le mot de passe a un format invalide."
|
|
104
122
|
},
|
|
105
123
|
"cs": {
|
|
106
124
|
"invalidField": "Omlouváme se, toto uživatelské jméno/e-mailová adresa a/nebo heslo nebyly rozpoznány.",
|
|
@@ -117,7 +135,10 @@ const TRANSLATIONS = {
|
|
|
117
135
|
"setUpPassowrd": "Musíte resetovat své heslo",
|
|
118
136
|
"Unauthorized": "Číslo účtu hráče, e-mailová adresa nebo heslo je nesprávné",
|
|
119
137
|
"CountryRestricted": "Registrace není možná z omezené jurisdikce. Pokud narazíte na další potíže, kontaktujte prosím podporu.",
|
|
120
|
-
"configError": "Při načítání konfigurace došlo k neočekávané chybě"
|
|
138
|
+
"configError": "Při načítání konfigurace došlo k neočekávané chybě",
|
|
139
|
+
"userEmailError": "E-mail nebo uživatelské jméno mají neplatný formát.",
|
|
140
|
+
"userPhoneError": "Předvolba nebo telefonní číslo mají neplatný formát.",
|
|
141
|
+
"userPasswordError": "Heslo má neplatný formát."
|
|
121
142
|
},
|
|
122
143
|
"de": {
|
|
123
144
|
"invalidField": "Entschuldigung, dieser Benutzername/diese E-Mail-Adresse und/oder dieses Passwort wurde nicht erkannt.",
|
|
@@ -134,7 +155,10 @@ const TRANSLATIONS = {
|
|
|
134
155
|
"setUpPassowrd": "Sie müssen Ihr Passwort zurücksetzen",
|
|
135
156
|
"Unauthorized": "Die Spieler-Kontonummer, E-Mail-Adresse oder das Passwort ist falsch",
|
|
136
157
|
"CountryRestricted": "Eine Registrierung ist aus einer eingeschränkten Gerichtsbarkeit nicht möglich. Wenn Sie weitere Probleme haben, wenden Sie sich bitte an den Support.",
|
|
137
|
-
"configError": "Beim Abrufen der Konfiguration ist ein unerwarteter Fehler aufgetreten"
|
|
158
|
+
"configError": "Beim Abrufen der Konfiguration ist ein unerwarteter Fehler aufgetreten",
|
|
159
|
+
"userEmailError": "Die E-Mail oder der Benutzername haben ein ungültiges Format.",
|
|
160
|
+
"userPhoneError": "Die Vorwahl oder die Telefonnummer haben ein ungültiges Format.",
|
|
161
|
+
"userPasswordError": "Das Passwort hat ein ungültiges Format."
|
|
138
162
|
},
|
|
139
163
|
"pt-br": {
|
|
140
164
|
"invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
|
|
@@ -151,7 +175,10 @@ const TRANSLATIONS = {
|
|
|
151
175
|
"setUpPassowrd": "Você precisa redefinir sua senha",
|
|
152
176
|
"Unauthorized": "O número da conta de jogador, o endereço de e-mail ou a senha estão incorretos",
|
|
153
177
|
"CountryRestricted": "O registro não é possível a partir de uma jurisdição restrita. Caso encontre outros problemas, entre em contato com o suporte.",
|
|
154
|
-
"configError": "Ocorreu um erro inesperado ao buscar a configuração"
|
|
178
|
+
"configError": "Ocorreu um erro inesperado ao buscar a configuração",
|
|
179
|
+
"userEmailError": "O e-mail ou nome de usuário têm um formato inválido.",
|
|
180
|
+
"userPhoneError": "O prefixo ou o número de telefone têm um formato inválido.",
|
|
181
|
+
"userPasswordError": "A senha tem um formato inválido."
|
|
155
182
|
},
|
|
156
183
|
"es-mx": {
|
|
157
184
|
"invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
|
|
@@ -168,7 +195,10 @@ const TRANSLATIONS = {
|
|
|
168
195
|
"setUpPassowrd": "Necesitas restablecer tu contraseña",
|
|
169
196
|
"Unauthorized": "El número de cuenta de jugador, la dirección de correo electrónico o la contraseña son incorrectos",
|
|
170
197
|
"CountryRestricted": "El registro no es posible desde una jurisdicción restringida. Si encuentra más problemas, por favor contacte al soporte.",
|
|
171
|
-
"configError": "Se ha producido un error inesperado al obtener la configuración"
|
|
198
|
+
"configError": "Se ha producido un error inesperado al obtener la configuración",
|
|
199
|
+
"userEmailError": "El correo electrónico o nombre de usuario tienen un formato inválido.",
|
|
200
|
+
"userPhoneError": "El prefijo o el número de teléfono tienen un formato inválido.",
|
|
201
|
+
"userPasswordError": "La contraseña tiene un formato inválido."
|
|
172
202
|
},
|
|
173
203
|
"es": {
|
|
174
204
|
"invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
|
|
@@ -185,7 +215,10 @@ const TRANSLATIONS = {
|
|
|
185
215
|
"setUpPassowrd": "Necesitas restablecer tu contraseña",
|
|
186
216
|
"Unauthorized": "El número de cuenta, correo electrónico o contraseña es incorrecto",
|
|
187
217
|
"CountryRestricted": "No es posible registrarse desde una jurisdicción restringida. Si encuentra más problemas, comuníquese con el soporte.",
|
|
188
|
-
"configError": "Se ha producido un error inesperado al obtener la configuración"
|
|
218
|
+
"configError": "Se ha producido un error inesperado al obtener la configuración",
|
|
219
|
+
"userEmailError": "El correo electrónico o nombre de usuario tienen un formato inválido.",
|
|
220
|
+
"userPhoneError": "El prefijo o el número de teléfono tienen un formato inválido.",
|
|
221
|
+
"userPasswordError": "La contraseña tiene un formato inválido."
|
|
189
222
|
},
|
|
190
223
|
"pt": {
|
|
191
224
|
"invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
|
|
@@ -202,7 +235,10 @@ const TRANSLATIONS = {
|
|
|
202
235
|
"setUpPassowrd": "Você precisa redefinir a sua senha",
|
|
203
236
|
"Unauthorized": "O número da conta, e-mail ou senha está incorreto",
|
|
204
237
|
"CountryRestricted": "Não é possível se registrar de uma jurisdição restrita. Se encontrar mais problemas, entre em contato com o suporte.",
|
|
205
|
-
"configError": "Ocorreu um erro inesperado ao procurar a configuração"
|
|
238
|
+
"configError": "Ocorreu um erro inesperado ao procurar a configuração",
|
|
239
|
+
"userEmailError": "O e-mail ou nome de usuário têm um formato inválido.",
|
|
240
|
+
"userPhoneError": "O prefixo ou o número de telefone têm um formato inválido.",
|
|
241
|
+
"userPasswordError": "A senha tem um formato inválido."
|
|
206
242
|
}
|
|
207
243
|
};
|
|
208
244
|
export const getTranslations = (url) => {
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
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);
|
|
8
|
+
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);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|