@everymatrix/player-account-self-exclusion 0.0.200 → 0.0.201

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-self-exclusion",
-  "version": "0.0.200",
+  "version": "0.0.201",
   "main": "dist/player-account-self-exclusion",
   "svelte": "src/index.ts",
   "scripts": {
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1575292cd20d511a1f4ebe038656d86deab2c7e0"
+  "gitHead": "71051531499cfea745b53a0f7c0a77a252990ae7"
 }

package/src/PlayerAccountSelfExclusion.svelte

@@ -4,9 +4,13 @@
   import { onMount } from 'svelte';
   import { getDevice } from 'rvhelper';
   import moment from 'moment';
+  import { _, addNewMessages, setLocale } from './i18n';
+  import { PlayerSelfExclusionTranslations } from './translations';
 
   import '@vaadin/vaadin-date-picker/vaadin-date-picker.js';
 
+  export let lang:string = 'en';
+
   let userAgent:string = window.navigator.userAgent;
   let isMobile:boolean = (getDevice(userAgent) === 'PC') ? false : true;
   let calendar:HTMLElement;
@@ -18,6 +22,10 @@
   let currentDate:Date = new Date();
   let minDate:string;
 
+  Object.keys(PlayerSelfExclusionTranslations).forEach((item:any) => {
+    addNewMessages(item, PlayerSelfExclusionTranslations[item]);
+  });
+
   currentDate.setDate(currentDate.getDate() + 7);
   minDate = moment(currentDate).format('YYYY-MM-DD');
 
@@ -31,12 +39,15 @@
   }
 
   // Set self exclusion period
-  const setSelfExclusionPeriod = (date:string) => {
+  const setSelfExclusionPeriod = (date?:string) => {
     if (permanentSelfExclusion == true) {
       selfExclusionPeriod = 'SelfExclusionPermanent';
     } else {
       selfExclusionPeriod = 'SelfExclusionUntilSelectedDate';
-      selfExclusionExpiryDate = date;
+
+      if (date.length > 0) {
+        selfExclusionExpiryDate = date;
+      }
     }
   }
 
@@ -70,7 +81,12 @@
     }
   });
 
+  const initialLoad = () => {
+    setLocale(lang);
+  }
+
   $: calendar && setCalendarEventListener();
+  $: lang && initialLoad();
 </script>
 
 <div class="SelfExclusionWrapper {isMobile ? 'SelfExclusionWrapperMobile' : ''}">
@@ -81,37 +97,37 @@
           <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="PlayerSelfExclusionTitleMobile">Self-Exclusion</h2>
+      <h2 class="PlayerSelfExclusionTitleMobile">{$_('selfExclusion.title')}</h2>
     </div>
   {/if}
-  <h2 class="PlayerSelfExclusionTitle {isMobile ? 'PlayerSelfExclusionTitleNone' : ''}">Self-Exclusion</h2>
+  <h2 class="PlayerSelfExclusionTitle {isMobile ? 'PlayerSelfExclusionTitleNone' : ''}">{$_('selfExclusion.title')}</h2>
 
 
   <div class="SelfExclusionDescription {isMobile ? 'SelfExclusionDescriptionMobile' : ''}">
-    <p class="SelfExclusionDescriptionText">Everymatrix recognizes that gambling can lead to addiction and in our effort to prevent these problems, we offer our users the ability to exclude all forms of betting on our site for a certain of indefinite period of time.</p>
-    <p class="SelfExclusionDescriptionText">Self-exclusion takes effect from the time it is set for the period you choose. Select a timeframe below then click "Confirm".</p>
-    <p class="SelfExclusionDescriptionText">During self-exclusion you will not be able to access your Everymatrix account. In the case of permanent self-exclusion, it is only possible to revoke Self-exclusion upon written request and only 6 months post its initial application. Please note that an alternative way to request self-exclusion is to contact Customer Service as follows: E-mail: support@everymatrix.com</p>
-    <p class="SelfExclusionDescriptionText">E-mail: <a href="mailto:support@everymatrix.com">support@everymatrix.com</a></p>
+    <p class="SelfExclusionDescriptionText">{$_('selfExclusion.selfExclusionText1')}</p>
+    <p class="SelfExclusionDescriptionText">{$_('selfExclusion.selfExclusionText2')}</p>
+    <p class="SelfExclusionDescriptionText">{$_('selfExclusion.selfExclusionText3')} support@everymatrix.com</p>
+    <p class="SelfExclusionDescriptionText">{$_('selfExclusion.selfExclusionText4')} <a href="mailto:support@everymatrix.com">support@everymatrix.com</a></p>
   </div>
   <div class="SelfExclusionDateWrapper {isMobile ? 'SelfExclusionDateWrapperMobile' : ''}">
