@everymatrix/player-profile-info 1.14.7 → 1.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-profile-info",
-  "version": "1.14.7",
+  "version": "1.15.0",
   "main": "dist/player-profile-info.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e0c4908ae0358ad455046427736d3bbb675e6fb6"
+  "gitHead": "15ce8765c213b2c036dd5fbc5007d6ea5a666dc1"
 }

package/src/PlayerProfileInfo.svelte

@@ -16,6 +16,7 @@
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
   export let translationurl:string = '';
+  export let custominputtextswitch:string = 'false';
 
   let customStylingContainer:HTMLElement;
   let isLoading:boolean = true;
@@ -55,6 +56,10 @@
   // Native bridge
   let isOnNative:boolean = false;
 
+  let regexValidators:any = {
+    document: /^(?=.*[a-zA-Z0-9])[a-zA-Z0-9\s]+$/
+  }
+
   const setTranslationUrl = ():void => {
     let url:string = translationurl;
 
@@ -267,8 +272,19 @@
   }
 
   const checkSecurityQuestion = ():boolean => {
-    if (playerQuestion && playerQuestion.length <= 120) {
-      return true;
+    if (securityQuestion)
+    switch(custominputtextswitch) {
+      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;
@@ -280,8 +296,19 @@
   }
 
   const checkSecurityAnswer = ():boolean => {
-    if (playerAnswer && playerAnswer.length <= 120) {
-      return true;
+    if (securityAnswer)
+    switch(custominputtextswitch) {
+      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;
@@ -492,17 +519,17 @@
         {/if}
       </div>
       <div class="PlayerInfoBox  {invalidSecurityQuestion ? 'InvalidField' : ''}">
-        <label>{$_('securityQuestion')}</label>
+        <label for="SecurityQuestion">{custominputtextswitch == 'true' ? $_('profileSecurityQuestion2') : $_('profileSecurityQuestion')}:<span class="FormRequired">*</span></label>
         <input type="text" bind:value={playerQuestion} on:keyup={() => checkForChanges()} on:blur={validateSecurityQuestion} placeholder={noPlayerData ? securityQuestion : ''} />
         {#if invalidSecurityQuestion}
-          <p class="InvalidInput">{$_('securityQuestionError')}</p>
+          <p class="InvalidInput">{custominputtextswitch == 'true' ? $_('profileSecurityQuestionError2') : $_('profileSecurityQuestionError')}</p>
         {/if}
       </div>
       <div class="PlayerInfoBox {invalidSecurityAnswer ? 'InvalidField' : ''}">
-        <label>{$_('securityAnswer')}</label>
+        <label for="SecurityAnswer">{custominputtextswitch == 'true' ? $_('profileSecurityAnswer2') : $_('profileSecurityAnswer')}:<span class="FormRequired">*</span></label>
         <input type="text" bind:value={playerAnswer} on:keyup={() => checkForChanges()} on:blur={validateSecurityAnswer} placeholder={noPlayerData ? securityAnswer : ''} />
         {#if invalidSecurityAnswer}
-          <p class="InvalidInput">{$_('securityAnswerError')}</p>
+          <p class="InvalidInput">{custominputtextswitch == 'true' ? $_('profileSecurityAnswerError2') : $_('profileSecurityAnswerError')}</p>
         {/if}
       </div>
       <div class="PlayerInfoBox">

package/src/translations.js

@@ -6,11 +6,15 @@ export const TRANSLATIONS = {
     "userPhone": "Phone:",
     "userPhoneError": "Mobile must be at least 5 character long and 12 characters maximum.",
     "userEmail": "Email:",
-    "securityQuestion": "Document Type (DNI, Foreign ID Card, Passport):",
-    "securityQuestionError": "Security question must be at least 1 character long and maximum 120 characters.",
+    "profileSecurityQuestion": "Security Question",
+    'profileSecurityQuestion2': 'Document Type (DNI, Foreign ID Card, Passport)',
+    "profileSecurityQuestionError": "Security question must be at least 1 character long and maximum 120 characters.",
+    "profileSecurityQuestionError2": "Only letters and numbers are accepted.",
     "firstName": "First Name:",
-    "securityAnswer": "Document Number:",
-    "securityAnswerError": "Security answer must be at least 1 character long and maximum 120 characters.",
+    "profileSecurityAnswer": "Security Answer",
+    "profileSecurityAnswer2": "Document Number:",
+    "profileSecurityAnswerError": "Security answer must be at least 1 character long and maximum 120 characters.",
+    "profileSecurityAnswerError2": "Only letters and numbers are accepted.",
     "lastName": "Last Name:",
     "dateOfBirth": "Date of Birth:",
     "currency": "Currency:",