@everymatrix/general-player-register-form-step2 0.0.240 → 0.0.244

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-player-register-form-step2",
-  "version": "0.0.240",
+  "version": "0.0.244",
   "main": "dist/general-player-register-form-step2.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6b0a5bd921101009e1bbfaa3fe63215a87fffc40"
+  "gitHead": "23ca6a1db8e19fea0b5f18176f0d846ed03c43f4"
 }

package/src/GeneralPlayerRegisterFormStep2.svelte

@@ -30,7 +30,8 @@
   let minDate:number;
   let maxDate:number;
 
-  let isValid:Boolean = false;
+  let isValid:boolean = false;
+  let isLoading:boolean = true;
 
   // setupI18n({ withLocale: 'en', translations: {}});
 
@@ -38,28 +39,32 @@
     addNewMessages(item, RegisterFormStep2Translations[item]);
   });
 
-  const createYearsArray = () => {
-    maxDate = parseInt(moment(currentDate.setDate(currentDate.getDate())).subtract(parseInt(licenseyears), 'y').format('YYYY'));
-    minDate = parseInt(moment(currentDate.setDate(currentDate.getDate())).subtract(100 + parseInt(licenseyears), 'y').format('YYYY'));
+  const createYearsArray = ():void => {
+    maxDate = parseInt(moment(currentDate.setDate(currentDate.getDate())).subtract(parseInt(licenseyears, 10), 'y').format('YYYY'));
+    minDate = parseInt(moment(currentDate.setDate(currentDate.getDate())).subtract(100 + parseInt(licenseyears, 10), 'y').format('YYYY'));
 
-    for(let i=maxDate; i>=minDate; i--) {
+    for (let i = maxDate; i >= minDate; i--) {
       birthYears.push(i);
     }
+
+    isLoading = false;
   }
 
-  const getCurrencies = () => {
+  const getCurrencies = ():void => {
     fetch(`${endpoint}/player/operatorSupportedCurrencies`)
       .then((res:any) => res.json())
       .then(data => {
         currencies = data.currencies;
+
         if (!currencySelected) {
           currencySelected = currencies[0];
         }
       });
   }
 
-  const checkIsValid = () => {
+  const checkIsValid = ():void => {
     isValid =  !(invalidFirstName || invalidLastName || invalidBirthPlace);
+
     if (userFirstName.length <= 0 || userLastName.length <= 0 || birthPlace.length <= 0 || !userTitleSelected || !birthDaySelected || !birthMonthSelected || !birthYearSelected) {
       isValid = false;
     }
@@ -216,9 +221,11 @@
       </select>
       <select bind:value={birthYearSelected} on:blur={checkIsValid} class="BirthYearSelected">
         <option value="" disabled selected>{$_('registerFormStep2.registerBirthYear')}</option>
-        {#each birthYears as birthYear}
-          <option value={birthYear}>{birthYear}</option>
-        {/each}
+        {#if !isLoading}
+          {#each birthYears as birthYear}
+            <option value={birthYear}>{birthYear}</option>
+          {/each}
+        {/if}
       </select>
     </div>
   </div>
@@ -398,7 +405,7 @@
   }
 
   .InvalidInput {
-    color: var(--emfe-w-color-primary, #D0046C);
+    color: var(--emfe-w-color-error, #FD2839);
     font-size: ttp(0.625);
     position: absolute;
     bottom: -3px;
@@ -408,7 +415,7 @@
   .ErrorMessage {
     margin: 0 0 ttp(0.938) 0;
     font-size: ttp(0.75);
-    color: var(--emfe-w-color-primary, #D0046C);
+    color: var(--emfe-w-color-error, #FD2839);
   }
 
   .RegisterStepNext {