@everymatrix/player-profile-info 1.12.0 → 1.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-profile-info",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "main": "dist/player-profile-info.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5ba32db088ec6ebf8eb6110b6172d8c9409b9f70"
+  "gitHead": "22bb69e504862fb909bc5d21d62ba4178aaefe3d"
 }

package/src/PlayerProfileInfo.svelte

@@ -4,7 +4,7 @@
   import { onMount } from 'svelte';
   import { getDevice } from 'rvhelper';
   import { _, addNewMessages, setLocale } from './i18n';
-  import { PlayerProfileTranslations } from './translations';
+  import { TRANSLATIONS } from './translations';
 
   // Native bridge
   import { isNative, call as callNative, registerEventListener as registerNativeEventListener } from 'js-native-bridge';
@@ -68,8 +68,8 @@
     });
   }
 
-  Object.keys(PlayerProfileTranslations).forEach((item:any) => {
-    addNewMessages(item, PlayerProfileTranslations[item]);
+  Object.keys(TRANSLATIONS).forEach((item:any) => {
+    addNewMessages(item, TRANSLATIONS[item]);
   });
 
   const mediaQuery = window.matchMedia('(min-width: 768px)');
@@ -459,22 +459,22 @@
             <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
           </g></g>
         </svg>
-        <h2 class="MyAccountCategoryTitleMobile" part="MyAccountCategoryTitleMobile">{$_('playerProfile.title')}</h2>
+        <h2 class="MyAccountCategoryTitleMobile" part="MyAccountCategoryTitleMobile">{$_('title')}</h2>
       </div>
     {/if}
 
-    <h2 class="MyAccountCategoryTitle {isMobile ? 'MyAccountCategoryTitleNone' : ''}" part="MyAccountCategoryTitle {isMobile ? 'MyAccountCategoryTitleNone' : ''}">{$_('playerProfile.title')}</h2>
+    <h2 class="MyAccountCategoryTitle {isMobile ? 'MyAccountCategoryTitleNone' : ''}" part="MyAccountCategoryTitle {isMobile ? 'MyAccountCategoryTitleNone' : ''}">{$_('title')}</h2>
 
     <div class="PlayerNotificationsHeader" part="PlayerNotificationsHeader">
-      <h3>{$_('playerProfile.personalDetails')}</h3>
+      <h3>{$_('personalDetails')}</h3>
     </div>
     <section class="PlayerDetailsContent" part="PlayerDetailsContent">
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.userName')}</label>
+        <label>{$_('userName')}</label>
         <input type="text" class="FieldDisabled" part="FieldDisabled" value={username} readonly />
       </div>
       <div class="PlayerInfoBox {invalidMobile ? 'InvalidField' : ''}" part="PlayerInfoBox {invalidMobile ? 'InvalidField' : ''}">
-        <label>{$_('playerProfile.userPhone')}</label>
+        <label>{$_('userPhone')}</label>
         <div class="PlayerPhoneNumber" part="PlayerPhoneNumber">
           <select bind:value={playerPrefix} on:change={() => checkForChanges()}>
             {#each prefixesArray as pref}
@@ -488,83 +488,83 @@
         <input bind:value={playerMobileNumber} on:keyup={validateMobile} type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1');" placeholder={noPlayerData ? mobile.number : ''} on:keyup={() => checkForChanges()}/>
         </div>
         {#if invalidMobile}
-          <p class="InvalidInput" part="InvalidInput">{$_('playerProfile.userPhoneError')}</p>
+          <p class="InvalidInput" part="InvalidInput">{$_('userPhoneError')}</p>
         {/if}
       </div>
       <div class="PlayerInfoBox  {invalidSecurityQuestion ? 'InvalidField' : ''}" part="PlayerInfoBox  {invalidSecurityQuestion ? 'InvalidField' : ''}">
-        <label>{$_('playerProfile.securityQuestion')}</label>
+        <label>{$_('securityQuestion')}</label>
         <input type="text" bind:value={playerQuestion} on:keyup={() => checkForChanges()} on:blur={validateSecurityQuestion} placeholder={noPlayerData ? securityQuestion : ''} />
         {#if invalidSecurityQuestion}
-          <p class="InvalidInput" part="InvalidInput">{$_('playerProfile.securityQuestionError')}</p>
+          <p class="InvalidInput" part="InvalidInput">{$_('securityQuestionError')}</p>
         {/if}
       </div>
       <div class="PlayerInfoBox {invalidSecurityAnswer ? 'InvalidField' : ''}" part="PlayerInfoBox {invalidSecurityAnswer ? 'InvalidField' : ''}">
-        <label>{$_('playerProfile.securityAnswer')}</label>
+        <label>{$_('securityAnswer')}</label>
         <input type="text" bind:value={playerAnswer} on:keyup={() => checkForChanges()} on:blur={validateSecurityAnswer} placeholder={noPlayerData ? securityAnswer : ''} />
         {#if invalidSecurityAnswer}
-          <p class="InvalidInput" part="InvalidInput">{$_('playerProfile.securityAnswerError')}</p>
+          <p class="InvalidInput" part="InvalidInput">{$_('securityAnswerError')}</p>
         {/if}
       </div>
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.userEmail')}</label>
+        <label>{$_('userEmail')}</label>
         <input type="email" class="FieldDisabled" part="FieldDisabled" value={email} readonly />
       </div>
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.dateOfBirth')}</label>
+        <label>{$_('dateOfBirth')}</label>
         <input type="text" class="FieldDisabled" part="FieldDisabled" value={birth} readonly />
       </div>
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.firstName')}</label>
+        <label>{$_('firstName')}</label>
         <input type="text" class="FieldDisabled" part="FieldDisabled" value={firstname} readonly />
       </div>
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.lastName')}</label>
+        <label>{$_('lastName')}</label>
         <input type="text" class="FieldDisabled" part="FieldDisabled" value={lastname} readonly />
       </div>
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.userTitle')}</label>
+        <label>{$_('userTitle')}</label>
         <input type="text" class="FieldDisabled" part="FieldDisabled" value={userTitles} readonly />
       </div>
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.currency')}</label>
+        <label>{$_('currency')}</label>
         <input type="text" class="FieldDisabled" part="FieldDisabled" value={currency} readonly />
       </div>
     </section>
 
     <div class="PlayerLocationHeader" part="PlayerLocationHeader">
-      <h3>{$_('playerProfile.locationDetails')}</h3>
+      <h3>{$_('locationDetails')}</h3>
     </div>
     <section class="PlayerLocationContent" part="PlayerLocationContent">
       <div class="PlayerInfoBox" part="PlayerInfoBox">
-        <label>{$_('playerProfile.userCountry')}</label>
+        <label>{$_('userCountry')}</label>
         <input type="text" class="PlayerCountry FieldDisabled" part="PlayerCountry FieldDisabled" placeholder={countrycode} value={selectedCountry.Name} readonly />
       </div>
       <div class="PlayerInfoBox {invalidCity ? 'InvalidField' : ''}" part="PlayerInfoBox {invalidCity ? 'InvalidField' : ''}">
-        <label>{$_('playerProfile.userCity')}</label>
+        <label>{$_('userCity')}</label>
         <input bind:this={playerCity} type="text" on:blur={validateCity} on:keyup={() => checkForChanges()} placeholder={noPlayerData ? city : ''} value={noPlayerData ? '' : initialValuesArray.city} />
         {#if invalidCity}
-          <p class="InvalidInput" part="InvalidInput">{$_('playerProfile.userCityError')}</p>
+          <p class="InvalidInput" part="InvalidInput">{$_('userCityError')}</p>
         {/if}
       </div>
       <div class="PlayerInfoBox {invalidAddress ? 'InvalidField' : ''}" part="PlayerInfoBox {invalidAddress ? 'InvalidField' : ''}">
-        <label>{$_('playerProfile.userAddress')}</label>
+        <label>{$_('userAddress')}</label>
       <input bind:this={playerAddress} placeholder={address1} type="text" on:blur={validateAddress} on:keyup={() => checkForChanges()} value={noPlayerData ? '' : initialValuesArray.address} />
         {#if invalidAddress}
-          <p class="InvalidInput" part="InvalidInput">{$_('playerProfile.userAddressError')}</p>
+          <p class="InvalidInput" part="InvalidInput">{$_('userAddressError')}</p>
         {/if}
       </div>
       <div class="PlayerInfoBox {invalidPostalCode ? 'InvalidField' : ''}" part="PlayerInfoBox {invalidPostalCode ? 'InvalidField' : ''}">
-        <label>{$_('playerProfile.userPostalCode')}</label>
+        <label>{$_('userPostalCode')}</label>
         <input bind:this={playerPostalCode} type="text" on:blur={validatePostalCode} on:keyup={() => checkForChanges()} placeholder={noPlayerData ? postalCode : ''} value={noPlayerData ? '' : initialValuesArray.postalCode} />
         {#if invalidPostalCode}
-          <p class="InvalidInput" part="InvalidInput">{$_('playerProfile.userPostalCodeError')}</p>
+          <p class="InvalidInput" part="InvalidInput">{$_('userPostalCodeError')}</p>
         {/if}
       </div>
     </section>
 
     {#if showEmail || showSMS}
       <div class="PlayerNotificationsHeader" part="PlayerNotificationsHeader">
-        <h3>{$_('playerProfile.userNotifications')}</h3>
+        <h3>{$_('userNotifications')}</h3>
       </div>
       <section class="PlayerNotificationsCheckboxArea" part="PlayerNotificationsCheckboxArea">
         {#if showSMS}
@@ -572,7 +572,7 @@
             <label for="SMSNotification">
               <input bind:checked={giveConsentSMS}  on:change={checkForChanges} type="checkbox" id="SMSNotification" name="Enable SMS notifications" />
               <span class="Checkmark" part="Checkmark"></span>
-              <span>{$_('playerProfile.userSMSNotification')}</span>
+              <span>{$_('userSMSNotification')}</span>
             </label>
           </div>
         {/if}
@@ -581,7 +581,7 @@
             <label for="EmailNotification">
               <input bind:checked={giveConsentEmail} on:change={checkForChanges} type="checkbox" id="EmailNotification" name="Enable Emails" />
               <span class="Checkmark" part="Checkmark"></span>
-              <span>{$_('playerProfile.userEmailNotification')}</span>
+              <span>{$_('userEmailNotification')}</span>
             </label>
           </div>
         {/if}
@@ -589,24 +589,24 @@
     {/if}
     {#if isOnNative}
       <div class="PlayerNotificationsHeader" part="PlayerNotificationsHeader">
-        <h3>{$_('playerProfile.userAppSettings')}</h3>
+        <h3>{$_('userAppSettings')}</h3>
       </div>
       <section class="PlayerNotificationsCheckboxArea" part="PlayerNotificationsCheckboxArea">
         <div class="PlayerNotificationBox" part="PlayerNotificationBox">
           <label for="Biometrics">
             <input bind:checked={biometricsSelection} on:change={checkForChanges} type="checkbox" id="BiometricsEnabled" name="Biometric Enabled" />
             <span class="Checkmark" part="Checkmark"></span>
-            <span>{$_('playerProfile.userBiometrics')}</span>
+            <span>{$_('userBiometrics')}</span>
           </label>
         </div>
       </section>
     {/if}
     <section class="PlayerDetailsButtonsArea {isMobile ? 'PlayerDetailsButtonsAreaMobile' : ''}" part="PlayerDetailsButtonsArea {isMobile ? 'PlayerDetailsButtonsAreaMobile' : ''}">
-      <button class="PlayerDetailsSaveButton {differencesExist  && isValid ? '' : 'PlayerButtonDisabled'}" part="PlayerDetailsSaveButton {differencesExist  && isValid ? '' : 'PlayerButtonDisabled'}" on:click={(e) => updatePlayerInfo(e)}>{$_('playerProfile.userProfileSaveChanges')}</button>
+      <button class="PlayerDetailsSaveButton {differencesExist  && isValid ? '' : 'PlayerButtonDisabled'}" part="PlayerDetailsSaveButton {differencesExist  && isValid ? '' : 'PlayerButtonDisabled'}" on:click={(e) => updatePlayerInfo(e)}>{$_('userProfileSaveChanges')}</button>
     </section>
     {#if showConfirmSave}
       <section class="PlayerDetailsConfirmSave" part="PlayerDetailsConfirmSave">
-        <p class="PlayerDetailsConfirmSaveText" part="PlayerDetailsConfirmSaveText">{$_('playerProfile.userProfileConfirmationMessage')}</p>
+        <p class="PlayerDetailsConfirmSaveText" part="PlayerDetailsConfirmSaveText">{$_('userProfileConfirmationMessage')}</p>
       </section>
     {/if}
   </form>