@everymatrix/general-player-register-form-step2 1.26.0 → 1.27.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-player-register-form-step2",
-  "version": "1.26.0",
+  "version": "1.27.2",
   "main": "dist/general-player-register-form-step2.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5abe76b491406787c17e946ad3c79676a0554d8b"
+  "gitHead": "0c03a79deed2ad6c051e5842c9c172ccdfee2b46"
 }

package/src/GeneralPlayerRegisterFormStep2.svelte

@@ -20,11 +20,13 @@
   let invalidLastName:boolean = false;
   let invalidBirthDate:boolean = false;
   let invalidBirthPlace:boolean = false;
+  let invalidPersonalId:boolean = false;
 
   let firstNameFocus:boolean = false;
   let lastNameFocus:boolean = false;
   let birthDateFocus:boolean = false;
   let birthplaceFocus:boolean = false;
+  let personalIdFocus: boolean = false;
 
   let disabledFieldsList:Array<string>;
 
@@ -40,6 +42,7 @@
   let birthPlace:string = '';
   let currencies:Array<Object> = [];
   let currencySelected:any = '';
+  let personalId:string = '';
   let currentDate:Date = new Date();
   let minDate:number;
   let maxDate:number;
@@ -103,9 +106,9 @@
   }
 
   const checkIsValid = ():void => {
-    isValid =  !(invalidFirstName || invalidLastName || invalidBirthDate || invalidBirthPlace);
+    isValid =  !(invalidFirstName || invalidLastName || invalidBirthDate || invalidBirthPlace || invalidPersonalId);
 
-    if (userFirstName.length <= 0 || userLastName.length <= 0 || birthPlace.length <= 0 || !userTitleSelected || !birthDaySelected || !birthMonthSelected || !birthYearSelected) {
+    if (userFirstName.length <= 0 || userLastName.length <= 0 || birthPlace.length <= 0 || personalId.length <= 0 || !userTitleSelected || !birthDaySelected || !birthMonthSelected || !birthYearSelected) {
       isValid = false;
     }
   }
@@ -144,6 +147,20 @@
     checkIsValid();
   }
 
+  const checkPersonalId = ():boolean => {
+    if (personalId && personalId.length === 13 && /^\d+$/.test(personalId)){
+      return true
+    }
+
+    return false;
+  }
+
+  const validatePersonalId = ():void => {
+    invalidPersonalId = !checkPersonalId();
+
+    checkIsValid();
+  }
+
   const goNext = (e):void => {
     e.preventDefault();
     let registerStepTwoData = {
@@ -154,6 +171,7 @@
       birthMonthSelected,
       birthYearSelected,
       birthPlace,
+      personalId,
       currencySelected
     };
 
@@ -169,6 +187,7 @@
       birthMonthSelected,
       birthYearSelected,
       birthPlace,
+      personalId,
       currencySelected
     };
 
@@ -187,6 +206,7 @@
           birthYearSelected = e.data.userData.birth.year;
           birthPlace = e.data.userData.birthPlace;
           currencySelected = e.data.userData.currency;
+          personalId = e.data.userData.personalId;
           checkIsValid();
           break;
       }
@@ -211,6 +231,11 @@
       invalidBirthPlace = false;
     }
 
+    if (disabledFieldsList.indexOf('personalId') >= 0) {
+      personalId = 'dummy personal id';
+      invalidPersonalId = false;
+    }
+
     if (disabledFieldsList.indexOf('birthDate') >= 0) {
       invalidBirthDate = false;
     }
@@ -343,6 +368,19 @@
       {/if}
     </div>
     {/if}
