@everymatrix/general-player-register-form-step1 1.37.3 → 1.37.5
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-register-form-step1",
|
|
3
|
-
"version": "1.37.
|
|
3
|
+
"version": "1.37.5",
|
|
4
4
|
"main": "dist/general-player-register-form-step1.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": "8617c4720af5eb376480fe868deae89a86f14ebd"
|
|
39
39
|
}
|
|
@@ -380,9 +380,9 @@
|
|
|
380
380
|
<label for="Password">{$_('registerPassword')}:<span class="FormRequired">*</span></label>
|
|
381
381
|
<input bind:value={userPassword} on:keyup={validatePassword} on:focus={() => passwordFocus = true} on:blur={() => passwordFocus = false} name="new-password" type="password" id="new-password" autocomplete = {savecredentials ? "new-password" : "off" } bind:this={passwordVisibilityToggle} aria-describedby="password-constraints" />
|
|
382
382
|
{#if isPasswordVisible}
|
|
383
|
-
<svg on:click={() => hidePassword()} class="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(--
|
|
383
|
+
<svg on:click={() => hidePassword()} class="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-registration-typography, var(--emfe-w-color-background, #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>
|
|
384
384
|
{:else}
|
|
385
|
-
<svg on:click={() => showPassword()} class="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(--
|
|
385
|
+
<svg on:click={() => showPassword()} class="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-registration-typography, var(--emfe-w-color-background, #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>
|
|
386
386
|
{/if}
|
|
387
387
|
{#if invalidPassword && simplepasswordvalidation !== 'true'}
|
|
388
388
|
<p class="InvalidInput">{$_('registerPasswordError')}</p>
|
|
@@ -395,9 +395,9 @@
|
|
|
395
395
|
<label for="ConfirmPassword">{$_('registerConfirmPassword')}:<span class="FormRequired">*</span></label>
|
|
396
396
|
<input bind:value={confirmUserPassword} on:keyup={validateConfirmPassword} on:focus={() => confirmPasswordFocus = true} on:blur={() => confirmPasswordFocus = false} type="password" id="ConfirmPassword" bind:this={confirmPasswordVisibilityToggle} />
|
|
397
397
|
{#if isConfirmPasswordVisible}
|
|
398
|
-
<svg on:click={() => hideConfirmPassword()} class="ToggleConfirmPasswordVisibility" 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(--
|
|
398
|
+
<svg on:click={() => hideConfirmPassword()} class="ToggleConfirmPasswordVisibility" 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-registration-typography, var(--emfe-w-color-background, #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>
|
|
399
399
|
{:else}
|
|
400
|
-
<svg on:click={() => showConfirmPassword()} class="ToggleConfirmPasswordVisibility" 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(--
|
|
400
|
+
<svg on:click={() => showConfirmPassword()} class="ToggleConfirmPasswordVisibility" 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-registration-typography, var(--emfe-w-color-background, #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>
|
|
401
401
|
{/if}
|
|
402
402
|
{#if invalidConfirmPassword}
|
|
403
403
|
<p class="InvalidInput">{$_('registerConfirmPasswordError')}</p>
|
|
@@ -434,28 +434,24 @@
|
|
|
434
434
|
|
|
435
435
|
<style lang="scss">
|
|
436
436
|
|
|
437
|
-
input, select {
|
|
438
|
-
font-family: inherit;
|
|
439
|
-
}
|
|
440
|
-
|
|
441
437
|
.RegisterFormTitle {
|
|
442
|
-
font-size:
|
|
438
|
+
font-size: 20px;
|
|
443
439
|
text-transform: uppercase;
|
|
444
|
-
font-weight:
|
|
440
|
+
font-weight: 300;
|
|
445
441
|
margin: 0;
|
|
446
442
|
padding-bottom: 8px;
|
|
447
443
|
}
|
|
448
444
|
|
|
449
445
|
.RegisterFormSubtitle {
|
|
450
|
-
font-size:
|
|
446
|
+
font-size: 14px;
|
|
451
447
|
margin: 0;
|
|
452
448
|
padding-bottom: 20px;
|
|
453
449
|
}
|
|
454
450
|
|
|
455
451
|
.FormLoginCallToAction {
|
|
456
|
-
color: var(--
|
|
457
|
-
font-size:
|
|
458
|
-
font-weight:
|
|
452
|
+
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
453
|
+
font-size: 14px;
|
|
454
|
+
font-weight: 400;
|
|
459
455
|
text-decoration: none;
|
|
460
456
|
cursor: pointer;
|
|
461
457
|
}
|
|
@@ -467,39 +463,34 @@
|
|
|
467
463
|
.PromoCodeContainer,
|
|
468
464
|
.SecurityQuestionContainer,
|
|
469
465
|
.SecurityAnswerContainer {
|
|
470
|
-
color: var(--
|
|
466
|
+
color: var(--emfe-w-registration-contrast, var(--emfe-w-color-gray-300, #58586B));
|
|
471
467
|
display: flex;
|
|
472
468
|
flex-direction: column;
|
|
473
469
|
padding-bottom:40px;
|
|
474
470
|
position: relative;
|
|
475
471
|
|
|
476
472
|
label {
|
|
477
|
-
font-size:
|
|
478
|
-
font-weight:
|
|
473
|
+
font-size: 14px;
|
|
474
|
+
font-weight: 300;
|
|
479
475
|
padding-bottom: 5px;
|
|
480
476
|
}
|
|
481
477
|
|
|
482
478
|
input {
|
|
483
479
|
width: 100%;
|
|
484
480
|
height: 44px;
|
|
485
|
-
border
|
|
486
|
-
border:
|
|
481
|
+
border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
|
|
482
|
+
border-radius: 5px;
|
|
487
483
|
box-sizing: border-box;
|
|
488
484
|
padding: 5px 15px;
|
|
489
|
-
font-size:
|
|
485
|
+
font-size: 16px;
|
|
490
486
|
line-height: 18px;
|
|
491
|
-
|
|
492
|
-
&:focus {
|
|
493
|
-
border: 2px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
|
|
494
|
-
outline: none;
|
|
495
|
-
}
|
|
496
487
|
}
|
|
497
488
|
|
|
498
489
|
&.InvalidField {
|
|
499
490
|
input {
|
|
500
|
-
border: 1px solid var(--
|
|
501
|
-
background: var(--
|
|
502
|
-
color: var(--
|
|
491
|
+
border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
492
|
+
background: var(--emfe-w-color-pale, #FBECF4);
|
|
493
|
+
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
503
494
|
}
|
|
504
495
|
}
|
|
505
496
|
|
|
@@ -518,7 +509,7 @@
|
|
|
518
509
|
}
|
|
519
510
|
|
|
520
511
|
.FormRequired {
|
|
521
|
-
color: var(--
|
|
512
|
+
color: var(--emfe-w-categories-color-secondary, var(--emfe-w-color-secondary, #FD2839));
|
|
522
513
|
}
|
|
523
514
|
|
|
524
515
|
.TogglePasswordVisibility, .ToggleConfirmPasswordVisibility {
|
|
@@ -528,16 +519,16 @@
|
|
|
528
519
|
bottom: 55px;
|
|
529
520
|
&.InvalidToggle {
|
|
530
521
|
path, circle, rect {
|
|
531
|
-
fill: var(--
|
|
522
|
+
fill: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
532
523
|
}
|
|
533
524
|
}
|
|
534
525
|
path, circle, rect {
|
|
535
|
-
fill: var(--
|
|
526
|
+
fill: var(--emfe-w-registration-contrast, var(--emfe-w-color-gray-300, #58586B));
|
|
536
527
|
}
|
|
537
528
|
}
|
|
538
529
|
|
|
539
530
|
.InvalidInput {
|
|
540
|
-
color: var(--
|
|
531
|
+
color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
|
|
541
532
|
font-size: 10px;
|
|
542
533
|
position: absolute;
|
|
543
534
|
padding-top: 5px;
|
|
@@ -547,25 +538,25 @@
|
|
|
547
538
|
|
|
548
539
|
.ErrorMessage {
|
|
549
540
|
margin: 0 0 15px 0;
|
|
550
|
-
font-size:
|
|
551
|
-
color: var(--
|
|
541
|
+
font-size: 12px;
|
|
542
|
+
color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
|
|
552
543
|
}
|
|
553
544
|
|
|
554
545
|
.RegisterStepNext {
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
border
|
|
558
|
-
|
|
546
|
+
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
547
|
+
background: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
548
|
+
border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
549
|
+
border-radius: 5px;
|
|
559
550
|
width: 100%;
|
|
560
551
|
height: 60px;
|
|
561
552
|
padding: 0;
|
|
562
553
|
text-transform: uppercase;
|
|
563
|
-
font-size:
|
|
554
|
+
font-size: 18px;
|
|
564
555
|
cursor: pointer;
|
|
565
556
|
margin-top: 24px;
|
|
566
557
|
&[disabled] {
|
|
567
|
-
background: var(--
|
|
568
|
-
border: 1px solid var(--
|
|
558
|
+
background: var(--emfe-w-color-gray-100, #E6E6E6);
|
|
559
|
+
border: 1px solid var(--emfe-w-color-gray-150, #828282);
|
|
569
560
|
cursor: not-allowed;
|
|
570
561
|
}
|
|
571
562
|
}
|