@everymatrix/player-account-gaming-limits 0.0.285 → 0.0.286

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-gaming-limits",
-  "version": "0.0.285",
+  "version": "0.0.286",
   "main": "dist/player-account-gaming-limits.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e2ab83a03870fbcab9c88dd68379d235ca766614"
+  "gitHead": "34a92e6b2196b6bd4e523795acca4f2e87762571"
 }

package/src/PlayerAccountGamingLimits.svelte

@@ -6,10 +6,10 @@
   import { PlayerGamingLimitsCardTranslations } from './translations';
   import '@everymatrix/player-account-gaming-limits-info-card';
 
-  export let depositlimit:string = '';
-  export let wageringlimit:string = '';
-  export let losslimit:string = '';
-  export let timelimit:string = '';
+  export let depositlimit:any;
+  export let wageringlimit:any;
+  export let losslimit:any;
+  export let timelimit:any;
   export let showdeletenotification:boolean = false;
   export let showsuccessnotification:boolean = false;
   export let lang:string = 'en';
@@ -19,7 +19,7 @@
     addNewMessages(item, PlayerGamingLimitsCardTranslations[item]);
   });
 
-  let isLoading:boolean = false;
+  let isLoading:boolean = true;
   let userAgent:String = window.navigator.userAgent;
   let isMobile = (getDevice(userAgent) === 'PC') ? false : true;
 
@@ -38,19 +38,27 @@
     window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
   }
 
-  const initialLoad = () => {
+  const setActiveLanguage = () => {
     setLocale(lang);
-    tick(); // trying to send the initial data to the widget below (group edit) when the user discards the changes
   }
 
   const messageHandler = (e:any) => {
     if (e.data) {
       switch(e.data.type) {
+        case 'PlayerLimitsData':
+          lang = e.data.limits.lang
+          depositlimit = e.data.limits.depositlimit;
+          wageringlimit = e.data.limits.wageringlimit;
+          losslimit = e.data.limits.losslimit;
+          timelimit = e.data.limits.timelimit;
+          isLoading = false;
+          break;
+
         case 'EditPlayerAccountGamingLimits':
           editLimitData = e.data.edit;
           editLimitName = e.data.name;
           limitsGroupView = false;
-        break;
+          break;
 
         case 'PlayerAccountBackToLimitsView':
           limitsGroupView = true;
@@ -60,22 +68,19 @@
           let profileDetails:any = e.data.profileDetails;
           playercurrency = profileDetails.currency;
           break;
-
-        default:
-          // do nothing
-          break;
       }
     }
   }
 
-  onMount(() => {
+  onMount(() => {  
     window.addEventListener('message', messageHandler, false);
 
     return () => {
       window.removeEventListener('message', messageHandler);
     }
   });
-  $: timelimit && depositLimitName && wageringLimitName && lossLimitName && timeLimitName && lang && initialLoad();
+
+  $: lang && setActiveLanguage();
 </script>
 
 
@@ -96,7 +101,6 @@
       {/if}
       <h2 class="PlayerGamingLimitsTitle {isMobile ? 'PlayerGamingLimitsTitleNone' : ''}" part="PlayerGamingLimitsTitle {isMobile ? 'PlayerGamingLimitsTitleNone' : ''}">{$_('gamingLimits.gamingLimitsText')}</h2>
 
-
       <div class="PlayerAccountGamingLimitsContainer" part="PlayerAccountGamingLimitsContainer">
         <player-account-gaming-limits-info-card limitsdata={depositlimit} limitname={depositLimitName} {playercurrency} {lang}></player-account-gaming-limits-info-card>
         <player-account-gaming-limits-info-card limitsdata={wageringlimit} limitname={wageringLimitName} {playercurrency} {lang}></player-account-gaming-limits-info-card>