@everymatrix/player-account-gaming-limits 0.0.162 → 0.0.166

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-gaming-limits",
-  "version": "0.0.162",
+  "version": "0.0.166",
   "main": "dist/player-account-gaming-limits.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f0ae2ffa2c984a3f90ab2eea42992f92e6acf725"
+  "gitHead": "cc5cea8f5d4ed68bf0b052d98cc82ce69e97fc45"
 }

package/src/PlayerAccountGamingLimits.svelte

@@ -2,6 +2,8 @@
 <script lang="typescript">
   import { getDevice } from 'rvhelper';
   import { onMount, tick } from "svelte";
+  import { _, addNewMessages } from './i18n';
+  import { PlayerGamingLimitsCardTranslations } from './translations';
   import '@everymatrix/player-account-gaming-limits-info-card';
 
   export let depositlimit:string = '';
@@ -11,23 +13,23 @@
   export let showdeletenotification:boolean = false;
   export let showsuccessnotification:boolean = false;
 
+  Object.keys(PlayerGamingLimitsCardTranslations).forEach((item) => {
+    addNewMessages(item, PlayerGamingLimitsCardTranslations[item]);
+  });
+  
   let isLoading:boolean = false;
   let userAgent:String = window.navigator.userAgent;
   let isMobile = (getDevice(userAgent) === 'PC') ? false : true;
   let playercurrency:string = '';
 
-
-  let infoname:string = "Info";
-  let infocontent:string = "Nulla ornare pulvinar dui. Nullam viverra, lacus vel consectetur euismod, ante lorem aliquam nisi, non faucibus nulla lacus sed sapien. Sed imperdiet tristique tincidunt.";
-  let removelimitstext:string = "Selected limits have been removed.";
   let editLimitData:any;
   let editLimitName:string = '';
   let limitsGroupView:boolean = true;
 
-  let depositLimitName = 'Deposit Limit';
-  let wageringLimitName ='Wagering Limit';
-  let lossLimitName ='Loss Limit';
-  let timeLimitName ='Time Limit';
+  let depositLimitName = $_('gamingLimits.depositLimit');
+  let wageringLimitName = $_('gamingLimits.wageringLimit');
+  let lossLimitName = $_('gamingLimits.lossLimit');
+  let timeLimitName = $_('gamingLimits.timeLimit');
 
   const mediaQuery = window.matchMedia('(min-width: 768px)');
 
@@ -91,26 +93,21 @@
               C52.942,116.507,52.942,124.327,57.633,129.007z"/>
           </g>
         </svg>
-        <span>Return to menu</span>
+        <span>{$_('gamingLimits.returnToMenu')}</span>
       </div>
       {/if}
       <div class="PlayerAccountGamingLimitsHeader">
-        <h3 class="PlayerAccountGamingLimitsTitle {isMobile ? "PlayerAccountGamingLimitsMobileTitle" : ''}">Gaming limits</h3>
+        <h3 class="PlayerAccountGamingLimitsTitle {isMobile ? "PlayerAccountGamingLimitsMobileTitle" : ''}">{$_('gamingLimits.gamingLimitsText')}</h3>
       </div>
-      {#if showdeletenotification}
-        <div class="PlayerAccountSuccessfulRemoveContainer">
-          <p>{removelimitstext}</p>
-        </div>
-      {/if}
       <div class="PlayerAccountGamingLimitsContainer">
-        <player-account-gaming-limits-info-card limitsdata={depositlimit} limitname={depositLimitName} {infoname} {infocontent} {showdeletenotification} {playercurrency}></player-account-gaming-limits-info-card>
-        <player-account-gaming-limits-info-card limitsdata={wageringlimit} limitname={wageringLimitName} {infoname} {infocontent} {showdeletenotification} {playercurrency}></player-account-gaming-limits-info-card>
-        <player-account-gaming-limits-info-card limitsdata={losslimit} limitname={lossLimitName} {infoname} {infocontent} {showdeletenotification} {playercurrency}></player-account-gaming-limits-info-card>
-        <player-account-gaming-limits-info-card limitsdata={timelimit} limitname={timeLimitName} {infoname} {infocontent} {showdeletenotification} {playercurrency}></player-account-gaming-limits-info-card>
+        <player-account-gaming-limits-info-card limitsdata={depositlimit} limitname={depositLimitName} {playercurrency}></player-account-gaming-limits-info-card>
+        <player-account-gaming-limits-info-card limitsdata={wageringlimit} limitname={wageringLimitName} {playercurrency}></player-account-gaming-limits-info-card>
+        <player-account-gaming-limits-info-card limitsdata={losslimit} limitname={lossLimitName} {playercurrency}></player-account-gaming-limits-info-card>
+        <player-account-gaming-limits-info-card limitsdata={timelimit} limitname={timeLimitName} {playercurrency}></player-account-gaming-limits-info-card>
       </div>
     </div>
   {:else}
-    <player-account-gaming-limits-group-edit limitsdata={editLimitData} limitname={editLimitName} {infoname} {infocontent} {showsuccessnotification} {showdeletenotification} {playercurrency}></player-account-gaming-limits-group-edit>
+    <player-account-gaming-limits-group-edit limitsdata={editLimitData} limitname={editLimitName} {showsuccessnotification} {showdeletenotification} {playercurrency}></player-account-gaming-limits-group-edit>
   {/if}
 {/if}
 
@@ -129,7 +126,7 @@
     .PlayerAccountGamingLimitsHeader {
       h3 {
         font-size: ttp(1.5);
-        font-weight: 300;
+        font-weight: 400;
         text-transform: capitalize;
       }
       .PlayerAccountGamingLimitsMobileTitle {

package/src/i18n.js

@@ -0,0 +1,27 @@
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
+}
+
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };

package/src/translations.js

@@ -0,0 +1,22 @@
+export const PlayerGamingLimitsCardTranslations = {
+  en: {
+    gamingLimits: {
+      returnToMenu: `Return to menu`,
+      gamingLimitsText: `Gaming limits`,
+      depositLimit: `Deposit Limit`,
+      timeLimit: `Time Limit`,
+      wageringLimit: `Wagering Limit`,
+      lossLimit: `Loss Limit`
+    }
+  },
+  ro: {
+    gamingLimits: {
+      returnToMenu: `Return to menu`,
+      gamingLimitsText: `Gaming limits`,
+      depositLimit: `Deposit Limit`,
+      timeLimit: `Time Limit`,
+      wageringLimit: `Wagering Limit`,
+      lossLimit: `Loss Limit`
+    }
+  }
+};