@everymatrix/player-account-timeout 0.0.197 → 0.0.201

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-timeout",
-  "version": "0.0.197",
+  "version": "0.0.201",
   "main": "dist/player-account-timeout.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "89d693d3429e3dc0d6e642537452c8faa0ca008a"
+  "gitHead": "71051531499cfea745b53a0f7c0a77a252990ae7"
 }

package/src/PlayerAccountTimeout.svelte

@@ -2,15 +2,23 @@
 <script lang="typescript">
 
   import { getDevice } from 'rvhelper';
+  import { _, addNewMessages, setLocale } from './i18n';
+  import { PlayerTimeoutTranslations } from './translations';
+
+  export let lang:string = 'en';
 
   let userAgent:String = window.navigator.userAgent;
   let isMobile = (getDevice(userAgent) === 'PC') ? false : true;
 
+  Object.keys(PlayerTimeoutTranslations).forEach((item:any) => {
+    addNewMessages(item, PlayerTimeoutTranslations[item]);
+  });
+
   let timeoutOptions:Array<Object> = [
-    { value: 'CoolOffFor24Hours', text: '24 hours' },
-    { value: 'CoolOffFor7Days', text: '7 days' },
-    { value: 'CoolOffFor30Days', text: '30 days' },
-    { value: 'CoolOffFor3Months', text: '3 months' }
+    { value: $_('timeout.cooloff24'), text: $_('timeout.cooloff24Text') },
+    { value: $_('timeout.cooloff7'), text: $_('timeout.cooloff7Text') },
+    { value: $_('timeout.cooloff30'), text: $_('timeout.cooloff30Text') },
+    { value: $_('timeout.cooloff3'), text: $_('timeout.cooloff3Text') }
   ];
   let timeoutSelected:string = timeoutOptions[0].value;
 
@@ -21,6 +29,12 @@
   const toggleScreen = () => {
     window.postMessage({ type: 'ReturnToMenu' }, window.location.href);
   }
+
+  const initialLoad = () => {
+    setLocale(lang);
+  }
+
+  $: lang && initialLoad();
 </script>
 
 <div class="TimeoutWrapper {isMobile ? 'TimeoutWrapperMobile' : ''}">
@@ -31,13 +45,13 @@
           <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="TimeoutTitleMobile">Timeout</h2>
+      <h2 class="TimeoutTitleMobile">{$_('timeout.title')}</h2>
     </div>
   {/if}
-  <h2 class="TimeoutTitle {isMobile ? 'TimeoutTitleNone' : ''}">Timeout</h2>
+  <h2 class="TimeoutTitle {isMobile ? 'TimeoutTitleNone' : ''}">{$_('timeout.title')}</h2>
   <div class="TimeoutDescription {isMobile ? 'TimeoutDescriptionMobile' : ''}">
-    <p>Everymatrix provides you an easy way to take a break from the games. You can request automatic blocking of your account for 24 hours. During the temporary restraint, you will not be able to access your Account.</p>
-    <p>Please note that the “Time-out facility” does not in any case replace “Self-exclusion”. If you think you are experiencing a gambling addiction problem, please enter the link under "Responsible Gaming" and use the "Self-exclusion service" or contact us as soon as possible.</p>
+    <p>{$_('timeout.timeoutTextFirst')}</p>
+    <p>{$_('timeout.timeoutTextSecondary')}</p>
   </div>
   <div class="TimeoutSelectWrapper">
     <select bind:value={timeoutSelected} class="TimeoutSelect {isMobile ? 'TimeoutSelectMobile' : ''}">
@@ -47,7 +61,7 @@
     </select>
   </div>
   <div class="TimeoutActionButtons {isMobile ? 'TimeoutActionButtonsMobile' : ''}">
-    <button class="TimeoutSave" on:click={() => saveTimeout()}>Save</button>
+    <button class="TimeoutSave" on:click={() => saveTimeout()}>{$_('timeout.save')}</button>
   </div>
 </div>
 

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,34 @@
+export const PlayerTimeoutTranslations = {
+  en: {
+    timeout: {
+      title: `Timeout`,
+      timeoutTextFirst: `Everymatrix provides you an easy way to take a break from the games. You can request automatic blocking of your account for 24 hours. During the temporary restraint, you will not be able to access your Account.`,
+      timeoutTextSecondary: `Please note that the “Time-out facility” does not in any case replace “Self-exclusion”. If you think you are experiencing a gambling addiction problem, please enter the link under "Responsible Gaming" and use the "Self-exclusion service" or contact us as soon as possible.`,
+      save: `Save`,
+      cooloff24: `CoolOffFor24Hours`,
+      cooloff7: `CoolOffFor7Days`,
+      cooloff30: `CoolOffFor30Days`,
+      cooloff3: `CoolOffFor3Months`,
+      cooloff24Text: `24 hours`,
+      cooloff7Text: `7 days`,
+      cooloff30Text: `30 days`,
+      cooloff3Text: `3 months`,
+    }
+  },
+  ro: {
+    timeout: {
+      title: `Timeout`,
+      timeoutTextFirst: `Everymatrix provides you an easy way to take a break from the games. You can request automatic blocking of your account for 24 hours. During the temporary restraint, you will not be able to access your Account.`,
+      timeoutTextSecondary: `Please note that the “Time-out facility” does not in any case replace “Self-exclusion”. If you think you are experiencing a gambling addiction problem, please enter the link under "Responsible Gaming" and use the "Self-exclusion service" or contact us as soon as possible.`,
+      save: `Save`,
+      cooloff24: `CoolOffFor24Hours`,
+      cooloff7: `CoolOffFor7Days`,
+      cooloff30: `CoolOffFor30Days`,
+      cooloff3: `CoolOffFor3Months`,
+      cooloff24Text: `24 hours`,
+      cooloff7Text: `7 days`,
+      cooloff30Text: `30 days`,
+      cooloff3Text: `3 months`,
+    }
+  }
+};