@everymatrix/general-player-register-form-step1 1.11.1 → 1.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-player-register-form-step1",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "main": "dist/general-player-register-form-step1.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a74cb23abc28e2a5ca4a61858da32c86640ebd43"
+  "gitHead": "5ba32db088ec6ebf8eb6110b6172d8c9409b9f70"
 }

package/src/GeneralPlayerRegisterFormStep1.svelte

@@ -14,6 +14,7 @@
   export let clientstylingurl:string = '';
   export let translationurl:string = '';
   export let savecredentials:string = '';
+  export let tempopcustomization:string = 'false';
 
   let invalidEmail:boolean = false;
   let invalidName:boolean = false;
@@ -52,7 +53,8 @@
   let regexValidators:any = {
     user: /^(?!(?:.*\d){9})(?=(?:.*[a-zA-Z]){4})^[a-zA-Z\d]*$/,
     email: /^[^<>()*{}=/|?`~[\]\\,;:\%#^\s@\"$&!@]+@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z0-9]+\.)+[a-zA-Z]{2,}))$/i,
-    password: /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[^\w\s]).{8,20}$/
+    password: /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[^\w\s]).{8,20}$/,
+    document: /^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$/
   }
 
   // setupI18n({ withLocale: 'en', translations: {}});
@@ -180,8 +182,19 @@
   }
 
   const checkSecurityQuestion = ():boolean => {
-    if (securityQuestion && securityQuestion.length <= 120) {
-      return true;
+    if (securityQuestion)
+    switch(tempopcustomization) {
+      case 'true':
+        if (regexValidators.document.test(securityQuestion) && securityQuestion.length <= 50) {
+          return true;
+        }
+        break;
+
+      case 'false':
+        if (securityQuestion && securityQuestion.length <= 120) {
+          return true;
+        }
+        break;
     }
 
     return false;
@@ -193,8 +206,19 @@
   }
 
   const checkSecurityAnswer = ():boolean => {
-    if (securityAnswer && securityAnswer.length <= 120) {
-      return true;
+    if (securityAnswer)
+    switch(tempopcustomization) {
+      case 'true':
+        if (regexValidators.document.test(securityAnswer) && securityAnswer.length <= 50) {
+          return true;
+        }
+        break;
+      
+      case 'false':
+        if (securityAnswer && securityAnswer.length <= 120) {
+          return true;
+        }
+        break;
     }
 
     return false;
@@ -359,17 +383,17 @@
       {/if}
     </div>
     <div class="SecurityQuestionContainer {invalidSecurityQuestion && !securityQFocus? 'InvalidField' : ''}{disabledFieldsList?.indexOf('securityQuestion') >= 0 ? 'Hidden' : ''}" part="SecurityQuestionContainer {invalidSecurityQuestion ? 'InvalidField' : ''}">
-      <label for="SecurityQuestion">{$_('registerFormStep1.registerSecurityQuestion')}:<span class="FormRequired" part="FormRequired">*</span></label>
+      <label for="SecurityQuestion">{tempopcustomization == 'true' ? $_('registerFormStep1.registerSecurityQuestion2') : $_('registerFormStep1.registerSecurityQuestion')}:<span class="FormRequired" part="FormRequired">*</span></label>
       <input bind:value={securityQuestion} on:keyup={validateSecurityQuestion} on:focus={() => securityQFocus = true} on:blur={() => securityQFocus = false} type="text" id="SecurityQuestion" />
       {#if invalidSecurityQuestion}
-        <p class="InvalidInput" part="InvalidInput">{$_('registerFormStep1.registerSecurityQuestionError')}</p>
+        <p class="InvalidInput" part="InvalidInput">{tempopcustomization == 'true' ? $_('registerFormStep1.registerSecurityQuestionError2') : $_('registerFormStep1.registerSecurityQuestionError')}</p>
       {/if}
     </div>
     <div class="SecurityAnswerContainer {invalidSecurityAnswer && !securityAFocus? 'InvalidField' : ''}{disabledFieldsList?.indexOf('securityAnswer') >= 0 ? 'Hidden' : ''}" part="SecurityAnswerContainer {invalidSecurityAnswer ? 'InvalidField' : ''}">
-      <label for="SecurityAnswer">{$_('registerFormStep1.registerSecurityAnswer')}:<span class="FormRequired" part="FormRequired">*</span></label>
+      <label for="SecurityAnswer">{tempopcustomization == 'true' ? $_('registerFormStep1.registerSecurityAnswer2') : $_('registerFormStep1.registerSecurityAnswer')}:<span class="FormRequired" part="FormRequired">*</span></label>
       <input bind:value={securityAnswer} on:keyup={validateSecurityAnswer} on:focus={() => securityAFocus = true} on:blur={() => securityAFocus = false} type="text" id="SecurityAnswer" />
       {#if invalidSecurityAnswer}
-        <p class="InvalidInput" part="InvalidInput">{$_('registerFormStep1.registerSecurityAnswerError')}</p>
+        <p class="InvalidInput" part="InvalidInput">{tempopcustomization == 'true' ? $_('registerFormStep1.registerSecurityAnswerError2') : $_('registerFormStep1.registerSecurityAnswerError')}</p>
       {/if}
     </div>
     <button class="RegisterStepNext" part="RegisterStepNext" disabled={!isValid} on:click={(e) => goNext(e)}>{$_('registerFormStep1.registerNext')}</button>

package/src/translations.js

@@ -14,9 +14,13 @@ export const RegisterFormStep1Translations = {
       registerConfirmPassword: 'Confirm Password',
       registerConfirmPasswordError: 'It doesn\'t match the password.',
       registerSecurityQuestion: 'Security Question',
+      registerSecurityQuestion2: 'Document Type (DNI, Foreign ID Card, Passport)',
       registerSecurityQuestionError: 'Security question must be at least 1 character long and maximum 120 characters.',
+      registerSecurityQuestionError2: 'Only letters and numbers are accepted.',
       registerSecurityAnswer: 'Security Answer',
+      registerSecurityAnswer2: 'Document Number',
       registerSecurityAnswerError: 'Security answer must be at least 1 character long and maximum 120 characters.',
+      registerSecurityAnswerError2: 'Only letters and numbers are accepted.',
       registerNext: 'Next'
     }
   },
@@ -119,9 +123,13 @@ export const RegisterFormStep1Translations = {
       registerConfirmPassword: 'Confirmar Contraseña',
       registerConfirmPasswordError: 'La contraseña no coincide.',
       registerSecurityQuestion: 'Pregunta de seguridad',
+      registerSecurityQuestion2: 'Tipo de Documento (DNI, CE o Pasaporte)',
       registerSecurityQuestionError: 'La Pregunta de seguridad debe tener un mínimo de 1 carácter y un máximo de 120 caracteres',
+      registerSecurityQuestionError2: 'Solo se aceptan letras y números.',
       registerSecurityAnswer: 'Respuesta de seguridad',
+      registerSecurityAnswer2: 'Número de Documento',
       registerSecurityAnswerError: 'La Respuesta de seguridad debe tener un mínimo de 1 carácter y un máximo de 120 caracteres',
+      registerSecurityAnswerError2: 'Solo se aceptan letras y números.',
       registerNext: 'Siguiente'
     }
   },