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

package/package.json

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

package/src/GeneralPlayerRegisterFormStep1.svelte

@@ -3,7 +3,7 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { _, addNewMessages, setLocale, setupI18n } from './i18n';
-  import { RegisterFormStep1Translations } from './translations';
+  import { TRANSLATIONS } from './translations';
 
   export let lang:string = '';
   // Possible disabled fields: ['email', 'username', 'name', 'password', 'confirmPassword', 'securityQuestion', 'securityAnswer']
@@ -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,9 +53,10 @@
   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\s]+$/
   }
-
+  
   // setupI18n({ withLocale: 'en', translations: {}});
 
   const setTranslationUrl = ():void => {
@@ -70,8 +72,8 @@
     });
   }
 
-  Object.keys(RegisterFormStep1Translations).forEach((item:any) => {
-    addNewMessages(item, RegisterFormStep1Translations[item]);
+  Object.keys(TRANSLATIONS).forEach((item:any) => {
+    addNewMessages(item, TRANSLATIONS[item]);
   });
 
   const checkIsValid = ():void => {
@@ -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;
@@ -313,26 +337,26 @@
 
 <div bind:this={customStylingContainer}>
   <div class="RegisterFormHeader" part="RegisterFormHeader">
-    <h2 class="RegisterFormTitle" part="RegisterFormTitle">{$_('registerFormStep1.registerTitle')}</h2>
-    <p class="RegisterFormSubtitle" part="RegisterFormSubtitle">{$_('registerFormStep1.registerSubtitle')} <span class="FormLoginCallToAction" on:click={() => switchToLogin()}>{$_('registerFormStep1.registerSubtitleLogin')}</span></p>
+    <h2 class="RegisterFormTitle" part="RegisterFormTitle">{$_('registerTitle')}</h2>
+    <p class="RegisterFormSubtitle" part="RegisterFormSubtitle">{$_('registerSubtitle')} <span class="FormLoginCallToAction" on:click={() => switchToLogin()}>{$_('registerSubtitleLogin')}</span></p>
   </div>
   <form class="RegisterFormContent" part="RegisterFormContent">
     <div class="EmailContainer {invalidEmail && !emailFocus ? 'InvalidField' : ''}{disabledFieldsList?.indexOf('email') >= 0 ? 'Hidden' : ''}" part="EmailContainer {invalidEmail ? 'InvalidField' : ''}" >
-      <label for="Email">{$_('registerFormStep1.registerEmail')}:<span class="FormRequired" part="FormRequired">*</span></label>
+      <label for="Email">{$_('registerEmail')}:<span class="FormRequired" part="FormRequired">*</span></label>
       <input bind:value={userEmail} on:keyup={validateEmail} on:focus={() => emailFocus = true} on:blur={() => emailFocus = false} type="text" id="Email" />
       {#if invalidEmail}
-        <p class="InvalidInput" part="InvalidInput">{$_('registerFormStep1.registerEmailError')}</p>
+        <p class="InvalidInput" part="InvalidInput">{$_('registerEmailError')}</p>
       {/if}
     </div>
     <div class="UserContainer {invalidName && !usernameFocus? 'InvalidField' : ''}{disabledFieldsList?.indexOf('username') >= 0 ? 'Hidden' : ''}" part="UserContainer {invalidName ? 'InvalidField' : ''}">
-      <label for="UserName">{$_('registerFormStep1.registerUsername')}:<span class="FormRequired" part="FormRequired">*</span></label>
+      <label for="UserName">{$_('registerUsername')}:<span class="FormRequired" part="FormRequired">*</span></label>
       <input bind:value={userValue} on:keyup={validateUserName} on:focus={() => usernameFocus = true} on:blur={() => usernameFocus = false} type="text" id="UserName" autocomplete = {savecredentials ? "username" : "off" }/>
       {#if invalidName}
-        <p class="InvalidInput" part="InvalidInput">{$_('registerFormStep1.registerUsernameError')}</p>
+        <p class="InvalidInput" part="InvalidInput">{$_('registerUsernameError')}</p>
       {/if}
     </div>
     <div class="PasswordContainer {invalidPassword && !passwordFocus ? 'InvalidField' : ''}{disabledFieldsList?.indexOf('password') >= 0 ? 'Hidden' : ''}" part="PasswordContainer {invalidPassword ? 'InvalidField' : ''}" hidden={disabledFieldsList?.indexOf('password') >= 0}>
-      <label for="Password">{$_('registerFormStep1.registerPassword')}:<span class="FormRequired" part="FormRequired">*</span></label>
+      <label for="Password">{$_('registerPassword')}:<span class="FormRequired" part="FormRequired">*</span></label>
       <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" />
       {#if isPasswordVisible}
         <svg on:click={() => hidePassword()} class="TogglePasswordVisibility" part="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-color-contrast, #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>
@@ -340,14 +364,14 @@
         <svg on:click={() => showPassword()} class="TogglePasswordVisibility" part="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-color-contrast, #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>
       {/if}
       {#if invalidPassword && simplepasswordvalidation !== 'true'}
-        <p class="InvalidInput" part="InvalidInput">{$_('registerFormStep1.registerPasswordError')}</p>
+        <p class="InvalidInput" part="InvalidInput">{$_('registerPasswordError')}</p>
       {/if}
       {#if invalidPassword && simplepasswordvalidation === 'true'}
-        <p class="InvalidInput" part="InvalidInput">{$_('registerFormStep1.registerSimplePasswordError')}</p>
+        <p class="InvalidInput" part="InvalidInput">{$_('registerSimplePasswordError')}</p>
       {/if}
     </div>
     <div class="ConfirmPasswordContainer {invalidConfirmPassword && !confirmPasswordFocus? 'InvalidField' : ''}{disabledFieldsList?.indexOf('confirmPassword') >= 0 ? 'Hidden' : ''}" part="ConfirmPasswordContainer {invalidConfirmPassword ? 'InvalidField' : ''}">
-      <label for="ConfirmPassword">{$_('registerFormStep1.registerConfirmPassword')}:<span class="FormRequired" part="FormRequired">*</span></label>
+      <label for="ConfirmPassword">{$_('registerConfirmPassword')}:<span class="FormRequired" part="FormRequired">*</span></label>
       <input bind:value={confirmUserPassword} on:keyup={validateConfirmPassword} on:focus={() => confirmPasswordFocus = true} on:blur={() => confirmPasswordFocus = false} type="password" id="ConfirmPassword" bind:this={confirmPasswordVisibilityToggle} />
       {#if isConfirmPasswordVisible}
         <svg on:click={() => hideConfirmPassword()} class="ToggleConfirmPasswordVisibility" part="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-color-contrast, #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>
@@ -355,24 +379,24 @@
         <svg on:click={() => showConfirmPassword()} class="ToggleConfirmPasswordVisibility" part="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-color-contrast, #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>
       {/if}
       {#if invalidConfirmPassword}
-        <p class="InvalidInput" part="InvalidInput">{$_('registerFormStep1.registerConfirmPasswordError')}</p>
+        <p class="InvalidInput" part="InvalidInput">{$_('registerConfirmPasswordError')}</p>
       {/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>
+    <button class="RegisterStepNext" part="RegisterStepNext" disabled={!isValid} on:click={(e) => goNext(e)}>{$_('registerNext')}</button>
   </form>
 </div>
 

package/src/translations.js

@@ -1,149 +1,23 @@
-export const RegisterFormStep1Translations = {
-  en: {
-    registerFormStep1: {
-      registerTitle: 'Create your account',
-      registerSubtitle: 'Already have an account?',
-      registerSubtitleLogin: 'Login',
-      registerEmail: 'Email',
-      registerEmailError: "Email should contain '@' and a 2-3 letter long domain.",
-      registerUsername: 'Username',
-      registerUsernameError: 'Name must be at least 4-20 characters long and contain no special characters.',
-      registerPassword: 'Password',
-      registerPasswordError: 'Password must be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.',
-      registerSimplePasswordError: 'Password must be 8-20 characters long.',
-      registerConfirmPassword: 'Confirm Password',
-      registerConfirmPasswordError: 'It doesn\'t match the password.',
-      registerSecurityQuestion: 'Security Question',
-      registerSecurityQuestionError: 'Security question must be at least 1 character long and maximum 120 characters.',
-      registerSecurityAnswer: 'Security Answer',
-      registerSecurityAnswerError: 'Security answer must be at least 1 character long and maximum 120 characters.',
-      registerNext: 'Next'
-    }
+export const TRANSLATIONS = {
+  "en": {
+    "registerFormStep1": "[object Object]"
   },
-  'zh-hk': {
-    registerFormStep1: {
-      registerTitle: '創建您的帳戶',
-      registerSubtitle: '已經有一個帳戶？',
-      registerSubtitleLogin: '登錄',
-      registerEmail: '電子郵件',
-      registerEmailError: "電子郵件應包含“@”和 2-3 個字母長的域。",
-      registerUsername: '用戶名',
-      registerUsernameError: '名稱的長度必須至少為 2 個字符且不包含特殊字符。',
-      registerPassword: '密碼',
-      registerPasswordError: '密碼長度必須為 8-20 個字符，並且至少包含 1 個大寫字母、1 個數字和 1 個特殊字符。',
-      registerSimplePasswordError: '密码长度必须为 8-20 个字符。',
-      registerConfirmPassword: '確認密碼',
-      registerConfirmPasswordError: '它與密碼不匹配。',
-      registerSecurityQuestion: '安全問題',
-      registerSecurityQuestionError: '安全問題的長度必須至少為 1 個字符，最多 120 個字符。',
-      registerSecurityAnswer: '安全答案',
-      registerSecurityAnswerError: '安全答案的長度必須至少為 1 個字符，最多為 120 個字符。',
-      registerNext: '下一個'
-    }
+  "zh-hk": {
+    "registerFormStep1": "[object Object]"
   },
-  fr: {
-    registerFormStep1: {
-      registerTitle: 'Créez votre compte',
-      registerSubtitle: 'Vous avez déjà un compte?',
-      registerSubtitleLogin: 'Connexion ',
-      registerEmail: 'Email',
-      registerEmailError: "L'adresse mail doit comporter un '@' et un nom de domaine de 2 à 3 lettres.",
-      registerUsername: 'Nom d\'utilisateur ',
-      registerUsernameError: 'Le nom doit être composé d\'au moins 2 caractères et ne doitpas contenir de caractères spéciaux.',
-      registerPassword: 'Mot de passe',
-      registerPasswordError: 'Le mot de passe doit comporter de 8 à 20 charactères et contenir au moins une lettre majuscule, un chiffre et un caractère spécial.',
-      registerSimplePasswordError: 'Le mot de passe doit comporter entre 8 et 20 caractères.',
-      registerConfirmPassword: 'Confirmer le mot de passe',
-      registerConfirmPasswordError: 'ça ne correspond pas au mot de passe.',
-      registerSecurityQuestion: 'Questions de sécurité',
-      registerSecurityQuestionError: 'La question de sécurité doit comporter au moins un caractère et au maximum 120 caractères.',
-      registerSecurityAnswer: 'Réponse de sécurité',
-      registerSecurityAnswerError: 'La réponse de sécurité doit comporter au moins un caractère et au maximum 120 caractères.',
-      registerNext: 'Suivant'
-    }
+  "fr": {
+    "registerFormStep1": "[object Object]"
   },
-  tr: {
-    registerFormStep1: {
-      registerTitle: 'Hesabını oluştur',
-      registerSubtitle: 'Zaten hesabınız var mı?',
-      registerSubtitleLogin: 'Giriş yapmak',
-      registerEmail: 'E-posta',
-      registerEmailError: "E-posta '@' ve 2-3 harf uzunluğunda bir etki alanı içermelidir.",
-      registerUsername: 'Kullanıcı adı',
-      registerUsernameError: 'Ad en az 4-20 karakter uzunluğunda olmalı ve özel karakter içermemelidir.',
-      registerPassword: 'Parola',
-      registerPasswordError: 'Şifre 8-20 karakter uzunluğunda olmalı ve en az 1 büyük harf, 1 rakam ve 1 özel karakter içermelidir.',
-      registerSimplePasswordError: 'Şifre 8-20 karakter uzunluğunda olmalıdır.',
-      registerConfirmPassword: 'Şifreyi Onayla',
-      registerConfirmPasswordError: 'Şifreyle eşleşmiyor.',
-      registerSecurityQuestion: 'Güvenlik Sorusu',
-      registerSecurityQuestionError: 'Güvenlik sorusu en az 1, en fazla 120 karakter uzunluğunda olmalıdır.',
-      registerSecurityAnswer: 'Güvenlik cevabı',
-      registerSecurityAnswerError: 'Güvenlik cevabı en az 1 karakter uzunluğunda ve en fazla 120 karakter olmalıdır.',
-      registerNext: 'Sonraki'
-    }
+  "tr": {
+    "registerFormStep1": "[object Object]"
   },
-  ro: {
-    registerFormStep1: {
-      registerTitle: 'Creaza cont',
-      registerSubtitle: 'Ai deja cont?',
-      registerSubtitleLogin: 'Autentifica-te',
-      registerEmail: 'Email',
-      registerEmailError: "Email-ul ar trebui sa contina '@' si 2-3 litere.",
-      registerUsername: 'Utilizator',
-      registerUsernameError: 'Utilizatorul trebuie sa fie cuprins intre 4-20 litere si sa nu contina caractere speciale.',
-      registerPassword: 'Parola',
-      registerPasswordError: 'Parola trebuie sa fie cuprinsa intre 8 si 20 de caractere, cel putin o litera mare, cel putin un numar si cel putin un caracter special.',
-      registerSimplePasswordError: 'Parola trebuie să aibă 8-20 de caractere.',
-      registerConfirmPassword: 'Confirma Parola',
-      registerConfirmPasswordError: 'Confirmarea parolei trebuie sa fie la fel cu parola',
-      registerSecurityQuestion: 'Intrebare de Securitate',
-      registerSecurityQuestionError: 'Intrebarea de securitate trebuie sa fie cuprinsa intre 1 si 120 de litere.',
-      registerSecurityAnswer: 'Raspuns de Securitate',
-      registerSecurityAnswerError: 'Raspunsul de securitate trebuie sa fie cuprins intre 1 si 120 de litere',
-      registerNext: 'Urmatorul'
-    }
+  "ro": {
+    "registerFormStep1": "[object Object]"
   },
-  es: {
-    registerFormStep1: {
-      registerTitle: 'Crea tu cuenta',
-      registerSubtitle: 'Ya tiene cuenta?',
-      registerSubtitleLogin: 'Iniciar sesión',
-      registerEmail: 'Email',
-      registerEmailError: "Email debe contener \'@\' y un dominio de 2 a 3 letras.",
-      registerUsername: 'Usuario',
-      registerUsernameError: 'El nombre de Usuario debe tener mínimo 4 y máximo 20 caracteres y no contener caracteres especiales.',
-      registerPassword: 'Contraseña',
-      registerPasswordError: 'La contraseña debe tener de 8 a 20 caracteres y contener al menos 1 letra mayúscula, 1 número y 1 carácter especial.',
-      registerSimplePasswordError: 'La contraseña debe tener entre 8 y 20 caracteres.',
-      registerConfirmPassword: 'Confirmar Contraseña',
-      registerConfirmPasswordError: 'La contraseña no coincide.',
-      registerSecurityQuestion: 'Pregunta de seguridad',
-      registerSecurityQuestionError: 'La Pregunta de seguridad debe tener un mínimo de 1 carácter y un máximo de 120 caracteres',
-      registerSecurityAnswer: 'Respuesta de seguridad',
-      registerSecurityAnswerError: 'La Respuesta de seguridad debe tener un mínimo de 1 carácter y un máximo de 120 caracteres',
-      registerNext: 'Siguiente'
-    }
+  "es": {
+    "registerFormStep1": "[object Object]"
   },
-  pt: {
-    registerFormStep1: {
-      registerTitle: 'Crie a sua conta',
-      registerSubtitle: 'Já tem uma conta?',
-      registerSubtitleLogin: 'Entrar',
-      registerEmail: 'E-mail',
-      registerEmailError: "O e-mail deve conter '@' e um domínio de 2 a 3 letras.",
-      registerUsername: 'Nome do usuário',
-      registerUsernameError: 'O nome deve ter pelo menos 2 caracteres e não conter caracteres especiais.',
-      registerPassword: 'Senha',
-      registerPasswordError: 'A senha deve ter de 8 a 20 caracteres e conter pelo menos 1 letra maiúscula, 1 número e 1 caractere especial.',
-      registerSimplePasswordError: 'A senha deve ter de 8 a 20 caracteres.',
-      registerConfirmPassword: 'Confirme a sua senha',
-      registerConfirmPasswordError: 'Não corresponde à senha.',
-      registerSecurityQuestion: 'Pergunta de segurança',
-      registerSecurityQuestionError: 'A pergunta de segurança deve ter no mínimo 1 caractere e no máximo 120 caracteres.',
-      registerSecurityAnswer: 'Resposta de segurança',
-      registerSecurityAnswerError: 'A resposta de segurança deve ter pelo menos 1 caractere e no máximo 120 caracteres.',
-      registerNext: 'Próximo'
-    }
-  },
-};
+  "pt": {
+    "registerFormStep1": "[object Object]"
+  }
+}