+    {#if !(disabledFieldsList?.indexOf('personalId') >= 0)}
+      <div class="PersonalIdContainer {invalidPersonalId && !personalIdFocus ? 'InvalidField' : ''}">
+        <label for="PersonalId">{$_('registerPersonalId')}:<span class="FormRequired">*</span></label>
+        <input bind:value={personalId} on:keyup={validatePersonalId} on:focus={() => personalIdFocus = true} on:blur={() => personalIdFocus = false} type="text" id="PersonalId" />
+        {#if invalidPersonalId}
+          {#if !(/^\d+$/.test(personalId))}
+            <p class="InvalidInput">{$_('registerPersonalIdCharacters')}</p>
+          {:else if personalId.length !== 13}
+            <p class="InvalidInput">{$_('registerPersonalIdLength')}</p>
+          {/if}
+        {/if}
+      </div>
+    {/if}
     {#if !(disabledFieldsList?.indexOf('currency') >= 0)}
     <div class="CurrencyContainer {disabledFieldsList?.indexOf('currency') >= 0 ? 'Hidden' : ''}">
       <label for="Currency">{$_('registerCurrency')}:<span class="FormRequired">*</span></label>
@@ -415,6 +453,7 @@
   .LastNameContainer,
   .BirthDateContainer,
   .BirthPlaceContainer,
+  .PersonalIdContainer,
   .CurrencyContainer {
     color: var(--emfe-w-registration-contrast, var(--emfe-w-color-gray-300, #58586B));
     display: flex;

package/src/translations.js

@@ -18,7 +18,10 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "Birth Place",
     "registerBirthPlaceError": "Birth place must be at least 1 character long.",
     "registerCurrency": "Currency",
-    "registerNext": "Next"
+    "registerNext": "Next",
+    "registerPersonalId": "Personal Id",
+    "registerPersonalIdCharacters": "Only numbers",
+    "registerPersonalIdLength": "Wrong Length"
   },
   "zh-hk": {
     "registerBackButton": "後退",
@@ -39,7 +42,10 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "出生地",
     "registerBirthPlaceError": "出生地必須至少有 1 個字符長。",
     "registerCurrency": "貨幣",
-    "registerNext": "下一個"
+    "registerNext": "下一個",
+    "registerPersonalId": "Personal Id",
+    "registerPersonalIdCharacters": "Only numbers",
+    "registerPersonalIdLength": "Wrong Length"
   },
   "fr": {
     "registerBackButton": "Retour",
@@ -60,7 +66,10 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "Lieu de naissance",
     "registerBirthPlaceError": "Le lieu de naissance doit comporter au moins un caractère.",
     "registerCurrency": "Monnaie",
-    "registerNext": "Suivant"
+    "registerNext": "Suivant",
+    "registerPersonalId": "Personal Id",
+    "registerPersonalIdCharacters": "Only numbers",
+    "registerPersonalIdLength": "Wrong Length"
   },
   "tr": {
     "registerBackButton": "Geri",
@@ -81,7 +90,10 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "Doğum yeri",
     "registerBirthPlaceError": "Doğum yeri en az 1 karakter uzunluğunda olmalıdır.",
     "registerCurrency": "Para birimi",
-    "registerNext": "Sonraki"
+    "registerNext": "Sonraki",
+    "registerPersonalId": "Personal Id",
+    "registerPersonalIdCharacters": "Only numbers",
+    "registerPersonalIdLength": "Wrong Length"
   },
   "ro": {
     "registerBackButton": "Inapoi",
@@ -102,7 +114,10 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "Locule nasterii",
     "registerBirthPlaceError": "Locul nasterii trebuie sa contina minim o litera",
     "registerCurrency": "Moneda",
-    "registerNext": "Urmatorul"
+    "registerNext": "Urmatorul",
+    "registerPersonalId": "Cod Numeric Personal",
+    "registerPersonalIdCharacters": "Pot fi introduse doar cifre",
+    "registerPersonalIdLength": "Codul numeric personal trebuie sa contina 13 cifre."
   },
   "es": {
     "registerBackButton": "Anterior",
@@ -123,7 +138,10 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "Lugar de Nacimiento",
     "registerBirthPlaceError": "Lugar de Nacimiento debe tener al menos 1 carácter.",
     "registerCurrency": "Moneda",
-    "registerNext": "Siguiente"
+    "registerNext": "Siguiente",
+    "registerPersonalId": "Personal Id",
+    "registerPersonalIdCharacters": "Only numbers",
+    "registerPersonalIdLength": "Wrong Length"
   },
   "pt": {
     "registerBackButton": "Voltar",
@@ -144,7 +162,10 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "Local de Nascimento",
     "registerBirthPlaceError": "Birth place must be at least 1 character long.",
     "registerCurrency": "Moeda",
-    "registerNext": "Próximo"
+    "registerNext": "Próximo",
+    "registerPersonalId": "Personal Id",
+    "registerPersonalIdCharacters": "Only numbers",
+    "registerPersonalIdLength": "Wrong Length"
   },
   "hr": {
     "registerBackButton": "Prethodno",
@@ -165,6 +186,9 @@ export const TRANSLATIONS = {
     "registerBirthPlace": "Mjesto rođenja",
     "registerBirthPlaceError": "Mjesto rođenja mora imati najmanje 1 znak.",
     "registerCurrency": "Valuta",
-    "registerNext": "Slijedeće"
+    "registerNext": "Slijedeće",
+    "registerPersonalId": "Personal Id",
+    "registerPersonalIdCharacters": "Only numbers",
+    "registerPersonalIdLength": "Wrong Length"
   }
 }