-    <label for="SelfExclusionDate">Duration:</label>
+    <label for="SelfExclusionDate">{$_('selfExclusion.duration')}</label>
     <vaadin-date-picker bind:this={calendar} min={minDate}></vaadin-date-picker>
   </div>
   <div class="SelfExclusionRadioWrapper {isMobile ? 'SelfExclusionRadioWrapperMobile' : ''}">
-    <label class="SelfExclusionRadio">Forever
+    <label class="SelfExclusionRadio">{$_('selfExclusion.forever')}
       <input type="Checkbox" on:click={() => togglePermanentSelfExclusion()}>
       <span class="Checkmark"></span>
     </label>
   </div>
   <div class="SelfExclusionDescription {isMobile ? 'SelfExclusionDescriptionMobile' : ''}">
     {#if permanentSelfExclusion}
-      <p class="SelfExclusionDescriptionText"><strong>Your self-exclusion period will be permanent.</strong></p>
+      <p class="SelfExclusionDescriptionText"><strong>{$_('selfExclusion.permanentSelfExclusion')}</strong></p>
     {:else}
-      <p class="SelfExclusionDescriptionText"><strong>Your self-exclusion period will last until the {selfExclusionExpiryDate} 23:59.</strong></p>
+      <p class="SelfExclusionDescriptionText"><strong>{$_('selfExclusion.temporarySelfExclusion', { values: { date: selfExclusionExpiryDate}})}</strong></p>
     {/if}
   </div>
   <div class="SelfExclusionActionButtons {isMobile ? 'SelfExclusionActionButtonsMobile' : ''}">
-    <button class="SelfExclusionSave" on:click={() => saveSelfExclusion()}>Save</button>
+    <button class="SelfExclusionSave" on:click={() => saveSelfExclusion()}>{$_('selfExclusion.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,30 @@
+export const PlayerSelfExclusionTranslations = {
+  en: {
+    selfExclusion: {
+      title: `Self-Exclusion`,
+      selfExclusionText1: `Everymatrix recognizes that gambling can lead to addiction and in our effort to prevent these problems, we offer our users the ability to exclude all forms of betting on our site for a certain of indefinite period of time.`,
+      selfExclusionText2: `Self-exclusion takes effect from the time it is set for the period you choose. Select a timeframe below then click "Confirm".`,
+      selfExclusionText3: `During self-exclusion you will not be able to access your Everymatrix account. In the case of permanent self-exclusion, it is only possible to revoke Self-exclusion upon written request and only 6 months post its initial application. Please note that an alternative way to request self-exclusion is to contact Customer Service as follows: E-mail:`,
+      selfExclusionText4: `E-mail:`,
+      duration: `Duration:`,
+      forever: `Forever`,
+      save: `Save`,
+      temporarySelfExclusion: `Your self-exclusion period will last until the {date} 23:59.`,
+      permanentSelfExclusion: `Your self-exclusion period will be permanent.`
+
+    }
+  },
+  ro: {
+    selfExclusion: {
+      title: `Self-Exclusion`,
+      selfExclusionText1: `Everymatrix recognizes that gambling can lead to addiction and in our effort to prevent these problems, we offer our users the ability to exclude all forms of betting on our site for a certain of indefinite period of time.`,
+      selfExclusionText2: `Self-exclusion takes effect from the time it is set for the period you choose. Select a timeframe below then click "Confirm".`,
+      selfExclusionText3: `During self-exclusion you will not be able to access your Everymatrix account. In the case of permanent self-exclusion, it is only possible to revoke Self-exclusion upon written request and only 6 months post its initial application. Please note that an alternative way to request self-exclusion is to contact Customer Service as follows: E-mail:`,
+      selfExclusionText4: `E-mail:`,
+      duration: `Duration:`,
+      forever: `Forever`,
+      save: `Save`
+
+    }
+  }
+};