@everymatrix/general-player-login-form 1.12.0 → 1.12.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/general-player-login-form",
|
|
3
|
-
"version": "1.12.
|
|
3
|
+
"version": "1.12.2",
|
|
4
4
|
"main": "dist/general-player-login-form.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"publishConfig": {
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "22bb69e504862fb909bc5d21d62ba4178aaefe3d"
|
|
39
39
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
import { isNative, call as callNative, registerEventListener as registerNativeEventListener } from 'js-native-bridge';
|
|
11
11
|
|
|
12
12
|
import { _, addNewMessages, setLocale, setupI18n } from './i18n';
|
|
13
|
-
import {
|
|
13
|
+
import { TRANSLATIONS } from './translations';
|
|
14
14
|
|
|
15
15
|
export let endpoint:string = '';
|
|
16
16
|
export let imagedesktop:string = '';
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
});
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
Object.keys(
|
|
84
|
-
addNewMessages(item,
|
|
83
|
+
Object.keys(TRANSLATIONS).forEach((item:any) => {
|
|
84
|
+
addNewMessages(item, TRANSLATIONS[item]);
|
|
85
85
|
});
|
|
86
86
|
|
|
87
87
|
const doRecaptcha = ():Promise<string> => {
|
|
@@ -333,8 +333,8 @@
|
|
|
333
333
|
</general-player-sms-verification-form>
|
|
334
334
|
{:else}
|
|
335
335
|
<div class="FormHeader" part="FormHeader">
|
|
336
|
-
<h4 class="FormHeaderTitle" part="FormHeaderTitle">{$_('
|
|
337
|
-
<p class="FormHeaderSubtitle" part="FormHeaderSubtitle">{$_('
|
|
336
|
+
<h4 class="FormHeaderTitle" part="FormHeaderTitle">{$_('loginTitle')}</h4>
|
|
337
|
+
<p class="FormHeaderSubtitle" part="FormHeaderSubtitle">{$_('loginSubtitle')} <span class="FormRegisterCallToAction" on:click={() => switchToRegister()}>{$_('loginSubtitleRegister')}</span></p>
|
|
338
338
|
</div>
|
|
339
339
|
{#if waitingForCredentials}
|
|
340
340
|
<p>Waiting for credentials</p>
|
|
@@ -342,14 +342,14 @@
|
|
|
342
342
|
<div class="FormContent" part="FormContent">
|
|
343
343
|
<form id="signin" >
|
|
344
344
|
<div class="UserContainer {invalidName ? 'InvalidField' : ''}" part="UserContainer {invalidName ? 'InvalidField' : ''}">
|
|
345
|
-
<label for="username">{$_('
|
|
345
|
+
<label for="username">{$_('loginUsername')}:<span class="FormRequired" part="FormRequired">*</span></label>
|
|
346
346
|
<input bind:value={userValue} on:input={validateUserName} type="text" id="email" name="email" autocomplete={savecredentials ? "username email" : "off"} required/>
|
|
347
347
|
{#if invalidName}
|
|
348
|
-
<p class="InvalidInput" part="InvalidInput">{$_('
|
|
348
|
+
<p class="InvalidInput" part="InvalidInput">{$_('loginUsernameError')}</p>
|
|
349
349
|
{/if}
|
|
350
350
|
</div>
|
|
351
351
|
<div class="PasswordContainer {invalidPassword ? 'InvalidField' : ''}" part="PasswordContainer {invalidPassword ? 'InvalidField' : ''}">
|
|
352
|
-
<label for="current-password">{$_('
|
|
352
|
+
<label for="current-password">{$_('loginPassword')}:<span class="FormRequired" part="FormRequired">*</span></label>
|
|
353
353
|
<input bind:value={userPassword} on:input={validatePassword} type="password" name="current-password" id="current-password" bind:this={passwordVisibilityToggle} autocomplete={savecredentials ? "current-password" : "off"} aria-describedby="password-constraints" required/>
|
|
354
354
|
{#if isPasswordVisible}
|
|
355
355
|
<svg on:click={() => hidePassword()} class="TogglePasswordVisibility" part="TogglePasswordVisibility" xmlns="http://www.w3.org/2000/svg" width="18.844" height="12.887" viewBox="0 0 18.844 12.887"><defs><style>.a{fill:var(--emfe-w-color-contrast, #07072A);}</style></defs><g transform="translate(-110.856 -23.242)"><circle class="a" cx="0.05" cy="0.05" r="0.05" transform="translate(121.017 31.148)"/><g transform="translate(117.499 27.37)"><path class="a" d="M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z" transform="translate(-142.164 -39.123)"/><path class="a" d="M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z" transform="translate(-136.413 -42.068)"/></g><g transform="translate(110.856 24.899)"><path class="a" 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)"/><path class="a" 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)"/></g><rect class="a" width="0.972" height="15.861" rx="0.486" transform="translate(114.827 23.858) rotate(-39.315)"/></g></svg>
|
|
@@ -357,17 +357,17 @@
|
|
|
357
357
|
<svg on:click={() => showPassword()} class="TogglePasswordVisibility" part="TogglePasswordVisibility" xmlns="http://www.w3.org/2000/svg" width="18.843" height="10.5" viewBox="0 0 18.843 10.5"><defs><style>.a{fill:var(--emfe-w-color-contrast, #07072A);}</style></defs><g transform="translate(-14.185 -27.832)"><path class="a" 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)"/><circle class="a" cx="2.779" cy="2.779" r="2.779" transform="translate(20.827 30.303)"/></g></svg>
|
|
358
358
|
{/if}
|
|
359
359
|
{#if invalidPassword && simplepasswordvalidation !== 'true'}
|
|
360
|
-
<p class="InvalidInput" part="InvalidInput">{$_('
|
|
360
|
+
<p class="InvalidInput" part="InvalidInput">{$_('loginPasswordError')}</p>
|
|
361
361
|
{/if}
|
|
362
362
|
{#if invalidPassword && simplepasswordvalidation === 'true'}
|
|
363
|
-
<p class="InvalidInput" part="InvalidInput">{$_('
|
|
363
|
+
<p class="InvalidInput" part="InvalidInput">{$_('loginSimplePasswordError')}</p>
|
|
364
364
|
{/if}
|
|
365
365
|
</div>
|
|
366
366
|
{#if errorMessage}
|
|
367
367
|
<p class="ErrorMessage" part="ErrorMessage">{errorMessage}</p>
|
|
368
368
|
{/if}
|
|
369
|
-
<button class="SignInButton" part="SignInButton" on:click={(e) => submitLoginForm(e)} disabled={isFormDataInvalid} id="signin-button">{$_('
|
|
370
|
-
<button class="ForgotPasswordButton" part="ForgotPasswordButton" on:click={() => switchToForgotPassword()}>{$_('
|
|
369
|
+
<button class="SignInButton" part="SignInButton" on:click={(e) => submitLoginForm(e)} disabled={isFormDataInvalid} id="signin-button">{$_('loginButton')}</button>
|
|
370
|
+
<button class="ForgotPasswordButton" part="ForgotPasswordButton" on:click={() => switchToForgotPassword()}>{$_('loginForgotPassword')}</button>
|
|
371
371
|
</form>
|
|
372
372
|
</div>
|
|
373
373
|
{/if}
|
package/src/translations.js
CHANGED
|
@@ -1,100 +1,86 @@
|
|
|
1
|
-
export const
|
|
2
|
-
en: {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
loginForgotPassword: 'I forgot my password',
|
|
14
|
-
}
|
|
1
|
+
export const TRANSLATIONS = {
|
|
2
|
+
"en": {
|
|
3
|
+
"loginTitle": "Welcome",
|
|
4
|
+
"loginSubtitle": "Don't have an account yet?",
|
|
5
|
+
"loginSubtitleRegister": "Register now",
|
|
6
|
+
"loginUsername": "Username or Email",
|
|
7
|
+
"loginUsernameError": "Name must be at least 4 characters long and contain no special characters. Email should contain '@' and a 2-3 letter long domain.",
|
|
8
|
+
"loginPassword": "Password",
|
|
9
|
+
"loginPasswordError": "Password must be 8-20 characters long and contain at least 1 uppercase letter, 1 number and 1 special character.",
|
|
10
|
+
"loginSimplePasswordError": "Password must be 8-20 characters long.",
|
|
11
|
+
"loginButton": "Login",
|
|
12
|
+
"loginForgotPassword": "I forgot my password"
|
|
15
13
|
},
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
loginForgotPassword: '我忘記了我的密碼',
|
|
28
|
-
}
|
|
14
|
+
"zh-hk": {
|
|
15
|
+
"loginTitle": "歡迎",
|
|
16
|
+
"loginSubtitle": "還沒有帳戶？",
|
|
17
|
+
"loginSubtitleRegister": "現在註冊",
|
|
18
|
+
"loginUsername": "用戶名或電子郵件",
|
|
19
|
+
"loginUsernameError": "名稱的長度必須至少為 2 個字符且不包含特殊字符。 電子郵件應包含“@”和 2-3 個字母長的域。",
|
|
20
|
+
"loginPassword": "密碼",
|
|
21
|
+
"loginPasswordError": "密碼長度必須為 8-20 個字符，並且至少包含 1 個大寫字母、1 個數字和 1 個特殊字符。",
|
|
22
|
+
"loginSimplePasswordError": "密码长度必须为 8-20 个字符。",
|
|
23
|
+
"loginButton": "登入",
|
|
24
|
+
"loginForgotPassword": "我忘記了我的密碼"
|
|
29
25
|
},
|
|
30
|
-
fr: {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
loginForgotPassword: 'J\'ai oublié mon mot de passe',
|
|
42
|
-
}
|
|
26
|
+
"fr": {
|
|
27
|
+
"loginTitle": "Vous êtes les bienvenus",
|
|
28
|
+
"loginSubtitle": "Vous n'avez pas encore de compte?",
|
|
29
|
+
"loginSubtitleRegister": "Inscrivez-vous maintenant",
|
|
30
|
+
"loginUsername": "Nom d'utilisateur ou l'adresse mail",
|
|
31
|
+
"loginUsernameError": "Le nom doit comporter au moins 2 caratères et ne pas contenir de caractères spéciaux, l'adresse mail doit contenir \"@\" et un domaine de 2-3 lettres.",
|
|
32
|
+
"loginPassword": "Mot de passe",
|
|
33
|
+
"loginPasswordError": "Le mot de passe doit comporter de 8 à 20 charactères et contenir au moins une lettre majuscule, un chiffre et un caractère spécial.",
|
|
34
|
+
"loginSimplePasswordError": "Le mot de passe doit comporter entre 8 et 20 caractères.",
|
|
35
|
+
"loginButton": "Se connecter",
|
|
36
|
+
"loginForgotPassword": "J'ai oublié mon mot de passe"
|
|
43
37
|
},
|
|
44
|
-
tr: {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
loginForgotPassword: 'I forgot my password',
|
|
56
|
-
}
|
|
38
|
+
"tr": {
|
|
39
|
+
"loginTitle": "Hoş geldin",
|
|
40
|
+
"loginSubtitle": "Henüz bir hesabınız yok mu?",
|
|
41
|
+
"loginSubtitleRegister": "Şimdi üye Ol",
|
|
42
|
+
"loginUsername": "Kullanıcı adı ya da email",
|
|
43
|
+
"loginUsernameError": "Ad en az 4 karakter uzunluğunda olmalı ve özel karakter içermemelidir. E-posta '@' ve 2-3 harf uzunluğunda bir etki alanı içermelidir.",
|
|
44
|
+
"loginPassword": "Parola",
|
|
45
|
+
"loginPasswordError": "Şifre 8-20 karakter uzunluğunda olmalı ve en az 1 büyük harf, 1 rakam ve 1 özel karakter içermelidir.",
|
|
46
|
+
"loginSimplePasswordError": "Şifre 8-20 karakter uzunluğunda olmalıdır.",
|
|
47
|
+
"loginButton": "Giriş yapmak",
|
|
48
|
+
"loginForgotPassword": "I forgot my password"
|
|
57
49
|
},
|
|
58
|
-
ro: {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
loginForgotPassword: 'Mi-am uitat parola',
|
|
70
|
-
}
|
|
50
|
+
"ro": {
|
|
51
|
+
"loginTitle": "Bine ai venit",
|
|
52
|
+
"loginSubtitle": "Nu ai cont?",
|
|
53
|
+
"loginSubtitleRegister": "Inregistreaza-te acum",
|
|
54
|
+
"loginUsername": "Utilizator sau Email",
|
|
55
|
+
"loginUsernameError": "Utilizatorul trebuie sa aiba minim 4 litere si sa nu contina caractere speciale. Email-ul trebuie sa contina '@' si domeniul sa aiba 2-3 litere lungime.",
|
|
56
|
+
"loginPassword": "Parola",
|
|
57
|
+
"loginPasswordError": "Parola trebuie sa aiba o lungime de 8-20 de caractere, sa contina cel putin o litera mare, o cifra si un caracter special.",
|
|
58
|
+
"loginSimplePasswordError": "Parola trebuie să aibă 8-20 de caractere.",
|
|
59
|
+
"loginButton": "Autentificare",
|
|
60
|
+
"loginForgotPassword": "Mi-am uitat parola"
|
|
71
61
|
},
|
|
72
|
-
es: {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
loginForgotPassword: 'Olvide mi contraseña',
|
|
84
|
-
}
|
|
62
|
+
"es": {
|
|
63
|
+
"loginTitle": "Bienvenido",
|
|
64
|
+
"loginSubtitle": "Aún no esta registrado?",
|
|
65
|
+
"loginSubtitleRegister": "Regístrate",
|
|
66
|
+
"loginUsername": "Usuario o Email",
|
|
67
|
+
"loginUsernameError": "El nombre de Usuario debe tener al menos 4 caracteres y no contener caracteres especiales. El Email debe contener '@' y un dominio de 2 a 3 letras.",
|
|
68
|
+
"loginPassword": "Contraseña",
|
|
69
|
+
"loginPasswordError": "La Contraseña debe tener entre 8 a 20 caracteres y contener almenos una letra mayúscula",
|
|
70
|
+
"loginSimplePasswordError": "La Contraseña debe tener entre 8 a 20 caracteres",
|
|
71
|
+
"loginButton": "Iniciar sesión",
|
|
72
|
+
"loginForgotPassword": "Olvide mi contraseña"
|
|
85
73
|
},
|
|
86
|
-
pt: {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
},
|
|
100
|
-
};
|
|
74
|
+
"pt": {
|
|
75
|
+
"loginTitle": "Bem-vindo",
|
|
76
|
+
"loginSubtitle": "Não tem uma conta ainda?",
|
|
77
|
+
"loginSubtitleRegister": "Registrar agora",
|
|
78
|
+
"loginUsername": "Nome de usuário ou email",
|
|
79
|
+
"loginUsernameError": "O nome deve ter pelo menos 2 caracteres e não conter caracteres especiais. O e-mail deve conter '@' e um domínio de 2 a 3 letras.",
|
|
80
|
+
"loginPassword": "Senha",
|
|
81
|
+
"loginPasswordError": "A senha deve ter de 8 a 20 caracteres e conter pelo menos 1 letra maiúscula, 1 número e 1 caractere especial.",
|
|
82
|
+
"loginSimplePasswordError": "A senha deve ter de 8 a 20 caracteres.",
|
|
83
|
+
"loginButton": "Entrar",
|
|
84
|
+
"loginForgotPassword": "Esqueci a minha senha"
|
|
85
|
+
}
|
|
86
|
+
}
|